:root{
  color-scheme:dark;--ink:#f4f8ff;--muted:#8da0b9;--line:rgba(147,174,214,.18);
  --blue:#4e8cff;--cyan:#35d7ef;--violet:#8e6cff;--emerald:#42d89a;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
*{box-sizing:border-box}html{min-width:320px;background:#050b15}body{margin:0;min-height:100vh;color:var(--ink);background:#050b15}
button,input{font:inherit}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(430px,1.08fr) minmax(430px,.92fr);overflow:hidden}
.auth-story{position:relative;display:flex;flex-direction:column;padding:42px 6vw;background:
  radial-gradient(circle at 18% 76%,rgba(44,106,255,.24),transparent 29%),
  radial-gradient(circle at 80% 24%,rgba(137,84,255,.20),transparent 30%),
  linear-gradient(145deg,#071326,#081426 52%,#07101d);isolation:isolate;overflow:hidden}
.auth-story:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(112,150,210,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(112,150,210,.055) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 90%)}
.auth-story:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 86%,rgba(39,117,255,.08))}
.brand-lockup,.mobile-brand{display:flex;align-items:center;gap:13px;color:var(--ink);text-decoration:none;letter-spacing:.09em}.brand-lockup strong,.mobile-brand strong{display:block;font-size:17px;line-height:1}.brand-lockup small,.mobile-brand small{display:block;color:#72dff4;font-size:10px;font-weight:800;letter-spacing:.28em;margin-top:6px}
.brand-mark{width:38px;height:38px;border:1px solid rgba(75,162,255,.3);border-radius:12px;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:9px;background:linear-gradient(145deg,rgba(54,139,255,.24),rgba(123,85,255,.12));box-shadow:0 12px 36px rgba(20,96,255,.2)}
.brand-mark i{display:block;width:4px;border-radius:4px;background:linear-gradient(#50e3f6,#558bff)}.brand-mark i:nth-child(1){height:10px}.brand-mark i:nth-child(2){height:18px}.brand-mark i:nth-child(3){height:14px}
.story-copy{max-width:690px;margin-top:clamp(80px,13vh,150px)}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#aabbd2;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--emerald);box-shadow:0 0 18px rgba(66,216,154,.9)}
.story-copy h1{font-size:clamp(44px,5.2vw,78px);line-height:1.02;letter-spacing:-.055em;margin:25px 0 24px;max-width:780px}.story-copy h1 em{font-style:normal;background:linear-gradient(100deg,#62c6ff,#8982ff 55%,#ae6cff);-webkit-background-clip:text;background-clip:text;color:transparent}.story-copy p{max-width:570px;color:#9dacc1;font-size:17px;line-height:1.75;margin:0}
.story-proof{position:relative;width:min(580px,92%);height:210px;margin-top:auto}.proof-core{position:absolute;left:38%;top:46%;width:46px;height:46px;border-radius:50%;border:1px solid rgba(96,205,255,.55);display:grid;place-items:center;background:rgba(29,111,255,.12);box-shadow:0 0 48px rgba(70,139,255,.5)}.proof-core span{width:12px;height:12px;border-radius:50%;background:#73e9ff;box-shadow:0 0 25px #50d8ff}
.proof-orbit{position:absolute;border:1px solid rgba(106,158,231,.18);border-radius:50%;transform:rotate(-10deg)}.proof-orbit-one{width:300px;height:120px;left:15%;top:18%}.proof-orbit-two{width:420px;height:170px;left:4%;top:4%;border-color:rgba(135,110,255,.14)}
.proof-chip{position:absolute;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(139,180,235,.16);border-radius:999px;background:rgba(9,24,43,.76);backdrop-filter:blur(12px);color:#aebdd1;font-size:11px;box-shadow:0 10px 36px rgba(0,0,0,.22)}.proof-chip i{width:6px;height:6px;border-radius:50%;background:#5cbfff}.proof-chip-one{left:4%;top:19%}.proof-chip-two{left:51%;top:16%}.proof-chip-three{left:50%;top:67%}.story-foot{color:#667c97;font-size:11px;letter-spacing:.08em;margin:8px 0 0}
.auth-panel{position:relative;display:grid;place-items:center;padding:48px clamp(24px,6vw,90px);background:
  radial-gradient(circle at 70% 20%,rgba(60,91,194,.12),transparent 28%),linear-gradient(160deg,#08101d,#050a12 68%)}
.auth-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent,rgba(0,0,0,.22))}.mobile-brand{display:none}.auth-card{position:relative;width:min(100%,480px);padding:38px 40px 28px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,rgba(17,31,52,.86),rgba(9,18,32,.94));box-shadow:0 34px 90px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(18px);overflow:hidden}.auth-card:before{content:"";position:absolute;left:10%;right:10%;top:0;height:1px;background:linear-gradient(90deg,transparent,#5ca3ff,transparent)}
.auth-progress{display:flex;align-items:center;margin-bottom:42px}.progress-step{display:flex;align-items:center;gap:9px;color:#65758a}.progress-step span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;border:1px solid #33445a;font-size:11px;font-weight:800}.progress-step b{font-size:11px;letter-spacing:.06em;text-transform:uppercase}.progress-step.active{color:#cde9ff}.progress-step.active span{color:white;border-color:#4f9bff;background:linear-gradient(145deg,#347ffe,#736dff);box-shadow:0 0 22px rgba(73,129,255,.35)}.progress-step.complete span{font-size:0}.progress-step.complete span:after{content:"✓";font-size:12px}.progress-line{height:1px;flex:1;background:#263448;margin:0 14px;overflow:hidden}.progress-line i{display:block;width:0;height:100%;background:linear-gradient(90deg,#438dff,#59ddec);transition:width .4s ease}.progress-line i.complete{width:100%}
.step-heading{margin-bottom:28px}.step-kicker{display:block;color:#69ccec;font-size:10px;font-weight:850;letter-spacing:.17em;margin-bottom:12px}.step-heading h2,.auth-success h2{font-size:30px;line-height:1.1;letter-spacing:-.035em;margin:0 0 10px}.step-heading p,.auth-success p{color:var(--muted);line-height:1.55;margin:0;font-size:14px}label{display:block;color:#b5c2d3;font-size:12px;font-weight:650;margin:17px 0 8px}.field-shell{position:relative}.field-shell>svg{position:absolute;left:15px;top:50%;width:18px;height:18px;transform:translateY(-50%);fill:none;stroke:#6f829a;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.field-shell input{padding-left:45px;padding-right:45px}
input{width:100%;height:52px;border:1px solid #273950;border-radius:13px;background:rgba(5,13,24,.7);color:#f4f8ff;outline:none;padding:0 15px;transition:border-color .2s,box-shadow .2s,background .2s}input:hover{border-color:#3a526d}input:focus{border-color:#4a95ff;background:#091628;box-shadow:0 0 0 4px rgba(58,135,255,.12)}.field-action{position:absolute;right:6px;top:6px;width:40px;height:40px;border:0;background:transparent;color:#7588a0;border-radius:9px;cursor:pointer}.field-action:hover{background:rgba(100,145,205,.1);color:#bad5f3}.field-action svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.7}
.primary-action{width:100%;height:53px;margin-top:25px;border:0;border-radius:13px;color:white;font-weight:760;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(100deg,#267dff,#5b75ff 56%,#795ce8);box-shadow:0 14px 34px rgba(41,100,241,.28);transition:transform .2s,box-shadow .2s,filter .2s}.primary-action:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 18px 42px rgba(41,100,241,.38)}.primary-action:focus-visible,.recovery-link:focus-visible,.field-action:focus-visible{outline:2px solid #6bc9ff;outline-offset:3px}.primary-action:disabled{cursor:wait;opacity:.65;transform:none}.primary-action svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.primary-action.loading span:after{content:"";display:inline-block;width:11px;height:11px;margin-left:9px;border:2px solid rgba(255,255,255,.35);border-top-color:white;border-radius:50%;animation:spin .7s linear infinite}
.verification-code{height:64px;text-align:center;font-size:28px;font-weight:800;letter-spacing:.42em;padding-left:calc(.42em + 15px);font-variant-numeric:tabular-nums}.recovery-link{display:block;width:100%;border:0;background:transparent;color:#778ba5;margin:20px auto 0;font-size:12px;cursor:pointer}.recovery-link span{color:#76c9ff}.auth-error{margin-top:18px;padding:11px 13px;border:1px solid rgba(255,105,122,.24);background:rgba(117,28,46,.18);border-radius:10px;color:#ffabb6;font-size:12px}.security-row{border-top:1px solid rgba(124,156,199,.12);margin-top:30px;padding-top:19px;display:flex;justify-content:center;gap:16px;flex-wrap:wrap;color:#6f8299;font-size:10px}.security-row span{display:flex;align-items:center;gap:6px}.security-dot{width:5px;height:5px;border-radius:50%;background:#42d89a;box-shadow:0 0 8px rgba(66,216,154,.6)}
.auth-step{animation:stepIn .35s ease both}.auth-step[hidden],.auth-success[hidden]{display:none}.auth-success{text-align:center;padding:30px 0 46px;animation:stepIn .35s ease both}.success-mark{width:70px;height:70px;margin:0 auto 25px;border-radius:50%;display:grid;place-items:center;background:rgba(48,209,145,.12);border:1px solid rgba(69,230,166,.34);box-shadow:0 0 48px rgba(50,209,145,.2)}.success-mark svg{width:34px;fill:none;stroke:#57e1aa;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.auth-footer{position:absolute;bottom:24px;margin:0;color:#52647a;font-size:10px}.auth-footer:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#3db988;margin:0 7px 1px 0}
@keyframes stepIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.auth-shell{display:block}.auth-story{display:none}.auth-panel{min-height:100vh;padding:82px 20px 60px}.mobile-brand{display:flex;position:absolute;top:25px;left:25px}.auth-card{padding:32px 26px 24px}.auth-footer{position:static;margin:24px auto 0;text-align:center}.step-heading h2,.auth-success h2{font-size:27px}}
@media(max-width:430px){.auth-panel{padding-left:12px;padding-right:12px}.auth-card{border-radius:22px;padding:29px 20px 22px}.progress-step b{display:none}.progress-line{margin:0 10px}.security-row{gap:10px}.verification-code{letter-spacing:.3em;padding-left:calc(.3em + 15px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.auth-error{padding:13px 14px;border-color:rgba(255,105,122,.28);background:rgba(117,28,46,.2);color:#ffc4cc;line-height:1.45}.auth-error strong,.auth-error span{display:block}.auth-error strong{color:#fff;margin-bottom:3px}.session-notice{margin:-10px 0 24px;padding:12px 14px;border:1px solid rgba(244,189,95,.28);border-radius:11px;background:rgba(112,75,18,.2);color:#f4d9a3;font-size:12px;line-height:1.45}