.cookie-consent { position: fixed; z-index: 100; right: max(18px, env(safe-area-inset-right)); bottom: max(18px, env(safe-area-inset-bottom)); width: min(470px, calc(100vw - 36px)); padding: 22px; border: 1px solid rgb(151 221 255 / .32); border-radius: 12px; background: rgb(5 9 19 / .9); box-shadow: 0 22px 62px rgb(0 0 0 / .55); backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px); color: #eaf6ff; }.cookie-consent[hidden], .cookie-modal[hidden] { display: none; }.cookie-consent h2, .cookie-modal h2 { margin: 0; font: 600 28px/.95 Genos, sans-serif; letter-spacing: -.025em; }.cookie-consent p { margin: 13px 0 18px; color: #b4c4d8; font: 13px/1.6 Manrope, Arial, sans-serif; }.cookie-consent a { color: #7cdbff; }.cookie-consent__actions { display: flex; flex-wrap: wrap; gap: 9px; }.cookie-consent button, .cookie-modal button { min-height: 40px; padding: 10px 13px; border: 1px solid rgb(181 233 255 / .5); border-radius: 5px; background: transparent; color: #f2f8ff; font: 700 12px/1 Manrope, Arial, sans-serif; cursor: pointer; }.cookie-consent button:hover, .cookie-modal button:hover { border-color: #7cdbff; background: rgb(92 208 255 / .11); }.cookie-consent [data-consent="accept"], .cookie-modal [data-consent-save] { border-color: #7cdbff; background: rgb(83 203 255 / .16); }.cookie-modal { position: fixed; z-index: 101; inset: 0; display: grid; place-items: center; padding: 18px; background: rgb(0 0 0 / .6); }.cookie-modal__panel { width: min(560px, 100%); max-height: min(720px, calc(100svh - 36px)); overflow: auto; padding: 28px; border: 1px solid rgb(151 221 255 / .3); border-radius: 12px; background: #07101e; box-shadow: 0 24px 70px rgb(0 0 0 / .6); }.cookie-modal__intro { margin: 13px 0 22px; color: #b4c4d8; font: 13px/1.6 Manrope, Arial, sans-serif; }.cookie-option { display: flex; gap: 14px; align-items: flex-start; margin: 0; padding: 16px 0; border-top: 1px solid rgb(176 220 255 / .14); color: #eaf6ff; font-family: Manrope, Arial, sans-serif; }.cookie-option input { width: 17px; height: 17px; margin: 2px 0 0; accent-color: #5cd0ff; }.cookie-option strong { display: block; font-size: 14px; }.cookie-option span { display: block; margin-top: 5px; color: #9fb1c6; font-size: 12px; line-height: 1.55; }.cookie-modal__actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 22px; } @media (max-width: 560px) { .cookie-consent { padding: 19px; }.cookie-consent__actions button { flex: 1 1 100%; }.cookie-modal__panel { padding: 22px; } }