@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root{color-scheme:dark;--bg:#0b1421;--panel:#152338;--panel2:#1b2b40;--border:#30445f;--text:#eef5ff;--muted:#a9bad0;--blue:#49baff;--blue2:#168fe0;--green:#45d19a}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -20%,#1c3858 0,transparent 54%),linear-gradient(135deg,#0a1421,#101d2d 58%,#0c1828);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);display:flex;justify-content:center}
.shell{width:min(100% - 36px,1120px);padding:34px 0 22px;display:flex;flex-direction:column;min-height:100vh}
.brand{display:flex;align-items:center;gap:13px;margin-bottom:24px}
.brand-mark{display:block;flex:0 0 52px;width:52px;height:52px;object-fit:cover;border-radius:50%;border:1px solid #77c9ff88;background:#0d2137;box-shadow:0 0 22px #2d9fe344}
.brand-copy{display:flex;flex-direction:column;gap:3px}.brand-copy strong{font-size:16px;letter-spacing:.01em}.brand-copy span{font-size:12px;color:var(--muted)}
.environment{margin-left:auto;border:1px solid #52718f;border-radius:999px;padding:7px 11px;color:#9ec9e9;font-size:9px;font-weight:700;letter-spacing:.11em}
.card{width:min(100%,1080px);margin:auto;align-self:center;background:linear-gradient(150deg,#18283d,#142238);border:1px solid var(--border);border-radius:18px;box-shadow:0 24px 80px #0005;padding:clamp(23px,5vw,52px)}
.stepper{display:flex;align-items:center;gap:13px;margin-bottom:38px;color:#778ba4;font-size:12px;font-weight:600}.step{display:flex;align-items:center;gap:8px;white-space:nowrap}.step i{font-style:normal;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#26384e;border:1px solid #40546c;font-size:11px}.step.active{color:#bce8ff}.step.active i{background:#123e61;border-color:#38aef3;color:#83d4ff}.step.done{color:#8ee5bd}.step.done i{background:#124c3c;border-color:#38bc88;color:#a6f1d0}.stepper>b{height:1px;flex:1;background:linear-gradient(90deg,#3a9fd4,#34475e)}
.eyebrow{display:flex;align-items:center;gap:8px;color:#70c9ff;font-weight:700;font-size:11px;letter-spacing:.09em;text-transform:uppercase}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 9px #45d19a99}
h1{font-size:clamp(27px,4vw,38px);line-height:1.17;letter-spacing:-.035em;margin:15px 0 11px}.intro{color:var(--muted);line-height:1.7;font-size:14px;margin:0 0 25px;max-width:590px}.intro strong{color:#fff}
.math-card{position:relative;overflow:hidden;min-height:170px;border:1px solid #42607d;border-radius:13px;background:radial-gradient(circle at 10% 10%,#254365,#172a41 48%,#142238);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 0 24px}.math-card:before,.math-card:after{content:"";position:absolute;width:190px;height:190px;border:1px solid #71caff1b;border-radius:50%;right:-92px;top:-113px}.math-card:after{width:130px;height:130px;right:auto;left:-76px;top:auto;bottom:-93px}.math-label{color:#87bce0;font-size:9px;letter-spacing:.18em;font-weight:700;margin-bottom:13px}.equation{font-size:clamp(35px,7vw,50px);font-weight:700;letter-spacing:.025em;color:#f2f8ff;text-shadow:0 2px 15px #5bbfff3f}.math-seal{position:absolute;right:19px;bottom:14px;color:#8ad3ff5c;font-size:19px}
form label{display:block;font-size:12px;font-weight:600;color:#d3e0ed;margin-bottom:8px}.answer-row{display:flex;gap:10px}input{min-width:0;flex:1;height:48px;border-radius:9px;border:1px solid #40556e;background:#0f1c2c;color:#fff;padding:0 14px;font:inherit;font-size:14px;outline:none}input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #49baff20}input::placeholder{color:#778ba2}
.button{border:0;text-decoration:none;cursor:pointer;border-radius:9px;min-height:48px;padding:0 17px;font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:transform .15s,background .15s,border-color .15s}.button:not(:disabled):not(.disabled):hover{transform:translateY(-1px)}.button-primary{color:#071b2d;background:linear-gradient(110deg,#66cbff,#3ba9f1);box-shadow:0 7px 20px #189ae733}.button-primary:hover{background:linear-gradient(110deg,#80d5ff,#4bb7ff)}.button-primary span{font-size:18px;font-weight:400}.button:disabled,.button.disabled{cursor:not-allowed;opacity:.56}
.feedback{min-height:19px;margin:8px 0 0;font-size:12px;color:#ff9d9d}.feedback.success{color:#78e2b1}.privacy-note{display:flex;gap:8px;align-items:center;border-top:1px solid #30445c;margin:21px 0 0;padding-top:18px;color:#92a7bd;font-size:11px}.privacy-note span{color:#72cbff;font-size:15px}
.hidden{display:none!important}.key-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:12px;border:1px solid #34536c;background:linear-gradient(100deg,#17324b,#192a40);margin:24px 0 18px}.key-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#153f5c;color:#83d6ff;font-size:24px}.key-card>div:nth-child(2){display:flex;flex-direction:column;gap:5px;min-width:0}.key-card strong{font-size:13px}.key-card div span{color:#9db0c5;font-size:11px}.duration{margin-left:auto;padding:7px 10px;border-radius:7px;background:#133956;color:#8dd8ff;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.button-store{justify-content:flex-start;text-align:left;background:#1b2b40;border:1px solid #40536b;color:#e2edf8;min-height:60px;gap:12px}.store-icon{width:28px;text-align:center;font-size:24px}.store-icon.play{color:#69d3a6;font-size:20px}.button-store span:last-child{display:flex;flex-direction:column;gap:4px;font-size:12px}.button-store small{font-size:10px;font-weight:400;color:#91a5bc}.full{width:100%;margin-top:10px}.button-secondary{background:#202f44;border:1px solid #43566f;color:#c2d1e1}.note{text-align:center;color:#91a6bc;margin-top:13px}.back-link{display:block;margin:18px auto 0;background:none;border:0;color:#83cfff;font:inherit;font-size:12px;cursor:pointer;padding:8px}.back-link:hover{color:#c0e8ff}
.instruction-block{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;margin:23px 0 11px;padding-top:19px;border-top:1px solid #30445c}.instruction-number{width:27px;height:27px;border:1px solid #3a83aa;border-radius:50%;display:grid;place-items:center;background:#13334b;color:#91dcff;font-size:12px;font-weight:800}.instruction-block h2{margin:2px 0 6px;font-size:15px;line-height:1.4;color:#eff7ff}.instruction-block p{margin:0;color:#a9bbcf;font-size:12px;line-height:1.7}.existing-client{display:flex;flex-direction:column;gap:7px;margin-top:20px;padding:15px;border:1px solid #5a5835;border-radius:10px;background:#292a21}.existing-client strong{font-size:12px;color:#f2df95}.existing-client span{font-size:11px;color:#d0c9a7;line-height:1.65}
.small-note{margin:9px 2px 0;color:#e6cf88;font-size:11px;line-height:1.65}
footer{display:flex;justify-content:space-between;color:#647991;font-size:9px;font-weight:700;letter-spacing:.1em;padding-top:25px}footer span+span{font-weight:400;letter-spacing:0;font-size:10px}
@media(max-width:600px){.shell{width:min(100% - 24px,1120px);padding-top:20px}.brand{margin-bottom:16px}.environment{font-size:8px;padding:6px 8px}.card{border-radius:15px;padding:23px 19px}.stepper{margin-bottom:29px;gap:8px;font-size:10px}.answer-row{flex-direction:column}.answer-row .button{width:100%}.math-card{min-height:148px}.actions-grid{grid-template-columns:1fr}.button-store{min-height:55px}.intro{font-size:13px}.instruction-block{gap:9px;margin-top:20px;padding-top:16px}.instruction-block h2{font-size:14px}.instruction-block p{font-size:12px;line-height:1.7}.existing-client{padding:13px}footer{padding:20px 3px 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}