/* Legal pages and cookie banner styling */
:root{ --galatron-purple:#8A2BE2; --bg:#2C2C2C; --bg-elev:#333333; --text:#ECECEC; --muted:#BDBDBD; --success:#2ecc71; --danger:#e74c3c; }

.legal-container{ max-width:960px; margin:0 auto; padding:24px 16px 80px; color:var(--text); }
.legal-card{ background:var(--bg-elev); border-radius:16px; padding:24px; box-shadow:0 10px 30px rgba(0,0,0,.3); }
.legal-card h1, .legal-card h2, .legal-card h3{ color:#fff; }
.legal-meta{ color:var(--muted); font-size:.9rem; margin-top:8px; }
.legal-list a{ color:#fff; text-decoration:none; border-bottom:1px dashed rgba(255,255,255,.25); }
.legal-list a:hover{ color:var(--galatron-purple); border-color:var(--galatron-purple); }
.legal-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:16px; }
.legal-tile{ background:var(--bg-elev); border-radius:14px; padding:16px; border:1px solid rgba(255,255,255,.06); }
.legal-tile h3{ margin:0 0 8px; font-size:1.05rem; }

@media (max-width:720px){ .legal-grid{ grid-template-columns:1fr; } }

/* Cookie banner */
.cookie-banner{ position:fixed; left:16px; right:16px; bottom:16px; z-index:9999; background:var(--bg-elev); color:var(--text); border:1px solid rgba(255,255,255,.08); border-radius:18px; box-shadow:0 12px 40px rgba(0,0,0,.45); }
.cookie-content{ display:flex; gap:16px; align-items:center; padding:14px 16px; }
.cookie-text{ flex:1; min-width:200px; }
.cookie-text strong{ display:block; margin-bottom:4px; }
.cookie-link{ color:#fff; text-decoration:none; }
.cookie-link:hover{ color:var(--galatron-purple); }
.cookie-sep{ margin:0 8px; opacity:.5; }
.cookie-actions{ display:flex; gap:8px; }
.btn{ appearance:none; border:none; border-radius:14px; padding:10px 14px; font-weight:600; cursor:pointer; }
.btn.primary{ background:var(--galatron-purple); color:#fff; }
.btn.alt{ background:#4b1f79; color:#fff; }
.btn.ghost{ background:transparent; color:#fff; border:1px solid rgba(255,255,255,.15); }
.cookie-preferences{ border-top:1px solid rgba(255,255,255,.08); padding:12px 16px 16px; }
.prefs-row{ margin:8px 0; }
.prefs-actions{ display:flex; gap:8px; justify-content:flex-end; }

.manage-privacy-link{ margin-left:12px; background:transparent; color:#fff; border:1px solid rgba(255,255,255,.15); border-radius:12px; padding:8px 12px; cursor:pointer; }
.manage-privacy-link:hover{ border-color:var(--galatron-purple); color:var(--galatron-purple); }