:root{color-scheme:dark;--bg:#06111b;--panel:#0c1d2a;--panel2:#102737;--line:#284457;--text:#e9f4fa;--muted:#94b1c2;--teal:#20c5a5;--teal2:#73ebd3;--amber:#f3bc66}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}button,input{font:inherit}button{cursor:pointer}a{color:var(--teal2)}.shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr)}.story{position:relative;overflow:hidden;padding:38px clamp(30px,5vw,88px) 34px;display:flex;flex-direction:column;background:radial-gradient(circle at 77% 48%,#0e3944 0%,#092331 36%,#071825 65%,#07131e 100%);border-right:1px solid #254251}.story:before{content:"";position:absolute;inset:0;opacity:.23;background-image:linear-gradient(#286273 1px,transparent 1px),linear-gradient(90deg,#286273 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 64% 47%,#000 0%,transparent 69%);pointer-events:none}.story:after{content:"";position:absolute;width:540px;height:540px;right:-155px;top:16%;border:1px solid #287b83;border-radius:50%;box-shadow:0 0 0 65px #14505c19,0 0 0 130px #14505c12,0 0 0 195px #14505c0b;pointer-events:none}.brand{position:relative;z-index:1;display:flex;align-items:center;gap:18px}.brandname{font-weight:850;font-size:28px;letter-spacing:-1.1px}.brandname span{color:var(--teal)}.brandline{border-left:1px solid #365363;padding-left:16px;font-size:10px;letter-spacing:2px;color:#9dc2cf}.story-body{position:relative;z-index:1;max-width:640px;margin:auto 0}.eyebrow{font-size:11px;letter-spacing:2.1px;color:var(--teal);font-weight:750}.story h1{font-size:clamp(40px,4.2vw,72px);line-height:1.09;letter-spacing:-2.4px;max-width:650px;margin:22px 0}.story h1 em{font-style:normal;color:var(--teal)}.intro{font-size:17px;line-height:1.75;color:#aac4d0;max-width:525px}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:42px;max-width:570px}.feature{padding:17px;border:1px solid #2a5260;background:#0c2935b8;border-radius:13px;backdrop-filter:blur(7px)}.feature strong{display:block;font-size:13px;margin-bottom:5px}.feature small{font-size:12px;color:#a1beca;line-height:1.5}.feature .symbol{color:var(--teal);margin-right:6px}.story-foot{position:relative;z-index:1;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#8baab9;letter-spacing:.6px}.form-side{min-width:0;padding:36px clamp(26px,5vw,90px);display:flex;flex-direction:column;background:linear-gradient(145deg,#091825,#06111b 70%)}.topline{display:flex;justify-content:flex-end;align-items:center;gap:12px;font-size:11px;color:#8da9b9;letter-spacing:1.1px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px #20c5a51a}.form-wrap{width:100%;max-width:465px;margin:auto; padding:58px 0}.overline{display:inline-flex;gap:8px;align-items:center;color:var(--teal);font-size:11px;font-weight:750;letter-spacing:1.5px}.form-wrap h2{font-size:clamp(34px,3vw,46px);line-height:1.13;letter-spacing:-1.3px;margin:17px 0 13px}.lede{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 35px}.field{margin:0 0 22px}.field label{display:block;font-size:12px;font-weight:650;margin-bottom:10px;color:#c9dce5}.input-wrap{display:flex;align-items:center;background:#112637;border:1px solid #36566a;border-radius:10px;transition:border-color .15s,box-shadow .15s}.input-wrap:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #20c5a51c}.input-wrap input{width:100%;min-width:0;background:transparent;color:var(--text);border:0;outline:0;padding:16px;font-size:14px}.input-wrap input::placeholder{color:#728d9f}.show{background:transparent;border:0;color:#9fc0cd;font-size:12px;padding:12px 14px;white-space:nowrap}.submit{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;background:var(--teal);color:#06241f;border:1px solid var(--teal);border-radius:10px;padding:16px 20px;font-weight:800;margin-top:8px;transition:filter .15s}.submit:hover{filter:brightness(1.09)}.submit:focus-visible,.show:focus-visible,a:focus-visible{outline:2px solid var(--teal2);outline-offset:4px}.demo-note{margin:14px 0 0;color:var(--amber);font-size:11px;line-height:1.55}.divider{display:flex;align-items:center;gap:15px;margin:33px 0 24px;color:#7390a1;font-size:10px;letter-spacing:1.3px}.divider:before,.divider:after{content:"";height:1px;background:#2c4858;flex:1}.register{display:block;text-align:center;padding:14px;border:1px solid #335464;border-radius:10px;text-decoration:none;font-size:13px;font-weight:700}.register:hover{background:#112b37}.assurance{display:flex;align-items:flex-start;gap:11px;margin-top:34px;padding:16px;background:#0d2430;border:1px solid #234655;border-radius:10px;color:#9ab7c5;font-size:12px;line-height:1.6}.assurance strong{color:#d9edf2}.lock{color:var(--teal);font-size:20px}.bottom{display:flex;justify-content:space-between;gap:12px;color:#728fa0;font-size:11px}.bottom a{color:#a4c2ce;text-decoration:none}.mobile-only{display:none}@media(max-width:1100px){.shell{grid-template-columns:minmax(0,1fr) minmax(385px,.9fr)}.story h1{font-size:45px}.feature-grid{grid-template-columns:1fr}.story{padding:30px}.form-side{padding:30px}}@media(max-width:780px){.shell{display:block}.story{min-height:0;padding:26px 24px 30px;border-right:0;border-bottom:1px solid #254251}.story:after{width:240px;height:240px;right:-110px;top:10%}.story-body{margin:32px 0 0}.story h1{font-size:34px;letter-spacing:-1.3px;margin:12px 0}.intro{font-size:13px;margin:0}.feature-grid,.story-foot{display:none}.brandname{font-size:24px}.brandline{font-size:9px}.form-side{min-height:0;padding:22px 24px 32px}.form-wrap{padding:28px 0;max-width:500px}.form-wrap h2{font-size:34px}.lede{margin-bottom:25px}.bottom{flex-wrap:wrap}.topline{display:none}.mobile-only{display:inline}}@media(max-width:400px){.brandline{letter-spacing:1px}.story h1{font-size:30px}.form-side{padding:20px}}

/* V3.1 desktop-fixed gateway: full viewport, independent panel scrolling */
@media (min-width: 781px) {
 html,body{height:100%;overflow:hidden}
 .shell{height:100vh;height:100dvh;min-height:0;grid-template-columns:minmax(0,55fr) minmax(420px,45fr);overflow:hidden}
 .story,.form-side{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#315161 transparent}
 .story{padding-top:clamp(20px,3.1vh,38px);padding-bottom:clamp(18px,3vh,34px)}
 .story-body{margin:auto 0;padding:18px 0}
 .story h1{font-size:clamp(35px,min(4vw,6vh),66px);margin:clamp(12px,2vh,22px) 0}
 .intro{font-size:clamp(13px,1.4vw,17px);line-height:1.55}
 .feature-grid{margin-top:clamp(16px,3vh,38px);gap:10px}
 .feature{padding:clamp(10px,1.4vh,17px)}
 .form-side{padding-top:clamp(18px,3vh,36px);padding-bottom:clamp(18px,3vh,36px)}
 .form-wrap{padding:24px 0;margin:auto;flex-shrink:0}
 .form-wrap h2{margin:12px 0 10px}
 .lede{margin-bottom:22px}
 .field{margin-bottom:16px}
 .input-wrap input{padding:13px 15px}
 .submit{padding:13px 18px}
 .divider{margin:22px 0 16px}
 .register{padding:12px}
 .assurance{margin-top:22px;padding:13px}
 .bottom{flex-shrink:0}
}
@media (min-width:781px) and (max-height:740px) {
 .story h1{font-size:clamp(32px,4.1vh,48px)}
 .feature-grid{margin-top:14px}
 .feature{padding:10px}
 .feature small{font-size:11px}
 .story-foot{font-size:10px}
 .form-wrap{padding:16px 0}
 .form-wrap h2{font-size:34px}
 .assurance{margin-top:14px}
}

.demo-note{display:none}
.alert{padding:12px 14px;margin:0 0 16px;border:1px solid #ab5360;background:#3c2029;color:#ffdce1;border-radius:10px}.ok{padding:12px 14px;margin:0 0 16px;border:1px solid #247c68;background:#113c34;color:#c5ffef;border-radius:10px}