:root{color-scheme:dark;font:16px system-ui,sans-serif;background:#111015;color:#e9e0cf}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top,#40302055,transparent 70%),#111015}main{width:min(100%,430px);padding:32px;border:1px solid #70603e;border-radius:14px;background:#201c24;box-shadow:0 24px 80px #0007}h1{font-family:Georgia,serif;letter-spacing:5px;color:#dfc086;font-size:36px;margin:12px 0}p{color:#bfb7ac;line-height:1.6}.eyebrow{font-size:11px;letter-spacing:3px;color:#d8b97a}nav{display:flex;gap:8px;margin:24px 0}button,input{font:inherit;border:1px solid #554d44;border-radius:7px;padding:12px;background:#151319;color:inherit}button{cursor:pointer}nav button{flex:1}.selected{border-color:#d8b97a;color:#e4c58b}label{display:grid;gap:8px;margin:16px 0;color:#d8cec0}input{width:100%;outline-color:#d8b97a}.primary{width:100%;background:#d3b67e;color:#211b11;font-weight:700;margin-top:10px}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}#message{min-height:24px;color:#efb2a7}input:focus-visible,button:focus-visible{outline:2px solid #d8b97a;outline-offset:3px}@media(max-width:440px){body{padding:12px}main{padding:24px}h1{font-size:30px}}

.stage-auth-logo{display:block;width:100%;max-width:320px;height:auto;margin:12px 0 18px;object-fit:contain}
body{background:#100d12 url('/assets/stage/brand/everstage-rock-login.webp') center/cover fixed;position:relative;isolation:isolate;place-items:center start;padding:clamp(24px,6vw,100px)}body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#09070ce0 0%,#0c080fa8 40%,#0c080f1a 80%)}main{width:min(100%,440px);background:#171219e8;border-color:#c29d5c88;backdrop-filter:blur(13px);box-shadow:0 20px 90px #0009,inset 0 1px #ffe6aa12;position:relative;overflow:hidden}main:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#d6b470,#973e32,#d6b470)}h1{margin:0}main>p:first-of-type{color:#dfcbaa;letter-spacing:.4px}.primary{background:linear-gradient(110deg,#e2c68c,#b58d4a);border-color:#d5b675}.primary:hover{filter:brightness(1.1)}input:focus{border-color:#cfaa63;box-shadow:0 0 0 2px #bb864e30}nav button.selected{background:#47301f99}@media(max-width:600px){body{padding:20px 14px;place-items:center;background-position:65% center}body:before{background:#0c080f99}main{padding:26px 22px}}

/* Compact registration, without fixed-height clipping or an internal scrollbar. */
body:has(#register:not([hidden])){padding-top:18px;padding-bottom:18px}main:has(#register:not([hidden])){padding:24px 28px}main:has(#register:not([hidden])) .stage-auth-logo{max-width:260px;margin:4px 0 12px}main:has(#register:not([hidden]))>p{margin:6px 0;font-size:14px;line-height:1.4}main:has(#register:not([hidden])) nav{margin:14px 0}#register label{font-size:14px;margin:10px 0;gap:5px}#register input{padding:10px 12px;min-height:44px;font-size:15px}#register .primary{margin-top:6px;padding:11px 12px;min-height:44px}main:has(#register:not([hidden])) #message{min-height:18px;margin:8px 0 0;font-size:12px}@media(max-height:700px){main:has(#register:not([hidden])){padding:18px 22px}main:has(#register:not([hidden])) .stage-auth-logo{max-width:220px;margin:2px 0 8px}main:has(#register:not([hidden])) nav{margin:10px 0}#register label{margin:7px 0;gap:4px}}@media(max-width:440px){body:has(#register:not([hidden])){padding:12px}main:has(#register:not([hidden])){padding:20px}}