/* ===== Standalone auth UI ===== */
:root{
  --bg1:#0b1324; --bg2:#111827;
  --panel:#ffffff; --ink:#0b0f19; --muted:#64748b; --line:#e5e7eb;
  --brand:#000; --accent:#000;
}

*{ box-sizing:border-box; }
html,body{ margin:0; font-family: ui-sans-serif, system-ui, -apple-system,"Segoe UI",Roboto,Arial; color:var(--ink); }

.auth-shell{
  min-height:100vh;
  display:flex; align-items:center; justify-content:center;
  padding:24px;
  background:
    radial-gradient(900px 600px at 10% -10%, #1e293b66, transparent 70%),
    radial-gradient(900px 600px at 110% 110%, #0b1324, #0b1324);
}

.auth-card{
  width:100%; max-width:560px;
  background:var(--panel);
  border-radius:24px;
  box-shadow: 0 25px 60px rgba(0,0,0,.16);
  padding:28px 28px 22px;
}

.auth-logo{
  width:48px; height:48px; border-radius:14px;
  margin:0 auto 10px;
  background:var(--brand); color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-weight:800; letter-spacing:.5px;
}

.h-brand{ text-align:center; margin:0; font-size:22px; font-weight:850; letter-spacing:.2px; }
.h-sub{ text-align:center; margin:6px 0 18px; color:var(--muted); font-size:14px; }

.label{ display:block; font-size:12px; color:#374151; margin:10px 0 6px; }
.input{
  width:100%; height:40px; padding:8px 12px; border:1px solid var(--line); border-radius:12px; outline:0;
  background:#fff; transition: box-shadow .15s, border-color .15s;
}
.input:focus{ border-color:#111827; box-shadow:0 0 0 2px #11182722; }

.pwd-wrap{ position:relative; }
.eye-btn{
  position:absolute; right:8px; top:0; bottom:0; display:flex; align-items:center;
  background:transparent; border:0; color:#6b7280; cursor:pointer; padding:0 6px;
}

.btn{
  margin-top:12px; width:100%; height:42px;
  border:0; border-radius:12px; background:var(--accent); color:#fff; font-weight:700; cursor:pointer;
}
.btn:hover{ opacity:.94; }

.flash{ margin:0 0 10px; padding:10px 12px; border-radius:12px; font-size:14px; }
.flash-err{ background:#fee2e2; color:#b91c1c; }
.hint{ margin-top:14px; text-align:center; color:#94a3b8; font-size:12px; }
.chips{ display:flex; gap:8px; justify-content:center; margin-top:6px; flex-wrap:wrap; }
.chip{ background:#0a0a0a; color:#fff; padding:6px 10px; border-radius:14px; font-size:12px; text-decoration:none; }

.footer{ margin-top:14px; text-align:center; color:#cbd5e1; font-size:12px; }