:root{--navy:#0F2234;--gold:#B8965A;--bg:#F5F6F7;--surface:#fff;--ink:#17212B;--muted:#66727F;--line:#CFD5DC;--crit:#A63A32;--f:'Archivo',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif}
@media (prefers-color-scheme:dark){:root{--bg:#0B141D;--surface:#111D29;--ink:#E8EDF2;--muted:#8FA0B1;--line:#2C3D4E;--gold:#C9A86C;--crit:#E8857C}}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:var(--f);background:var(--navy);color:var(--ink);display:flex;align-items:center;justify-content:center;padding:16px;-webkit-font-smoothing:antialiased}
.box{width:100%;max-width:380px;background:var(--surface);border-radius:14px;padding:28px 24px 22px;box-shadow:0 20px 60px rgba(0,0,0,.35);border-top:3px solid var(--gold);text-align:center}
.logo{border-radius:50%;display:block;margin:0 auto 10px}
h1{margin:0;font-size:22px;letter-spacing:.06em;font-stretch:112%}
.sub{margin:4px 0 18px;color:var(--muted);font-size:12.5px}
form{text-align:left;display:flex;flex-direction:column;gap:12px}
label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600;color:var(--muted)}
input{width:100%;min-height:46px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);padding:8px 12px;font:inherit;font-size:16px}
input:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
button{min-height:46px;border:0;border-radius:8px;background:var(--navy);color:#fff;font:inherit;font-weight:600;font-size:15px;cursor:pointer;margin-top:4px}
@media (prefers-color-scheme:dark){button{background:var(--gold);color:#17120A}}
.msg{margin:0 0 12px;padding:10px 12px;border-radius:8px;background:#F5EEE2;color:#8A6A33;font-size:13px;text-align:left}
.msg.err{background:#F7E4E2;color:var(--crit)}
.foot{margin:18px 0 0;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:600}