.auth-shell{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);max-width:60rem;box-shadow:var(--sheen);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);margin:0 auto;display:grid;overflow:hidden}.auth-scene{justify-content:center;gap:var(--s5);padding:var(--s7) var(--s6);border-right:1px solid var(--border);flex-direction:column;display:flex}.auth-scene:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(26rem 18rem at 10% 0,#7a07e038,#0000 70%),radial-gradient(22rem 16rem at 100% 100%,#2945f21f,#0000 70%),radial-gradient(circle,#edeaf514 1px,#0000 1.5px) 0 0/1.25rem 1.25rem;position:absolute;inset:0}.auth-mark{place-items:center;width:4.5rem;height:4.5rem;display:grid;position:relative}.auth-mark>*{grid-area:1/1}.auth-mark img{width:4.5rem;height:4.5rem;position:relative}.auth-ring{border:1px solid #a985f54d;border-radius:50%;width:10rem;height:3.25rem;transform:rotate(-14deg)}.auth-ring:after{content:"";background:var(--accent-text);border-radius:50%;width:.4rem;height:.4rem;position:absolute;bottom:12%;right:6%;box-shadow:0 0 10px #a985f5e6}.auth-ring{position:relative}.auth-scene-title{max-width:18ch;font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-size:1.5rem;font-weight:600;line-height:1.2}.auth-perks{gap:var(--s4);margin:0;padding:0;list-style:none;display:grid}.auth-perks li{padding-left:var(--s4);border-left:2px solid #7a07e080;flex-direction:column;gap:2px;display:flex}.auth-perks strong{color:var(--text);font-size:.9375rem;font-weight:500}.auth-perks span{color:var(--text-dim);font-size:.875rem;line-height:1.5}.auth-panel{padding:var(--s7) var(--s6);flex-direction:column;justify-content:center;display:flex}.auth-panel>h1{margin-top:var(--s2)}.auth-lead{margin-top:var(--s3);color:var(--text-dim)}.auth-error{margin-top:var(--s5);padding:var(--s3) var(--s4);border-radius:var(--r);color:var(--st-open-text);background:#f0563e14;border:1px solid #f0563e66;font-size:.9375rem}.auth-providers{gap:var(--s3);margin-top:var(--s6);flex-direction:column;display:flex}.auth-provider{align-items:center;gap:var(--s3);min-height:3.25rem;padding:var(--s2) var(--s4) var(--s2) var(--s2);background:var(--surface-inset);border:1px solid var(--border-strong);border-radius:var(--r);color:var(--text);transition:border-color var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease), box-shadow var(--t) var(--ease);font-weight:500;text-decoration:none;display:flex}.auth-provider:hover{background:var(--surface-2);border-color:var(--border-hover)}.auth-provider:focus-visible{outline:2px solid var(--luna-violet);outline-offset:2px}.auth-provider-icon{border-radius:var(--r-sm);background:var(--surface-2);flex:none;place-items:center;width:2.25rem;height:2.25rem;display:grid}.auth-provider-icon .ico{width:1.25rem;height:1.25rem}.auth-provider-go{color:var(--text-mute);transition:transform var(--t) var(--ease), color var(--t-fast) var(--ease);margin-left:auto}.auth-provider:hover .auth-provider-go{color:var(--text);transform:translate(3px)}.auth-discord .auth-provider-icon{color:var(--on-brand);background:#5865f2}.auth-discord:hover{border-color:#5865f2b3;box-shadow:0 0 24px #5865f238}.auth-github .auth-provider-icon{color:#0d1117;background:#f0f6fc}.auth-github:hover{border-color:#f0f6fc8c;box-shadow:0 0 24px #f0f6fc1f}.auth-note{margin-top:var(--s4);color:var(--text-dim);font-size:.8125rem;line-height:1.55}.auth-switch{margin-top:var(--s6);padding-top:var(--s4);border-top:1px solid var(--border);color:var(--text-dim);font-size:.9375rem}@media (max-width:48rem){.auth-shell{grid-template-columns:1fr}.auth-panel{padding:var(--s6) var(--s5);order:-1}.auth-scene{padding:var(--s6) var(--s5);border-right:0;border-top:1px solid var(--border)}}@media (prefers-reduced-motion:reduce){.auth-provider,.auth-provider-go{transition:none}}