:root{color-scheme:dark;--bg:#070b13;--panel:#0d1523;--surface:#111c2d;--text:#eef4ff;--muted:#8d9cb2;--line:rgba(132,157,198,.17);--blue:#6d9cff;--danger:#ff7583}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font:400 16px/1.5 "DM Sans",sans-serif}.auth-shell{min-height:100dvh;display:grid;grid-template-columns:minmax(360px,.85fr) minmax(520px,1.15fr)}.auth-story{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:42px clamp(30px,5vw,76px);background:radial-gradient(circle at 18% 80%,rgba(51,111,255,.42),transparent 38%),radial-gradient(circle at 90% 15%,rgba(117,71,234,.34),transparent 36%),#09101c;border-right:1px solid var(--line)}.auth-story:after{content:"";position:absolute;width:330px;height:330px;right:-150px;bottom:8%;border:1px solid rgba(143,167,255,.15);border-radius:42% 58% 65% 35%;transform:rotate(32deg)}.auth-brand{position:relative;z-index:1;display:flex;align-items:center;gap:11px;width:max-content;color:inherit;text-decoration:none}.brand-mark{position:relative;width:37px;height:37px;border-radius:12px;background:linear-gradient(145deg,#347dff,#754be9);box-shadow:0 9px 28px rgba(74,101,246,.25)}.brand-mark i{position:absolute;top:10px;width:3px;border-radius:9px;background:#fff;transform:rotate(24deg)}.brand-mark i:nth-child(1){left:10px;height:13px}.brand-mark i:nth-child(2){left:17px;height:18px}.brand-mark i:nth-child(3){left:24px;height:10px}.auth-brand strong{font:700 1rem Manrope}.auth-brand strong span{color:#86a8ff}.story-copy{position:relative;z-index:1;margin:auto 0;max-width:650px}.story-copy>p{margin:0 0 18px;color:#89aaff;font-size:.72rem;font-weight:800;letter-spacing:.18em}.story-copy h1{margin:0;font:800 clamp(2.8rem,5vw,5.8rem)/1.01 Manrope;letter-spacing:-.062em}.story-copy>span{display:block;max-width:540px;margin-top:27px;color:#aab6c7;font-size:1.06rem}.story-card{position:relative;z-index:1;display:grid;grid-template-columns:44px 1fr;gap:13px;align-items:center;max-width:480px;padding:17px;border:1px solid var(--line);border-radius:17px;background:rgba(13,24,42,.62);backdrop-filter:blur(16px)}.story-card>[data-icon]{width:22px;height:22px;color:#82a8ff}.story-card div{display:flex;flex-direction:column}.story-card small{margin-top:3px;color:var(--muted)}.auth-panel{display:grid;place-items:center;padding:46px 24px;background:linear-gradient(150deg,#070b13,#0a101b)}.auth-box{width:min(100%,440px)}.mobile-brand{display:none}.back-home{display:inline-flex;align-items:center;gap:7px;margin-bottom:38px;color:var(--muted);font-size:.85rem;font-weight:600;text-decoration:none}.back-home [data-icon]{width:16px;height:16px}.auth-box h2{margin:0;font:800 2rem Manrope;letter-spacing:-.04em}.auth-copy{margin:8px 0 26px;color:var(--muted)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:24px;padding:4px;border:1px solid var(--line);border-radius:12px;background:#090f19}.auth-tabs button{padding:9px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:700 .86rem "DM Sans";cursor:pointer}.auth-tabs button.active{background:var(--surface);color:var(--text);box-shadow:0 5px 18px rgba(0,0,0,.22)}label{display:block;margin-bottom:17px}label>span{display:block;margin-bottom:7px;color:#cbd6e7;font-size:.84rem;font-weight:600}.field{display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:#0a111d;transition:.2s}.field:focus-within{border-color:rgba(105,151,255,.62);box-shadow:0 0 0 3px rgba(77,124,255,.09)}.field>[data-icon]{width:18px;height:18px;color:#71819a}.field input{min-width:0;width:100%;height:48px;border:0;outline:0;background:transparent;color:var(--text);font:500 .93rem "DM Sans"}.field input::placeholder{color:#56657b}.show-password{display:grid;place-items:center;padding:7px;border:0;background:transparent;color:#71819a;cursor:pointer}.show-password [data-icon]{width:17px;height:17px}.submit-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:49px;border:0;border-radius:12px;background:linear-gradient(135deg,#4f86ff,#7453ed);color:white;font:700 .92rem "DM Sans";cursor:pointer;box-shadow:0 12px 30px rgba(70,102,230,.22)}.submit-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}button:disabled{opacity:.5;cursor:wait}.submit-button [data-icon]{width:17px;height:17px}.divider{display:flex;align-items:center;gap:12px;margin:23px 0;color:#64738a;font-size:.75rem}.divider:before,.divider:after{content:"";height:1px;flex:1;background:var(--line)}.sso-button{display:grid;grid-template-columns:34px 1fr 18px;align-items:center;gap:10px;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);text-align:left;font:500 .9rem "DM Sans";cursor:pointer}.sso-button:hover{border-color:rgba(112,150,244,.42)}.sso-button>[data-icon]{width:17px;height:17px;color:#71819a}.sso-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#294570,#15263f);color:#91b0ff;font:800 .96rem Manrope}.auth-terms{margin:20px 8px 0;color:#66758b;font-size:.72rem;text-align:center}.auth-status{display:none;margin-top:15px;padding:10px 12px;border:1px solid rgba(255,117,131,.2);border-radius:10px;background:rgba(255,117,131,.07);color:#ff9aa4;font-size:.8rem}.auth-status.show{display:block}.auth-status.success{border-color:rgba(67,217,163,.22);background:rgba(67,217,163,.07);color:#68e0b1}dialog{width:min(460px,calc(100% - 28px));padding:0;border:1px solid var(--line);border-radius:20px;background:#0b1321;color:var(--text);box-shadow:0 30px 100px rgba(0,0,0,.58)}dialog::backdrop{background:rgba(0,4,11,.74);backdrop-filter:blur(7px)}dialog form{padding:23px}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:23px}.dialog-head>div{display:flex;align-items:center;gap:12px}.dialog-head h3{margin:0;font:700 1rem Manrope}.dialog-head p{margin:4px 0 0;color:var(--muted);font-size:.78rem}.dialog-head>button{padding:6px;border:0;background:transparent;color:var(--muted);cursor:pointer}.dialog-head>button [data-icon]{width:18px;height:18px}.account-choices{display:none;gap:8px;margin-bottom:15px}.account-choices.show{display:grid}.account-choice{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid var(--line);border-radius:11px;background:#101a2a;color:var(--text);text-align:left;cursor:pointer}.account-choice:hover{border-color:#658ff2}.account-choice span{display:flex;flex-direction:column}.account-choice small{color:var(--muted);margin-top:2px}.account-choice [data-icon]{width:17px;height:17px}.auth-busy .submit-button span:after{content:"…"}[data-icon]{display:inline-flex}[data-icon] svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-story{display:none}.auth-panel{padding:28px 20px}.mobile-brand{display:flex;position:absolute;top:22px;left:20px}.auth-box{padding-top:72px}.back-home{margin-bottom:28px}}@media(max-width:480px){.auth-panel{align-items:start}.auth-box h2{font-size:1.75rem}dialog form{padding:18px}}
[hidden]{display:none!important}
.auth-story{animation:authStoryIn .75s cubic-bezier(.22,1,.36,1) both}.auth-panel{animation:authPanelIn .7s .08s cubic-bezier(.22,1,.36,1) both}.auth-brand .brand-mark{animation:brandBreathe 4.5s ease-in-out infinite}.story-copy>*{animation:authRise .65s cubic-bezier(.22,1,.36,1) both}.story-copy>p{animation-delay:.12s}.story-copy h1{animation-delay:.2s}.story-copy>span{animation-delay:.28s}.story-card{animation:authRise .65s .38s cubic-bezier(.22,1,.36,1) both}.auth-box>*{animation:authRise .55s cubic-bezier(.22,1,.36,1) both}.auth-box h2{animation-delay:.08s}.auth-copy{animation-delay:.13s}.auth-tabs{animation-delay:.18s}#emailForm{animation-delay:.23s}.divider{animation-delay:.28s}.sso-button{animation-delay:.32s}.auth-terms{animation-delay:.36s}.field,.submit-button,.sso-button,.account-choice{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,filter .2s ease}.field:focus-within{transform:translateY(-1px)}.sso-button:hover,.account-choice:hover{transform:translateY(-2px)}dialog[open]{animation:dialogPop .35s cubic-bezier(.22,1,.36,1) both}dialog[open]::backdrop{animation:backdropIn .25s ease both}.account-choices.show .account-choice{animation:choiceIn .36s cubic-bezier(.22,1,.36,1) both}.account-choices.show .account-choice:nth-child(2){animation-delay:.07s}.account-choices.show .account-choice:nth-child(3){animation-delay:.14s}
@keyframes authStoryIn{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:none}}@keyframes authPanelIn{from{opacity:0;transform:translateX(25px)}to{opacity:1;transform:none}}@keyframes authRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes brandBreathe{0%,100%{transform:translateY(0);box-shadow:0 9px 28px rgba(74,101,246,.25)}50%{transform:translateY(-3px);box-shadow:0 15px 34px rgba(74,101,246,.38)}}@keyframes dialogPop{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}@keyframes backdropIn{from{opacity:0}to{opacity:1}}@keyframes choiceIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}
.password-label{display:flex;align-items:center;justify-content:space-between}.password-label>span{display:block}.password-label button{padding:0;border:0;background:transparent;color:#85a8ff;font:600 .78rem "DM Sans";cursor:pointer}.password-label button:hover{text-decoration:underline}
.guest-button{display:grid;grid-template-columns:34px 1fr 18px;align-items:center;gap:10px;width:100%;margin-top:10px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--text);text-align:left;cursor:pointer;transition:.2s}.guest-button>[data-icon]{width:19px;height:19px;margin:auto;color:#85a8ff}.guest-button>span{display:flex;flex-direction:column;font:500 .88rem "DM Sans"}.guest-button small{margin-top:2px;color:var(--muted);font-size:.72rem}.guest-button>i:last-child{width:17px;height:17px;color:#71819a}.guest-button:hover{transform:translateY(-2px);border-color:rgba(112,150,244,.42);background:rgba(109,156,255,.04)}
.dialog-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:rgba(109,156,255,.12);color:#88aaff}.dialog-icon [data-icon]{width:19px;height:19px}.password-hint{margin:-8px 0 17px;color:var(--muted);font-size:.75rem}.success-dialog-body{padding:34px 28px;text-align:center}.success-icon{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 18px;border-radius:50%;background:rgba(67,217,163,.12);color:#68e0b1;animation:successPulse 2.2s ease-in-out infinite}.success-icon [data-icon]{width:31px;height:31px}.success-dialog h3{margin:0;font:800 1.25rem Manrope}.success-dialog p{margin:8px 0 24px;color:var(--muted)}
@keyframes successPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(67,217,163,.2)}50%{transform:scale(1.05);box-shadow:0 0 0 12px rgba(67,217,163,0)}}