body:has(.gate),html:has(.gate){height:100%;overflow:hidden}.gate{height:100dvh;max-height:100dvh;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);background:#f7f8fb;color:#0f172a;font-family:var(--font-sans),Archivo,ui-sans-serif,system-ui,sans-serif}.gate-brand{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:32px;overflow:hidden;isolation:isolate;padding:32px 56px 28px;background:radial-gradient(70% 55% at 30% 18%,rgba(31,75,184,.1),rgba(31,75,184,0) 70%),radial-gradient(60% 50% at 90% 100%,rgba(31,75,184,.06),rgba(31,75,184,0) 70%),linear-gradient(160deg,#e4ecfb,#edf2fc 45%,#f3f6fd);border-right:1px solid rgba(31,75,184,.1)}.gate-brand .logo{min-height:44px;font-size:18px;letter-spacing:-.01em}.gate-copy{max-width:480px}.gate-eyebrow{margin:0;font-size:13px;font-weight:600;line-height:18px;letter-spacing:.08em;text-transform:uppercase;color:#475569}.gate-copy h2{margin:16px 0 0;font-size:44px;line-height:48px;font-weight:700;letter-spacing:-.028em;color:#0f172a}.gate-copy .lede{margin:16px 0 0;max-width:440px;font-size:17px;line-height:27px;color:#475569}.gate-points{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-gap:22px;gap:22px}.gate-points li{display:flex;gap:14px;align-items:flex-start;padding:0;background:none;border:0;box-shadow:none}.gate-points .ic{flex:none;width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #c9d7f2;color:#1f4bb8}.gate-points .ic svg{width:19px;height:19px}.gate-points b{display:block;font-size:15px;line-height:21px;font-weight:600}.gate-points span{display:block;margin-top:2px;font-size:14px;line-height:20px;color:#475569}.gate-demo{margin:0;font-size:15px;line-height:22px;color:#475569}.gate-demo a{display:inline-flex;align-items:center;gap:4px;min-height:44px;font-weight:600;color:#1f4bb8;text-decoration:none}.gate-demo a:hover{text-decoration:none;color:#1a3f9c}.gate-stage{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;padding:32px 56px 24px;background:linear-gradient(180deg,#fbfcfe,#f7f8fb)}.gate-stage-fill{flex:1 1}.gate-card{width:min(100%,440px);margin:0 auto;padding:36px 36px 28px;background:#fff;border:1px solid rgba(31,75,184,.12);border-radius:16px;box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(15,23,42,.05),0 18px 40px -28px rgba(11,22,48,.45)}.gate-card h1{margin:0;font-size:32px;line-height:38px;font-weight:700;letter-spacing:-.022em}.gate-card .sub{margin:10px 0 0;font-size:16px;line-height:24px;color:#475569}.gate-card form{display:block;margin-top:28px}.gate-card label{display:block;margin:0 0 8px;font-size:14px;line-height:20px;font-weight:600;color:#0f172a}.gate-card input{display:block;width:100%;height:52px;padding:0 16px;font-size:17px;line-height:24px;border-radius:12px;border:1px solid #8390a5;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.05),inset 0 1px 0 rgba(255,255,255,.6)}.gate-card input::placeholder{color:#788396}.gate-card input:hover{border-color:#8390a5}.gate-card input:focus{border-color:#1f4bb8;box-shadow:0 0 0 4px rgba(31,75,184,.14),0 1px 2px rgba(15,23,42,.05)}.gate-card button.gate-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:52px;margin-top:16px;border:0;border-radius:12px;font-size:16px;font-weight:600;letter-spacing:-.005em;color:#fff;background:#1f4bb8}.gate-card button.gate-submit,.gate-card button.gate-submit:hover:not(:disabled){box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 1px 2px rgba(11,22,48,.2),0 8px 20px -10px rgba(11,22,48,.5);transform:none}.gate-card button.gate-submit:hover:not(:disabled){background:#1a3f9c}.gate-card button.gate-submit:disabled{opacity:1;background:#93a9df;box-shadow:none;cursor:not-allowed}.gate-card button.gate-submit svg{width:18px;height:18px}.gate-note{display:flex;gap:6px;align-items:flex-start;margin:16px 0 0;font-size:13px;line-height:19px;color:#5b6678}.gate-note svg{flex:none;width:13px;height:13px;margin-top:3px}.gate-card .message{margin-top:12px}.gate-code h1{margin-top:14px;font-size:28px;line-height:34px}.gate-code .sub{font-size:15px;line-height:22px;color:#64748b}.gate-code form{margin-top:22px}.gate-back{display:inline-flex;align-items:center;gap:6px;height:auto;min-height:32px;margin:0;padding:0;border:0;color:#334155;font-size:14px;font-weight:500;line-height:20px}.gate-back,.gate-back:hover:not(:disabled){background:transparent;box-shadow:none;transform:none}.gate-back:hover:not(:disabled){color:#0f172a}.gate-otp{display:flex;align-items:stretch;height:60px;border:1px solid #8390a5;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.05),inset 0 1px 0 rgba(255,255,255,.6)}.gate-otp:focus-within{border-color:#1f4bb8;box-shadow:0 0 0 4px rgba(31,75,184,.14),0 1px 2px rgba(15,23,42,.05)}.gate-card .gate-otp input{flex:1 1;width:16.66%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:center;font-size:22px;font-weight:500;line-height:28px;color:#0f172a;caret-color:#1f4bb8}.gate-card .gate-otp input:focus,.gate-card .gate-otp input:hover{border:0;box-shadow:none;outline:none}.gate-resend{margin:16px 0 0;text-align:center;font-size:14px;line-height:20px;color:#64748b}.gate-resend button{display:inline;height:auto;min-height:0;margin:0;padding:0;border:0;background:transparent;color:#1f4bb8;font-size:14px;font-weight:600;line-height:20px;box-shadow:none;transform:none}.gate-resend button:hover:not(:disabled){background:transparent;color:#1a3f9c;box-shadow:none;transform:none}.gate-hint{margin:12px 0 0;text-align:center;font-size:13px;line-height:19px;color:#64748b}.gate-legal{display:flex;justify-content:center;gap:4px;margin:0}.gate-legal,.gate-legal a,.gate-legal button{align-items:center;font-size:13px;color:#5b6678}.gate-legal a,.gate-legal button{display:inline-flex;min-height:44px;padding:0 10px;border:0;background:transparent;font-weight:400;box-shadow:none;transform:none;text-decoration:none}.gate-legal a:hover,.gate-legal button:hover{background:transparent;color:#0f172a;box-shadow:none;transform:none;text-decoration:none}.gate-legal .dot{width:3px;height:3px;border-radius:50%;background:#a3adbd}.gate-sheet{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:rgba(15,23,42,.28)}.gate-sheet article{width:min(100%,440px);padding:24px 28px;background:#fff;border:1px solid rgba(31,75,184,.12);border-radius:16px;box-shadow:inset 0 1px 0 #fff,0 24px 48px -20px rgba(16,32,80,.25)}.gate-sheet h2{margin:0;font-size:19px;line-height:26px;font-weight:700;letter-spacing:-.01em}.gate-sheet ul{list-style:none;margin:14px 0 0;padding:0}.gate-sheet li{padding:12px 0;border-top:1px solid #e2e8f0;font-size:15px;line-height:22px;color:#475569}.gate-sheet li:first-child{border-top:0}.gate-sheet button{width:100%;height:52px;margin-top:14px;border:1px solid #cbd5e1;border-radius:12px;color:#0f172a}.gate-sheet button,.gate-sheet button:hover{background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.05);transform:none}@media (max-height:860px){.gate-brand{padding:24px 48px 20px;gap:16px}.gate-copy h2{font-size:40px;line-height:44px}.gate-copy .lede,.gate-copy h2{margin-top:12px}.gate-points{margin-top:24px;gap:18px}.gate-card{padding:28px 32px 22px}.gate-card form{margin-top:20px}}@media (max-width:1279px){.gate-brand{padding:28px 40px 24px}.gate-copy h2{font-size:38px;line-height:42px}.gate-copy .lede{font-size:16px;line-height:25px}.gate-points{margin-top:28px}.gate-stage{padding:28px 40px 24px}}@media (max-width:1023px){.gate{display:flex;flex-direction:column;height:100dvh;max-height:100dvh;overflow:hidden;padding:28px 20px 12px;background:#f7f8fb}.gate-brand,.gate-stage{display:contents}.gate-logo{order:1}.gate-copy,.gate-logo{width:min(100%,440px);margin:0 auto}.gate-copy{order:2;display:flex;flex-direction:column;max-width:none}.gate-copy h2{order:1;margin:22px 0 0;font-size:28px;line-height:34px;letter-spacing:-.03em}.gate-eyebrow{order:2;margin:6px 0 0;font-size:15px;font-weight:500;line-height:22px;letter-spacing:0;text-transform:none;color:#1f4bb8}.gate-copy .lede,.gate-demo svg,.gate-legal .dot,.gate-points,.gate-stage-fill{display:none}.gate-card{order:3;width:min(100%,440px);margin:22px auto 0;padding:24px 20px 20px;border-radius:18px}.gate-card h1{font-size:22px;line-height:28px}.gate-card .sub{margin-top:8px;font-size:15px;line-height:22px}.gate-card form{margin-top:20px}.gate-card button.gate-submit,.gate-card input{height:48px}.gate-demo{order:4;width:min(100%,440px);margin:20px auto 0;text-align:center}.gate-demo a{min-height:44px}.gate-legal{order:5;width:min(100%,440px);margin:auto auto 0;gap:2px}}