/* /auth/auth.css - Auth UI shared styles */
:root{--bg:#0b1220;--card:#121a2a;--muted:#9bb1d1;--accent:#2e7df6;--ok:#1db954;--warn:#ffb020}
body{margin:0;background:var(--bg);color:#eef3ff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.wrap{min-height:100dvh;display:grid;place-items:center;padding:24px}
.card{width:min(480px,92vw);background:#121a2a;border:1px solid #1f2a44;border-radius:14px;box-shadow:0 6px 20px rgba(0,0,0,.35);overflow:hidden}
.bar{height:6px;background:linear-gradient(90deg,#fff,#e9eef7)}
.inner{padding:20px}
h1{margin:8px 0 12px;font-size:22px}
p.sub{margin:0 0 18px;color:var(--muted);font-size:14px}
form{display:grid;gap:12px}
label{font-size:13px;color:#cfe0ff}
input[type="text"],input[type="password"],input[type="email"]{
  width:100%;padding:10px 12px;border-radius:10px;border:1px solid #283554;background:#0f1728;color:#eef3ff
}
button{
  appearance:none;border:0;border-radius:10px;background:var(--accent);color:#fff;
  padding:10px 14px;font-weight:600;cursor:pointer
}
button:hover{filter:brightness(1.05)}
.links{display:flex;justify-content:space-between;align-items:center;margin-top:8px}
a{color:#bcd2ff;text-decoration:none}
a:hover{text-decoration:underline}
.banner{border-radius:10px;padding:10px 12px;margin-bottom:10px;font-size:14px;display:none}
.banner.ok{display:block;background:#16331e;border:1px solid #1f5a33;color:#c8f6d8}
.banner.err{display:block;background:#3a1419;border:1px solid #5c1d2a;color:#ffd1d6}