:root{color-scheme:dark;--bg:#080d12;--panel:#0c191e;--border:#1b4b51;--text:#f4f8f8;--muted:#aec3c5;--teal:#18b9ac}
*{box-sizing:border-box}
html,body{min-height:100%}
body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 15%,#10423c 0%,#080d12 57%);color:var(--text);font-family:Inter,'Segoe UI',Arial,sans-serif}
.access-card{width:min(100%,410px);padding:34px;border:1px solid var(--border);border-radius:18px;background:var(--panel);box-shadow:0 20px 70px #0008}
h1{font-size:clamp(27px,5vw,35px);line-height:1.12;letter-spacing:-.04em;margin:0 0 28px}
h2{font-size:19px;margin:-12px 0 25px;color:#83e2d7}
form{display:flex;flex-direction:column}
label{font-size:13px;font-weight:700;margin:0 0 7px}
input{width:100%;padding:12px 13px;margin:0 0 19px;color:var(--text);background:#071114;border:1px solid #335a5f;border-radius:9px;font:inherit}
input:focus{outline:2px solid var(--teal);outline-offset:1px}
button{min-height:45px;padding:10px;border:0;border-radius:9px;background:var(--teal);color:#062422;font:inherit;font-weight:800;cursor:pointer}
button:hover{background:#49d9cb}button:disabled{cursor:wait;opacity:.65}
#message{min-height:0;margin:0 0 11px;color:#ffb7ae;font-size:13px}#message:empty{display:none}
.back{display:block;text-align:center;margin-top:20px;color:var(--muted);font-size:13px;text-decoration:none}.back:hover{color:var(--text)}