:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#081422;color:#eef5ff}*{box-sizing:border-box}body{margin:0;min-width:320px}.shell{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(circle at 12% 10%,rgba(40,126,182,.22),transparent 31rem),radial-gradient(circle at 88% 92%,rgba(15,89,130,.2),transparent 28rem),#081422}.panel{width:min(100%,44rem);padding:clamp(2rem,6vw,4rem);border:1px solid rgba(173,216,255,.18);border-radius:1.25rem;background:rgba(13,33,51,.88);box-shadow:0 1.5rem 5rem rgba(0,0,0,.3)}.topline{display:flex;align-items:center;justify-content:space-between;gap:1rem}.eyebrow{color:#78cff5;font-size:.78rem;font-weight:750;letter-spacing:.11em}h1{margin:.75rem 0;font-size:clamp(2.4rem,8vw,4.75rem);line-height:1;letter-spacing:-.055em}.description{max-width:38rem;margin:0;color:#c5d5e6;font-size:1.05rem;line-height:1.65}.access,.notice{margin-top:2rem;border-radius:.85rem}.notice{display:flex;gap:.85rem;padding:1rem 1.1rem;background:rgba(31,105,74,.22);border:1px solid rgba(94,211,151,.24)}.notice-dot{flex:0 0 auto;width:.6rem;height:.6rem;margin-top:.4rem;border-radius:50%;background:#64dfa1;box-shadow:0 0 0 .3rem rgba(100,223,161,.1)}h2,strong{color:#fff}.access p,.notice p{margin:.3rem 0 0;color:#bed0df;line-height:1.55}.access{padding-top:1.6rem;border-top:1px solid rgba(173,216,255,.14)}h2{margin:0;font-size:1rem}.user-list{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.85rem}.user{padding:.38rem .66rem;border:1px solid rgba(120,207,245,.33);border-radius:999px;background:rgba(58,140,187,.16);color:#ccf0ff;font-size:.88rem;font-weight:700}.loading{color:#c5d5e6;font-size:1rem}.login-panel{width:min(100%,31rem)}.login-form{display:grid;grid-gap:1.1rem;gap:1.1rem;margin-top:2rem}.login-form label{display:grid;grid-gap:.45rem;gap:.45rem;color:#dce9f6;font-size:.92rem;font-weight:650}.login-form input{width:100%;min-height:2.8rem;padding:.7rem .85rem;border:1px solid rgba(173,216,255,.25);border-radius:.6rem;outline:none;background:rgba(4,16,28,.72);color:#fff;font:inherit}.login-form input:focus{border-color:#78cff5;box-shadow:0 0 0 .2rem rgba(120,207,245,.15)}.login-form input:disabled{cursor:not-allowed;opacity:.65}.sign-out,.submit{border:0;border-radius:.6rem;font:inherit;font-weight:750;cursor:pointer}.submit{min-height:2.9rem;background:#56c7f4;color:#062033}.submit:hover:not(:disabled){background:#8bdcff}.submit:disabled{cursor:not-allowed;opacity:.6}.sign-out{padding:.45rem .65rem;background:transparent;color:#c5d5e6;border:1px solid rgba(173,216,255,.2);font-size:.82rem}.sign-out:hover{border-color:#78cff5;color:#fff}.alert,.form-message{margin:1.5rem 0 0;color:#ffd0d0;line-height:1.5}.alert{padding:.85rem 1rem;border:1px solid hsla(0,100%,74%,.42);border-radius:.7rem;background:rgba(135,39,39,.2)}.form-message{margin:0;font-size:.9rem}@media (max-width:420px){.panel{padding:1.75rem}}