.cookie-consent[hidden] { display: none !important; }
.cookie-consent { position: fixed; bottom: max(18px, env(safe-area-inset-bottom)); left: 24px; right: 24px; z-index: 10000; max-width: 850px; margin-inline: auto; background: #fff; color: #20153b; padding: 22px 26px; border: 1px solid #cbbcff; border-radius: 18px; box-shadow: 0 12px 55px #27134330; max-height: 70vh; overflow: auto; }
.cookie-consent h2 { font-size: 1.2rem; margin: 0 0 8px; }
.cookie-consent p { font-size: .9rem; line-height: 1.6; margin: 6px 0; }
.cookie-consent a, .legal-page a { color: #5a26d5; text-decoration: underline; }
.cookie-consent-actions { display: flex; gap: 12px; margin-top: 14px; }
.cookie-consent-actions button { flex: 1; background: #f1eaff; color: #45209a; border: 1px solid #8461db; border-radius: 10px; padding: 12px 16px; min-height: 44px; font: inherit; font-weight: 700; cursor: pointer; }
.cookie-consent-actions button:hover { background: #e5d8ff; }
.cookie-settings-link { color: inherit; font: inherit; background: none; border: 0; text-decoration: underline; cursor: pointer; padding: 0; text-align: left; }
.legal-page { max-width: 850px; margin: 40px auto; padding: 28px; background: white; border: 1px solid #e0d7f4; border-radius: 20px; }
.legal-page h1 { font-size: clamp(2rem, 5vw, 3rem); }
.legal-page h2 { font-size: 1.25rem; margin: 28px 0 10px; }
.legal-page p, .legal-page li { line-height: 1.8; }
.legal-page table { width: 100%; border-collapse: collapse; font-size: .9rem; }
.legal-page th, .legal-page td { text-align: left; padding: 10px; border-bottom: 1px solid #ddd; overflow-wrap: anywhere; }
@media(max-width: 600px) { .cookie-consent { left: 10px; right: 10px; bottom: 76px; padding: 18px; } .cookie-consent-actions { flex-direction: column; } .legal-page { margin: 18px 12px; padding: 20px; } }