.cookie-banner { position: fixed; z-index: 999999; bottom: 20px; left: 20px; right: 20px; max-width: 760px; margin: 0 auto; padding: 20px 24px; display: flex; align-items: center; gap: 24px; background: #172124; color: #fff; border: 1px solid #425053; border-radius: 8px; box-shadow: 0 8px 30px #0004; font: 14px/1.5 Arial, sans-serif; }
.cookie-banner[hidden] { display: none; }
.cookie-banner p { margin: 0; flex: 1; }
.cookie-banner a { color: #87e4e7; text-decoration: underline; }
.cookie-banner div { display: flex; gap: 8px; }
.cookie-banner button, .cookie-settings { font: inherit; cursor: pointer; }
.cookie-banner button { padding: 10px 16px; border: 1px solid #53d3d7; border-radius: 4px; background: transparent; color: #fff; }
.cookie-banner button[data-consent="accept"] { background: #53d3d7; color: #172124; }
.cookie-banner button:focus-visible, .cookie-settings:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.cookie-settings { padding: 0; border: 0; background: none; color: inherit; }
.cookie-settings:hover { color: #53d3d7; }
@media (max-width: 640px) { .cookie-banner { flex-direction: column; align-items: stretch; gap: 16px; bottom: 12px; left: 12px; right: 12px; } .cookie-banner div button { flex: 1; } }