/* Static sign-in page: a plain background with a semi-transparent panel at the bottom centre. No images, media or fonts. */
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;height:100%;color:#f4f6f8;font:16px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
body{background:#0b0d10 radial-gradient(120% 90% at 50% 0%,#232a33 0%,#0b0d10 70%) fixed}
.panel{position:fixed;left:50%;bottom:6vh;transform:translateX(-50%);width:min(400px,calc(100vw - 32px));padding:24px 24px 18px;
 background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);border-radius:18px;box-shadow:0 12px 40px rgba(0,0,0,.35)}
h1{margin:0 0 14px;font-size:20px;font-weight:600;letter-spacing:.02em;text-align:center}
form{display:grid;gap:8px}
label{font-size:13px;color:rgba(244,246,248,.85)}
input{width:100%;padding:11px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#fff;font:inherit}
input:focus{outline:2px solid rgba(255,255,255,.75);outline-offset:1px}
button{margin-top:8px;padding:11px 12px;border:0;border-radius:10px;background:rgba(255,255,255,.88);color:#0b0d10;font:inherit;font-weight:600;cursor:pointer}
button:disabled{opacity:.6;cursor:progress}
#message{min-height:1.4em;margin:12px 0 0;font-size:14px;text-align:center}