:root { color-scheme:dark; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; background:#101512; color:#eef3ef; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; display:grid; place-items:center; padding:24px; background:radial-gradient(circle at 20% 10%,#26362d 0,transparent 38%),#101512; }
main { width:min(440px,100%); border:1px solid #3a4a40; border-radius:14px; padding:30px; background:#171e1a; box-shadow:0 24px 70px rgba(0,0,0,.34); }
.brand { margin:0 0 8px; color:#b9c7bd; font-size:12px; font-weight:800; letter-spacing:.14em; }
h1 { margin:0; font-size:28px; line-height:1.15; }
.intro { margin:10px 0 24px; color:#aebbb2; line-height:1.5; }
label { display:grid; gap:7px; margin-top:16px; color:#dfe8e1; font-size:14px; font-weight:700; }
input { width:100%; border:1px solid #516158; border-radius:8px; padding:12px 13px; background:#0f1511; color:#fff; font:inherit; }
input:focus-visible,button:focus-visible { outline:3px solid #9ebcaa; outline-offset:2px; }
button { width:100%; margin-top:22px; border:0; border-radius:8px; padding:12px 16px; background:#dce9e0; color:#102016; font:inherit; font-weight:800; cursor:pointer; }
.login-error { margin:0 0 16px; border:1px solid #a35b5b; border-radius:8px; padding:11px 12px; background:#3a2020; color:#ffdcdc; }
.boundary { margin:22px 0 0; padding-top:18px; border-top:1px solid #344239; color:#94a399; font-size:12px; line-height:1.5; }
code { color:#cbd8cf; }