/* Login page styles — tailored from portal theme */
:root{
  --bg:#0b1220;
  --card:#0f1724;
  --muted:#767676;
  --primary:#2563eb;
  --primary-2:#1d4ed8;
  --text:#e6eef8;
  --muted-text:#767676;
  --border:rgba(255,255,255,0.06);
  --glass:rgba(255,255,255,0.03);
}
html,body{height:100%}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,sans-serif;margin:0;padding:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
header{background:linear-gradient(135deg,rgba(37,99,235,0.06),rgba(29,78,216,0.04));padding:0.75rem 1rem;text-align:center;color:var(--text);backdrop-filter:blur(6px);border-bottom:1px solid var(--border)}
header h1{margin:0;font-size:1.25rem;font-weight:700}

.login-page{min-height:calc(100vh - 120px);display:flex;align-items:center;justify-content:center;padding:2rem}
.login-wrap{width:100%;max-width:420px;margin:0 auto;padding:28px;border-radius:12px;background:linear-gradient(180deg,var(--card),rgba(8,14,25,0.9));border:1px solid rgba(255,255,255,0.03);box-shadow:0 8px 24px rgba(2,6,23,0.6)}
.login-header{text-align:center;margin-bottom:12px}
.login-header h2{margin:0;color:var(--text);font-size:1.125rem}
.login-error{color:#ffd6d6;background:#3b0f0f;padding:8px;border-radius:6px;margin-bottom:10px;text-align:center}
.login-form label{display:block;margin-top:10px;font-size:0.95rem;color:var(--muted)}
.login-form input{width:100%;padding:10px;margin-top:6px;border-radius:8px;border:1px solid var(--border);background:rgba(255,255,255,0.02);color:var(--text);box-sizing:border-box}
.login-form button{width:100%;margin-top:14px;padding:10px;border-radius:8px;border:none;background:linear-gradient(90deg,var(--primary),var(--primary-2));color:#fff;font-weight:700;cursor:pointer}
.login-footer{margin-top:12px;text-align:center;color:var(--muted);font-size:0.85rem}

@media (max-width:480px){.login-wrap{padding:18px;margin:18px}.login-header h2{font-size:1rem}}

.login-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 96px);padding:2rem}
.login-wrap{transform:translateY(-6px)}