*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',system-ui,sans-serif;background:#0a1628;min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column}

/* ── Login Page Layout ───────────────────────────────────────────────────── */
.login-page{width:100%;max-width:420px;padding:40px 20px}
.login-back{display:inline-block;color:#64748b;font-size:.85rem;text-decoration:none;margin-bottom:24px;transition:color .2s}
.login-back:hover{color:#94a3b8}

/* ── Auth Card (from main.css auth modal styles) ─────────────────────────── */
.auth-card{background:#fff;border-radius:16px;padding:36px 32px 28px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.auth-logo{text-align:center;font-size:1.6rem;margin-bottom:8px;letter-spacing:.5px;color:#0a3d62;font-weight:700}
.auth-title{text-align:center;font-size:1.15rem;color:#1a2a3a;margin-bottom:20px;font-weight:600}
.auth-field{margin-bottom:14px}
.auth-field label{display:block;font-size:.78rem;font-weight:600;color:#475569;margin-bottom:4px}
.auth-field input[type="email"],.auth-field input[type="password"]{width:100%;padding:9px 12px;border:1.5px solid #d1d5db;border-radius:8px;font-size:.9rem;background:#fafafa;color:#1a2a3a;outline:none;transition:border-color .2s}
.auth-field input:focus{border-color:#0a3d62;background:#fff}
.auth-error{background:#ffebee;color:#c62828;border-radius:6px;padding:8px 12px;font-size:.8rem;margin-bottom:10px}
.auth-btn{width:100%;padding:10px;background:#0a3d62;color:#fff;border:none;border-radius:8px;font-size:.92rem;font-weight:600;cursor:pointer;transition:background .2s;margin-top:4px}
.auth-btn:hover{background:#1565c0}
.auth-btn:disabled{background:#94a3b8;cursor:not-allowed}
.auth-link{color:#0a3d62;font-size:.8rem;text-decoration:none;opacity:.8}
.auth-link:hover{opacity:1;text-decoration:underline}
.auth-confirm{background:#e8f5e9;color:#2e7d32;border-radius:8px;padding:14px;font-size:.88rem;line-height:1.5;margin-top:12px;text-align:center}
.privacy-check{display:flex;align-items:flex-start;gap:8px;font-size:.8rem;color:#475569;cursor:pointer;line-height:1.4}
.privacy-check input{margin-top:2px}
.privacy-check a{color:#0a3d62}

/* ── Language Switcher ───────────────────────────────────────────────────── */
.lang-switcher{display:flex;gap:3px;align-items:center}
.lang-btn{padding:2px 6px;border-radius:4px;border:1px solid #d1d5db;background:transparent;color:#94a3b8;font-size:.65rem;font-weight:700;cursor:pointer;transition:all .15s;letter-spacing:.5px}
.lang-btn:hover{background:#f0f4f8;color:#0a3d62;border-color:#0a3d62}
.lang-btn.active{background:#0a3d62;color:#fff;border-color:#0a3d62}

/* ── Cookie Banner ───────────────────────────────────────────────────────── */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9998;background:rgba(15,23,42,.97);border-top:1px solid rgba(255,255,255,.1);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;backdrop-filter:blur(8px)}
.cookie-text{font-size:.82rem;color:#cbd5e1;line-height:1.5;flex:1}
.cookie-text a{color:#38bdf8}
.cookie-buttons{display:flex;gap:8px;flex-shrink:0}
.cookie-btn{padding:8px 16px;border:none;border-radius:6px;font-size:.82rem;font-weight:600;cursor:pointer}
.cookie-accept{background:#0a3d62;color:#fff}
.cookie-accept:hover{background:#1565c0}
.cookie-essential{background:transparent;color:#94a3b8;border:1px solid #475569}
.cookie-essential:hover{background:rgba(255,255,255,.05)}

/* ── Responsive ──────────────────────────────────────────────────────────── */
@media(max-width:480px){
  body{padding:0 8px}
  .login-page{padding:24px 8px}
  .login-back{font-size:.8rem;margin-bottom:16px}
  .auth-card{padding:28px 18px 24px;border-radius:12px}
  .auth-logo{font-size:1.3rem}
  .auth-title{font-size:1rem;margin-bottom:16px}
  .auth-field input[type="email"],.auth-field input[type="password"]{font-size:.85rem;padding:8px 10px}
  .auth-btn{font-size:.88rem;padding:9px}
}