:root{color-scheme:light;--ink:#2b2b2b;--muted:#685d4c;--paper:#fff;--cream:#fff8ec;--accent:#f5a623;--line:#c9bda6;--danger:#9f241b;--success:#23633b}
*{box-sizing:border-box}
body{min-height:100vh;margin:0;background:var(--cream);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.auth-shell{width:min(100% - 24px,480px);margin:32px auto}
.auth-card{padding:32px;border:2px solid var(--ink);border-radius:16px;background:var(--paper);box-shadow:4px 4px 0 var(--ink)}
.brand{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--ink);font-weight:800;letter-spacing:.01em;text-decoration:none}
.brand img{width:58px;height:58px}
h1{margin:18px 0 8px;text-align:center;font-size:clamp(1.5rem,5vw,1.8rem)}
.lead{margin:0 0 24px;color:var(--muted);line-height:1.65;text-align:center}
.field{display:block;margin:16px 0 0;font-weight:700}
.field-note{display:block;margin-top:4px;color:var(--muted);font-size:.85rem;font-weight:400}
.field input{width:100%;margin-top:7px;padding:12px;border:1.5px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font:inherit}
.field input:focus{border-color:var(--accent);outline:3px solid rgba(245,166,35,.28)}
.button{width:100%;margin-top:22px;padding:13px 16px;border:2px solid var(--ink);border-radius:10px;background:var(--accent);box-shadow:2px 2px 0 var(--ink);color:var(--ink);font:700 1rem system-ui;cursor:pointer}
.button:active{transform:translate(2px,2px);box-shadow:none}
.button:disabled{cursor:wait;opacity:.65}
.message{display:none;margin:18px 0 0;padding:12px 14px;border:1.5px solid;border-radius:9px;line-height:1.55}
.message.show{display:block}
.message.error{border-color:#e4aaa5;background:#fff1f0;color:var(--danger)}
.message.success{border-color:#a7cfb4;background:#effaf2;color:var(--success)}
.trust{display:flex;justify-content:center;gap:16px;margin:22px 0 0;color:var(--muted);font-size:.82rem}
.trust span::before{content:"✓";margin-right:4px;color:var(--success);font-weight:800}
.back-link{margin:20px 0 0;text-align:center}
.back-link a{color:#75500b;font-weight:650}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:600px){.auth-shell{margin:12px auto}.auth-card{padding:24px 20px}.trust{align-items:center;flex-direction:column;gap:5px}}