:root{--paper:#f4f1eb;--card:#fbfaf7;--ink:#11100e;--muted:#706e68;--line:#d9d5cd;--line-dark:#b9b5ad;--red:#ec2e20;--radius:16px}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:15px}
button,input{font:inherit}
.gate{width:100%;max-width:392px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 14px 38px rgba(28,24,18,.055);padding:38px 34px 34px}
.gate-mark{display:block;width:139px;height:auto}
.gate-kicker{margin:10px 0 0;font-size:9px;letter-spacing:.27em;color:var(--muted)}
.gate h1{margin:30px 0 0;font-size:21px;font-weight:600;letter-spacing:-.01em}
.gate-note{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.55}
.gate-error{margin:20px 0 0;padding:11px 13px;border:1px solid rgba(236,46,32,.28);background:rgba(236,46,32,.06);border-radius:10px;color:var(--red);font-size:13px}
form{margin-top:26px}
label{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
input[type=password]{width:100%;margin-top:9px;padding:12px 13px;border:1px solid var(--line-dark);border-radius:10px;background:#fff;color:var(--ink)}
input[type=password]:focus{outline:2px solid rgba(19,92,232,.35);outline-offset:1px;border-color:var(--line-dark)}
button{width:100%;margin-top:18px;padding:12px 14px;border:0;border-radius:10px;background:var(--ink);color:#fff;font-weight:560;cursor:pointer;transition:.15s}
button:hover{background:#2b2925}