:root{
  --bg:#0f172a;
  --card:#ffffff;
  --muted:#64748b;
  --text:#0f172a;
  --brand:#2563eb;
  --ok:#065f46; --okbg:#ecfdf5; --okbd:#a7f3d0;
  --err:#7f1d1d; --errbg:#fef2f2; --errbd:#fecaca;
  --bd:#e2e8f0;
}

*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:linear-gradient(135deg,#0b1220 0%, #111827 100%);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji"}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}

.login-card{
  width:100%;max-width:420px;background:var(--card);
  border:1px solid var(--bd);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.25);
  padding:28px 24px 18px;
}

.brand{display:flex;justify-content:center;margin-bottom:10px}
.brand-logo{height:42px;object-fit:contain}
.brand-fallback{
  color:#111827;font-weight:900;font-size:22px;letter-spacing:.3px
}

.title{margin:8px 0 2px 0;font-size:22px;font-weight:900;color:var(--text);text-align:center}
.subtitle{margin:0 0 18px 0;font-size:13px;color:var(--muted);text-align:center}

.form{display:grid;gap:10px}
.label{font-size:11px;font-weight:800;letter-spacing:.04em;color:#475569;text-transform:uppercase}
.input{
  width:100%;border:1px solid var(--bd);border-radius:12px;
  padding:.8rem .9rem;font-size:14px;outline:none
}
.input:focus{border-color:#60a5fa;box-shadow:0 0 0 4px rgba(59,130,246,.12)}

.actions{display:flex;align-items:center;gap:10px;margin-top:6px}
.btn-primary{
  flex:1;background:var(--brand);color:#fff;border:0;border-bottom:3px solid #1e40af;
  border-radius:12px;padding:.85rem 1rem;font-weight:800;cursor:pointer
}
.btn-primary:hover{filter:brightness(1.05)}
.btn-link{
  font-weight:800;font-size:12px;color:#1e3a8a;text-decoration:none;padding:.6rem .6rem;border-radius:8px
}
.btn-link:hover{background:#eff6ff}

.alert{
  margin-top:10px;border-radius:10px;padding:10px 12px;font-size:13px;border:1px solid transparent
}
.alert.ok{color:var(--ok);background:var(--okbg);border-color:var(--okbd)}
.alert.err{color:var(--err);background:var(--errbg);border-color:var(--errbd)}
.hidden{display:none}

.foot{margin-top:18px;text-align:center;color:#94a3b8}
.foot small{font-size:12px}