.auth-experience{--auth-panel:#fbfaff;--auth-edge:#ded7f4;--auth-ink:#241c3b;--auth-muted:#645c79;background:radial-gradient(ellipse at 10% 15%, #8656ed20, transparent 55%), radial-gradient(ellipse at 95% 85%, #4574ff1a, transparent 50%), var(--bg);align-content:center;min-height:100svh;padding:clamp(24px,5vw,72px)}:root[data-theme=dark] .auth-experience{--auth-panel:#191723;--auth-edge:#413852;--auth-ink:#f5f1ff;--auth-muted:#b8b0c9}.auth-stage{border:1px solid var(--auth-edge);background:var(--auth-panel);isolation:isolate;border-radius:32px;grid-template-columns:1.05fr 1fr;width:min(1120px,100%);animation:.65s cubic-bezier(.2,.7,.2,1) both auth-arrive;display:grid;box-shadow:0 24px 80px #38246c16,0 2px 8px #38246c08}.auth-story{color:#fff;background:radial-gradient(at 100% 0,#b77eff90,#0000 65%),radial-gradient(at 0 100%,#4168ff85,#0000 65%),linear-gradient(145deg,#241259,#6230d8 60%,#446cf0);border-radius:31px 0 0 31px;flex-direction:column;justify-content:center;padding:clamp(28px,4vw,52px);display:flex;position:relative;overflow:hidden}.auth-story:before{content:"";pointer-events:none;border:1px solid #ffffff20;border-radius:50%;width:560px;height:560px;position:absolute;top:-350px;right:-250px}.auth-story .auth-story-eyebrow{letter-spacing:.14em;color:#e1d3ff;margin:0 0 24px;font-size:11px;font-weight:700}.auth-story h2{letter-spacing:-.045em;margin:0 0 22px;font-size:clamp(32px,3.5vw,48px);font-weight:750;line-height:1.12}.auth-story h2 span{color:#e7dbff}.auth-story .auth-story-copy{color:#ece5ff;max-width:360px;font-size:16px;line-height:1.65}.auth-art{height:210px;margin:20px 0;position:relative}.auth-art-calendar{background:linear-gradient(125deg,#ffffff29,#ffffff0f);border:1px solid #fff5;border-radius:22px;padding:22px;animation:1s .1s both auth-settle;position:absolute;inset:14px 28px 30px 0;transform:rotate(-5deg);box-shadow:0 16px 40px #16063e30}.auth-art-calendar>span{font-size:14px;font-weight:650}.auth-art-calendar>div{grid-template-columns:repeat(7,1fr);gap:9px;margin-top:22px;display:grid}.auth-art-calendar i{aspect-ratio:1;background:#ffffff15;border-radius:8px;place-items:center;font-size:16px;font-style:normal;display:grid}.auth-art-calendar i.is-done{color:#ddffef;background:#82edb440}.auth-art-calendar i.is-highlight{background:#eee4ff;box-shadow:0 0 20px #d8aaff70}.auth-art-note{color:#34215f;background:#efebff;border:1px solid #ffffff60;border-radius:16px;padding:16px 22px;font-size:14px;font-weight:650;position:absolute;bottom:10px;right:0;transform:rotate(3deg);box-shadow:0 12px 32px #16063e30}.auth-art-note span{color:#7441d9;margin-right:8px}.auth-art-orbit{border:1px solid #ffffff15;border-radius:50%;position:absolute;inset:0;transform:rotate(-20deg)}.auth-story .auth-story-footer{color:#e1d3ff;margin:16px 0 0;font-size:12px}.auth-form-area{place-items:center;min-width:0;padding:clamp(24px,4vw,48px);display:grid}.auth-experience .auth-card.live-login{box-shadow:none;color:var(--auth-ink);background:0 0;border:0;max-width:400px;padding:0}.auth-experience .auth-description,.auth-experience .auth-switch,.auth-experience .auth-role-choice p{color:var(--auth-muted)}.auth-experience .auth-brand{margin-bottom:32px}.auth-experience .auth-card h1{font-size:28px}.auth-experience input{background:var(--auth-panel);border-color:var(--auth-edge);border-radius:12px;transition:border-color .18s,box-shadow .18s}.auth-experience input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.auth-experience .live-primary{color:#fff;background:linear-gradient(110deg,#643ce0,#7951ea 55%,#4264e5);border:0;border-radius:12px;min-height:50px;transition:box-shadow .2s,transform .2s;box-shadow:0 6px 18px #6539ce30}.auth-experience .live-primary:hover:not(:disabled){background:linear-gradient(110deg,#5730d0,#7045e0 55%,#3658d9);transform:translateY(-1px);box-shadow:0 8px 22px #6539ce40}.auth-experience .live-primary:active:not(:disabled){transform:translateY(0)}.auth-experience .auth-role-choice button{background:0 0;border-radius:12px;min-height:48px}.auth-experience .auth-role-choice button[aria-pressed=true]{background:var(--accent-soft)}@keyframes auth-arrive{0%{transform:translateY(12px)}to{transform:none}}@keyframes auth-settle{0%{transform:translateY(12px)rotate(-8deg)}to{transform:rotate(-5deg)}}@media (width<=800px){.auth-experience{align-content:start;padding:24px 16px}.auth-stage{border-radius:24px;grid-template-columns:1fr;max-width:480px}.auth-story{border-radius:23px 23px 0 0;padding:28px}.auth-story .auth-story-eyebrow{margin-bottom:14px}.auth-story h2{margin-bottom:0;font-size:30px}.auth-story h2 br:last-child,.auth-story-copy,.auth-art,.auth-story-footer{display:none}.auth-form-area{padding:28px}.auth-experience .auth-brand{margin-bottom:24px}}@media (width<=360px){.auth-form-area,.auth-story{padding:22px}.auth-experience .auth-card h1{font-size:25px}}@media (prefers-reduced-motion:reduce){.auth-stage,.auth-art-calendar{animation:none}.auth-experience input,.auth-experience .live-primary{transition:none}.auth-experience .live-primary:hover:not(:disabled){transform:none}}@media (prefers-contrast:more){.auth-stage,.auth-experience input{border-color:var(--auth-ink)}}
