:root{
  --ink:#1c1a17; --ink-soft:#5c5650; --paper:#faf7f2; --card:#ffffff;
  --line:#e8e1d6; --amber:#d9822b; --amber-deep:#a85d10; --red:#b5473f; --red-soft:#f6dcd9;
}
*{box-sizing:border-box;}
body{
  margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  background:var(--paper);color:var(--ink);
}
.login-card{
  background:var(--card);border:1px solid var(--line);border-radius:16px;
  box-shadow:0 1px 2px rgba(28,26,23,0.06),0 12px 32px rgba(28,26,23,0.08);
  padding:32px 30px;width:340px;
}
.brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:16px;margin-bottom:2px;}
.brand .dot{width:11px;height:11px;border-radius:50%;background:linear-gradient(135deg,var(--amber),var(--amber-deep));}
.sub{font-size:12.5px;color:var(--ink-soft);margin:0 0 20px;}
label{display:block;font-size:11.5px;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.4px;margin:14px 0 6px;}
input{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px 12px;font-size:14px;background:var(--paper);}
button{
  width:100%;margin-top:22px;padding:11px;border:none;border-radius:10px;background:var(--amber);
  color:#fff;font-weight:700;font-size:14px;cursor:pointer;
}
button:hover{background:var(--amber-deep);}
.error{margin-top:12px;font-size:12.5px;color:var(--red);background:var(--red-soft);padding:8px 10px;border-radius:8px;}
.error.hidden{display:none;}