:root{color-scheme:dark}
body.login{margin:0;min-height:100vh;display:grid;place-items:center;background:#0d0f0a;color:#fff;font-family:Inter,system-ui,sans-serif}
.box{width:min(380px,92vw);background:#12140e;border:1px solid #23271b;padding:28px}
.box h1{margin:0 0 4px;font-size:26px;font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.02em}.box h1 span{color:#c9d19a}
.hint{color:#a7ab98;font-size:13px;margin:0 0 18px}.err{color:#ff8a80;font-weight:700}
label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:13px;margin-bottom:12px}
input{font:inherit;padding:11px 12px;border:1px solid #23271b;background:#0d0f0a;color:#fff;border-radius:4px}
.btn{width:100%;font:inherit;font-weight:900;font-style:italic;text-transform:uppercase;padding:13px;border:0;cursor:pointer;background:#4b5320;color:#fff;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}