:root { --bg:#07100d; --panel:#0c1b15; --text:#e4eee9; --muted:#84978f; --green:#82e6b8; --gold:#e3c177; --line:rgba(171,214,195,.13); --danger:#ff9a83; }
* { box-sizing:border-box; }
html { color-scheme:dark; background:var(--bg); }
body { min-height:100vh; margin:0; overflow-x:hidden; color:var(--text); background:radial-gradient(circle at 18% 20%,rgba(39,112,79,.13),transparent 35%),linear-gradient(145deg,#07100d,#091710 55%,#06100c); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.ambient { width:420px; height:420px; position:fixed; z-index:-1; border-radius:50%; filter:blur(100px); opacity:.12; }
.ambient-a { left:-180px; top:20%; background:var(--green); }.ambient-b { right:-190px; bottom:-120px; background:var(--gold); }
header { height:88px; padding:0 clamp(22px,5vw,72px); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:12px; color:var(--text); text-decoration:none; }.brand-mark { width:42px; height:42px; display:grid; place-items:center; border:1px solid rgba(130,230,184,.28); transform:rotate(45deg); }.brand-mark i { width:12px; height:12px; display:block; background:var(--green); }.brand > span:last-child { display:grid; gap:2px; }.brand strong { font-size:13px; letter-spacing:.12em; }.brand small { color:#6d8178; font-size:9px; letter-spacing:.08em; text-transform:uppercase; }
.sign-in { padding:12px 15px; color:#adbbb5; border:1px solid var(--line); text-decoration:none; font-size:11px; font-weight:650; }.sign-in span { margin-left:14px; color:var(--green); }
main { min-height:calc(100vh - 156px); display:grid; grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr); }
.story { padding:clamp(70px,9vw,140px) clamp(30px,7vw,110px); border-right:1px solid var(--line); }.eyebrow,.kicker { color:var(--green); font-size:9px; font-weight:760; letter-spacing:.18em; }.story h1 { margin:22px 0 26px; max-width:800px; font-size:clamp(52px,6.2vw,94px); font-weight:540; line-height:.98; letter-spacing:-.055em; }.story h1 em { color:var(--green); font-style:normal; }.story > p { max-width:630px; margin:0; color:var(--muted); font-size:15px; line-height:1.8; }
.steps { max-width:680px; margin-top:64px; display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); }.steps article { min-height:108px; padding:18px; display:grid; grid-template-columns:28px 1fr; gap:10px; border-right:1px solid var(--line); }.steps article:last-child { border:0; }.steps article > span { color:var(--green); font-family:Consolas,monospace; font-size:9px; }.steps div { display:grid; align-content:start; gap:7px; }.steps strong { font-size:11px; }.steps small { color:#687c73; font-size:9px; line-height:1.5; }
.form-stage { padding:70px clamp(24px,5vw,76px); display:grid; place-items:center; background:rgba(3,11,8,.24); }.form-card { width:min(100%,510px); padding:clamp(27px,4vw,44px); border:1px solid rgba(130,230,184,.18); background:linear-gradient(145deg,rgba(15,35,27,.96),rgba(8,22,16,.94)); box-shadow:0 34px 90px rgba(0,0,0,.24); }.form-card h2 { margin:13px 0 10px; font-size:clamp(30px,3vw,42px); font-weight:570; letter-spacing:-.04em; }.form-card > p { margin:0 0 28px; color:var(--muted); font-size:12px; line-height:1.7; }.form-card p strong { color:#bbcec5; }
form { display:grid; gap:16px; }label { display:grid; gap:7px; color:#9badA5; font-size:10px; font-weight:650; letter-spacing:.03em; }label small { color:#60736b; font-size:8px; font-weight:500; line-height:1.5; }input { width:100%; height:50px; padding:0 14px; color:var(--text); background:rgba(3,12,8,.72); border:1px solid var(--line); border-radius:0; outline:0; }input:focus { border-color:var(--green); box-shadow:0 0 0 3px rgba(130,230,184,.07); }input::placeholder { color:#53665e; }
.primary { min-height:50px; padding:0 17px; display:flex; align-items:center; justify-content:space-between; color:#06130e; background:var(--green); border:1px solid var(--green); font-size:11px; font-weight:780; cursor:pointer; text-decoration:none; }.primary:hover { background:#a2f0cc; }.primary:disabled { opacity:.5; cursor:wait; }.secondary { margin-top:10px; min-height:44px; display:grid; place-items:center; color:#9cafA7; border:1px solid var(--line); text-decoration:none; font-size:10px; }.privacy { margin:24px 0 0!important; padding-top:18px; border-top:1px solid var(--line); color:#5f736a!important; font-size:9px!important; }.alert { padding:12px 13px; color:#ffc0b1; background:rgba(255,154,131,.06); border-left:2px solid var(--danger); font-size:10px; line-height:1.5; }.status-icon { width:46px; height:46px; margin-bottom:24px; display:grid; place-items:center; color:#06130e; background:var(--green); font-size:20px; }.link-button { margin-top:24px; }.hidden { display:none!important; }
footer { min-height:68px; padding:0 clamp(22px,5vw,72px); display:flex; align-items:center; justify-content:space-between; color:#53675f; border-top:1px solid var(--line); font-size:8px; font-weight:700; letter-spacing:.12em; }footer span:last-child { display:flex; align-items:center; gap:8px; }footer i { width:6px; height:6px; display:inline-block; border-radius:50%; background:var(--green); box-shadow:0 0 10px rgba(130,230,184,.5); }
@media(max-width:900px){main{grid-template-columns:1fr}.story{padding:70px 28px;border-right:0;border-bottom:1px solid var(--line)}.story h1{font-size:clamp(48px,11vw,78px)}.form-stage{padding:60px 24px 80px}}
@media(max-width:560px){header{height:72px;padding:0 18px}.brand small{display:none}.sign-in{padding:10px;font-size:0}.sign-in span{margin:0;font-size:15px}.story{padding:55px 20px}.story h1{font-size:45px}.steps{grid-template-columns:1fr}.steps article{min-height:80px;border-right:0;border-bottom:1px solid var(--line)}.form-stage{padding:42px 17px 65px}.form-card{padding:25px 21px}footer{padding:20px;justify-content:center}footer span:first-child{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}