:root{--bg:#090b10;--panel:#0f1218;--surface:#151920;--border:#282e38;--text:#f5f6f7;--muted:#747c88;--lime:#c8ff3d;--purple:#9b7bff;--pink:#ff4f91}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 "DM Sans",sans-serif;min-height:100vh}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(460px,1.05fr) minmax(430px,.95fr)}.auth-visual{position:relative;overflow:hidden;padding:42px 7vw 28px;background:radial-gradient(circle at 30% 25%,rgba(200,255,61,.08),transparent 31%),radial-gradient(circle at 85% 80%,rgba(155,123,255,.1),transparent 30%),#0b0e13;border-right:1px solid #20252d;display:flex;flex-direction:column}.auth-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 80%);pointer-events:none}.brand,.mobile-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font:800 23px Manrope;z-index:1}.brand-mark{position:relative;width:28px;height:28px;display:grid;place-items:center;transform:rotate(-10deg)}.brand-mark:before,.brand-mark:after{content:"";position:absolute;width:9px;height:23px;border-radius:5px;background:var(--lime)}.brand-mark:before{transform:rotate(90deg)}.brand-mark i:before,.brand-mark i:after{content:"";position:absolute;width:5px;height:5px;border-radius:2px;background:#0c1014;z-index:1}.brand-mark i:before{transform:translate(-7px,-2px)}.brand-mark i:after{transform:translate(2px,-2px)}.visual-copy{margin:auto 0 28px;position:relative;z-index:1;max-width:560px}.eyebrow,.step-label{font-size:9px;font-weight:800;letter-spacing:.16em;color:#777f8a;margin:0 0 14px}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow span,.step-label span{width:18px;height:1px;background:var(--lime);display:inline-block}.visual-copy h1{font:800 clamp(40px,4.6vw,68px)/1.04 Manrope;letter-spacing:-.055em;margin:0}.visual-copy h1 em{font-style:normal;color:var(--lime)}.visual-copy>p:last-child{color:#818894;max-width:480px;font-size:14px;margin:22px 0 0}.preview-card{position:relative;z-index:1;width:min(560px,100%);border:1px solid #292f38;background:linear-gradient(145deg,rgba(23,28,36,.96),rgba(13,16,22,.96));box-shadow:0 25px 70px rgba(0,0,0,.35);border-radius:20px;padding:18px 20px;transform:perspective(1000px) rotateY(2deg)}.preview-head{display:flex;justify-content:space-between;color:#69717c;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.preview-head b{font-weight:500}.preview-head i,.auth-visual footer i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px var(--lime);margin-right:6px}.preview-score{display:flex;align-items:center;gap:17px;padding:17px 0}.score-ring{width:72px;height:72px;border-radius:50%;background:conic-gradient(var(--purple) 82%,#2a3039 0);display:grid;place-items:center;position:relative}.score-ring:after{content:"";position:absolute;inset:6px;border-radius:50%;background:#141820}.score-ring strong,.score-ring small{position:absolute;z-index:1}.score-ring strong{font:700 24px Manrope;transform:translateY(-4px)}.score-ring small{font-size:7px;color:#707985;transform:translateY(13px)}.preview-score>div:last-child span{font-size:7px;color:var(--purple);font-weight:800;letter-spacing:.1em}.preview-score h2{font:700 15px Manrope;margin:3px 0}.preview-score p{font-size:9px;color:#6d7581;margin:0}.preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #252b34;border-bottom:1px solid #252b34;padding:12px 0}.preview-metrics>div{padding-left:14px;border-right:1px solid #252b34;position:relative}.preview-metrics>div:last-child{border:0}.preview-metrics>div>i{position:absolute;left:0;top:4px;width:5px;height:5px;border-radius:50%}.lime{background:var(--lime)}.purple{background:var(--purple)}.pink{background:var(--pink)}.preview-metrics span,.preview-metrics b,.preview-metrics em{display:block}.preview-metrics span{color:#626a75;font-size:7px}.preview-metrics b{font:700 14px Manrope;margin-top:3px}.preview-metrics b small{font:500 7px "DM Sans";color:#676f7b}.preview-metrics em{font-size:7px;color:var(--lime);font-style:normal}.preview-chart{height:45px;display:flex;align-items:flex-end;gap:5px;padding-top:9px}.preview-chart i{flex:1;background:linear-gradient(var(--lime),rgba(200,255,61,.1));border-radius:3px 3px 0 0;opacity:.75}.preview-chart i:nth-child(1){height:25%}.preview-chart i:nth-child(2){height:42%}.preview-chart i:nth-child(3){height:35%}.preview-chart i:nth-child(4){height:64%}.preview-chart i:nth-child(5){height:55%}.preview-chart i:nth-child(6){height:75%}.preview-chart i:nth-child(7){height:62%}.preview-chart i:nth-child(8){height:82%}.preview-chart i:nth-child(9){height:72%}.preview-chart i:nth-child(10){height:90%}.preview-chart i:nth-child(11){height:78%}.preview-chart i:nth-child(12){height:100%}.auth-visual>footer{display:flex;justify-content:space-between;color:#555d68;font-size:9px;margin-top:24px;z-index:1}
.auth-form-side{padding:48px clamp(35px,6vw,90px) 25px;display:flex;flex-direction:column;background:radial-gradient(circle at 90% 0,rgba(155,123,255,.06),transparent 32%),#0e1117}.mobile-brand{display:none}.first-run,.setup-form-wrap,.login-wrap{width:min(460px,100%);margin:auto}.first-run h2,.setup-form-wrap h2,.login-wrap h2{font:700 29px Manrope;letter-spacing:-.035em;margin:0 0 8px}.first-run h2 span,.login-wrap h2 span{color:var(--lime)}.first-run>p:nth-of-type(2),.setup-form-wrap>p:nth-of-type(2),.login-wrap>p:nth-of-type(2){color:#7b838e;font-size:12px;margin:0 0 25px}.choice-grid{display:grid;gap:10px}.choice-card{position:relative;min-height:112px;border:1px solid var(--border);background:#141820;border-radius:14px;text-decoration:none;color:#fff;padding:17px 17px 17px 65px;text-align:left;cursor:pointer;transition:.2s}.choice-card:hover{border-color:#505967;transform:translateY(-1px)}.choice-card.primary{border-color:rgba(200,255,61,.27);background:linear-gradient(100deg,rgba(200,255,61,.08),rgba(200,255,61,.02))}.choice-icon{position:absolute;left:17px;top:18px;width:34px;height:34px;border-radius:9px;background:rgba(200,255,61,.12);color:var(--lime);display:grid;place-items:center;font-size:19px}.choice-icon.demo{background:rgba(155,123,255,.12);color:var(--purple)}.choice-card b,.choice-card small{display:block}.choice-card b{font:700 13px Manrope;margin:2px 0 4px}.choice-card small{font-size:10px;color:#747c87;max-width:290px}.choice-card>i{position:absolute;right:12px;top:12px;color:#111;background:var(--lime);border-radius:5px;padding:2px 6px;font-size:7px;font-style:normal;font-weight:800;text-transform:uppercase}.choice-card>i.arrow{background:none;color:#707986;font-size:18px;top:40px}.setup-note,.privacy-note{display:flex;gap:11px;margin-top:18px;padding:12px;border:1px solid #232933;border-radius:11px;background:#11151b;color:var(--lime)}.setup-note p,.privacy-note p{margin:0}.setup-note b,.setup-note small,.privacy-note b,.privacy-note small{display:block}.setup-note b,.privacy-note b{font-size:9px;color:#b9bec6}.setup-note small,.privacy-note small{font-size:8px;color:#646c78;margin-top:2px}.setup-form-wrap{display:none}.setup-form-wrap.visible{display:block}.back-button{border:0;background:transparent;color:#737b86;font-size:10px;padding:0;margin-bottom:30px;cursor:pointer}.back-button:hover{color:#fff}form{display:grid;gap:14px;margin-top:26px}label{font-size:9px;color:#aab0b9;font-weight:600}label small{float:right;color:#5d6570;font-weight:400}input{width:100%;height:45px;border:1px solid #2b323c;border-radius:10px;background:#141820;color:#fff;padding:0 13px;margin-top:6px;outline:0;font:11px "DM Sans"}input:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(200,255,61,.07)}input::placeholder{color:#555d68}.submit-button{height:47px;border:0;border-radius:10px;background:var(--lime);color:#101308;font-weight:800;font-size:11px;cursor:pointer;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:10px}.submit-button:hover{filter:brightness(1.08)}.submit-button span{font-size:17px}.alert{width:min(460px,100%);margin:0 auto 18px;border:1px solid;border-radius:10px;padding:10px 12px;display:flex;gap:9px;font-size:10px}.alert b{width:18px;height:18px;border-radius:50%;display:grid;place-items:center}.alert.error{border-color:rgba(255,79,145,.3);background:rgba(255,79,145,.07);color:#ff8bb7}.alert.success{border-color:rgba(200,255,61,.3);background:rgba(200,255,61,.07);color:var(--lime)}.form-footer{text-align:center;color:#414853;font-size:8px;margin-top:20px}.login-wrap .step-label{display:flex;align-items:center;gap:8px}.login-wrap form{margin-top:31px}.privacy-note{margin-top:23px}.privacy-note>span{font-size:18px}.form-footer{margin-top:auto}
@media(max-width:850px){.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.auth-form-side{min-height:100vh;padding:30px 22px 20px}.mobile-brand{display:flex;margin-bottom:45px}.first-run,.setup-form-wrap,.login-wrap{margin:auto}.form-footer{padding-top:35px}}@media(max-width:460px){.auth-form-side{padding:25px 16px 18px}.first-run h2,.setup-form-wrap h2,.login-wrap h2{font-size:25px}.choice-card{padding-right:12px}}