.analytics-consent { position: fixed; z-index: 100; inset-inline: 16px; bottom: 16px; max-width: 760px; margin-inline: auto; padding: 18px 20px; background: #10131e; color: #f7f8ff; border: 1px solid #505775; border-radius: 16px; box-shadow: 0 8px 40px #0008; font: 14px/1.5 "Avenir Next", "Helvetica Neue", Arial, sans-serif; }
.analytics-consent[hidden], .analytics-consent [hidden] { display: none; }
.analytics-consent h2 { margin: 0 0 5px; font-size: 16px; line-height: 1.4; letter-spacing: normal; }
.analytics-consent p { margin: 0 0 12px; color: #c9cede; }
.analytics-consent-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.analytics-consent button { appearance: none; min-height: 44px; padding: 8px 13px; border: 1px solid #626c90; border-radius: 8px; background: #1b2033; color: #f7f8ff; font: inherit; cursor: pointer; }
.analytics-consent button:hover { background: #2a3352; }
.analytics-consent a { color: #bdcaff; text-decoration: underline; text-underline-offset: 3px; padding: 10px 0; }
.analytics-consent :focus-visible, .analytics-settings:focus-visible { outline: 2px solid #bdcaff; outline-offset: 4px; }
.analytics-settings { appearance: none; border: 0; padding: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
body > .analytics-settings { display: block; margin: 20px auto; color: #a8adbd; }
.language-suggestion { margin: 10px 0; font-size: 14px; }
.language-suggestion a { color: #c8d2ff; text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 520px) { .analytics-consent { inset-inline: 8px; bottom: 8px; padding: 14px; } .analytics-consent-actions { gap: 8px; } .analytics-consent-actions button:not(.analytics-consent-close) { flex: 1 1 130px; } }