/* ── Login ─────────────────────────────────────────────────── */
.login-body{display:flex;align-items:center;justify-content:center;min-height:100dvh}

.login-box{
  background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r);
  box-shadow:var(--shadow);padding:32px 28px;width:100%;max-width:380px;
}

.login-brand{
  font-family:'Fraunces',serif;font-weight:600;
  font-size:clamp(28px,6vw,38px);line-height:.98;letter-spacing:-.02em;
  color:var(--accent);margin-bottom:24px;
}

.login-box form{display:flex;flex-direction:column;gap:16px}
.login-box label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:13px;color:var(--ink)}

.login-box button[type="submit"]{
  background:var(--accent);color:#fff;padding:13px 16px;width:100%;
  border-radius:10px;font:600 16px 'Inter',sans-serif;
  transition:transform .06s ease,filter .15s ease;
}
.login-box button[type="submit"]:hover{filter:brightness(1.06)}
.login-box button[type="submit"]:active{transform:translateY(1px)}

/* ── Alert ─────────────────────────────────────────────────── */
.alert{padding:10px 14px;border-radius:9px;margin-bottom:16px;font-size:14px;font-weight:500}
.alert-error{background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent)}