*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:"Source Sans 3",Segoe UI,system-ui,sans-serif;color:#d8e2ec;background:#0a0f14;line-height:1.55}.login-bg{position:fixed;inset:0;background:radial-gradient(ellipse 80% 55% at 50% 0%,rgba(120,170,210,.12),transparent 60%),radial-gradient(circle at 85% 90%,rgba(201,162,39,.08),transparent 35%),linear-gradient(165deg,#0f141c,#090d12 55%,#060910);pointer-events:none}.login-shell{position:relative;z-index:1;width:min(26rem,calc(100% - 2rem));margin:0 auto;padding:3.5rem 0 2rem}.login-header{text-align:center;margin-bottom:1.5rem}.login-eyebrow{margin:0 0 .5rem;font-size:.78rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#8fa3b8}.login-title{margin:0;font-family:Cinzel,Times New Roman,serif;font-size:clamp(1.8rem,6vw,2.4rem);font-weight:600;color:#f0e6c8}.login-lead{margin:.85rem 0 0;font-size:.98rem;color:#a8bacd}.login-panel{display:grid;gap:1rem;padding:1.25rem;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;background:#0c121ab8}.login-oauth-list{display:grid;gap:.65rem}.login-oauth{display:flex;align-items:center;justify-content:center;min-height:2.85rem;padding:.7rem 1rem;border-radius:.45rem;border:1px solid rgba(255,255,255,.12);font:inherit;font-weight:700;text-decoration:none;color:#f0e6c8;background:#00000040;transition:border-color .12s ease,background .12s ease}.login-oauth:hover{border-color:#c9a22773;background:#ffffff0a}.login-oauth--google{border-color:#78aad259}.login-oauth--discord{border-color:#7289da73}.login-oauth--twitch{border-color:#9146ff73}.login-error{margin:0;padding:.65rem .75rem;border-radius:.45rem;font-size:.92rem;color:#ffd4d4;background:#b43c3c2e;border:1px solid rgba(220,100,100,.25)}.login-error[hidden]{display:none}.login-footer-nav{display:flex;justify-content:center;gap:1.25rem;margin-top:1.25rem}.login-footer-nav a{color:#9fb0c2;text-decoration:none;font-weight:600}.login-footer-nav a:hover{color:#f0e6c8}.login-form{gap:.75rem}.login-field-label{display:block;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8fa3b8}.login-field-input{width:100%;padding:.72rem .85rem;border:1px solid rgba(255,255,255,.12);border-radius:.45rem;font:inherit;font-size:1rem;color:#f0e6c8;background:#00000040}.login-field-input:focus{outline:none;border-color:#c9a2278c;box-shadow:0 0 0 1px #c9a22733}.login-field-hint{margin:0;font-size:.82rem;color:#8fa3b8}.login-submit-btn{margin-top:.35rem;width:100%;min-height:2.85rem;padding:.7rem 1rem;border:1px solid #a8841f;border-radius:.45rem;font:inherit;font-size:1rem;font-weight:700;color:#1a1408;background:linear-gradient(180deg,#e8c96a,#c9a227);cursor:pointer}.login-submit-btn:hover:not(:disabled){background:linear-gradient(180deg,#f0d480,#d4ad32)}.login-submit-btn:disabled{opacity:.65;cursor:wait}