:root{color-scheme:dark;--bg:#0b0f14;--panel:#121820;--line:#233040;--txt:#e6edf3;--mut:#8b9bb0;--acc:#5aa9ff;--bad:#ff4757}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--txt);font:16px/1.4 "Barlow",system-ui,sans-serif}
body.login{min-height:100vh;display:grid;place-items:center;padding:16px}
.caja{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:28px}
h1{margin:0 0 4px;font-size:28px;letter-spacing:.02em}
.sub{color:var(--mut);margin:0 0 18px;font-size:14px}
label{display:block;margin:0 0 14px;font-size:14px;color:var(--mut)}
input{display:block;width:100%;margin-top:6px;padding:11px 12px;font-size:16px;color:var(--txt);background:#0b1118;border:1px solid var(--line);border-radius:6px}
input:focus{outline:2px solid var(--acc);outline-offset:1px}
button{width:100%;padding:12px;font-size:16px;font-weight:600;color:#06121f;background:var(--acc);border:0;border-radius:6px;cursor:pointer}
.error{background:#3a1519;border:1px solid #7a2b33;color:#ffb3ba;padding:10px 12px;border-radius:6px;margin-bottom:14px;font-size:14px}
a{color:var(--acc)}