.privacy-backdrop { position: fixed; z-index: 10000; inset: 0; display: grid; place-items: center; padding: 24px; background: rgba(0,2,6,.86); backdrop-filter: blur(12px); opacity: 0; visibility: hidden; transition: opacity .25s ease, visibility .25s ease; }
.privacy-backdrop.is-open { opacity: 1; visibility: visible; }
.privacy-dialog { width: min(640px,100%); max-height: min(850px,calc(100svh - 36px)); overflow: auto; border: 1px solid rgba(255,255,255,.23); border-radius: 12px; color: #f8fafc; background: linear-gradient(145deg,rgba(10,14,23,.98),rgba(4,7,12,.98)); box-shadow: 0 40px 120px rgba(0,0,0,.72), 0 0 50px rgba(16,233,255,.09); }
.privacy-head { position: sticky; z-index: 2; top: 0; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 24px 25px 18px; border-bottom: 1px solid rgba(255,255,255,.18); background: rgba(7,10,17,.97); }
.privacy-head div { display: flex; align-items: center; gap: 13px; }.privacy-mark { width: 10px; height: 10px; border-radius: 50%; background: #caff16; box-shadow: 0 0 20px #caff16; }.privacy-head h2 { margin: 0; font-size: clamp(1.25rem,3vw,1.7rem); letter-spacing: -.02em; }.privacy-close { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; background: transparent; cursor: pointer; font-size: 1.1rem; }
.privacy-content { padding: 24px 25px 26px; }.privacy-content > p { margin: 0 0 15px; color: #d1d6df; line-height: 1.55; }.privacy-content a { color: #10e9ff; font-weight: 800; border-bottom: 1px solid rgba(16,233,255,.45); }.privacy-note { padding: 13px 14px; margin: 18px 0; border-left: 3px solid #10e9ff; color: #c4ccd8; background: rgba(16,233,255,.06); font-size: .82rem; line-height: 1.55; }
.privacy-categories { display: grid; gap: 9px; padding: 14px 0; margin: 18px 0; border-block: 1px solid rgba(255,255,255,.18); }.privacy-category { display: grid; grid-template-columns: 28px 1fr auto; gap: 11px; align-items: center; min-height: 45px; }.privacy-category input { width: 18px; height: 18px; accent-color: #caff16; }.privacy-category strong { font-size: .82rem; }.privacy-category small { color: #7f899a; font-size: .68rem; }.privacy-category button { padding: 4px 0; color: #10e9ff; background: none; border: 0; cursor: pointer; font-size: .68rem; font-weight: 800; }
.privacy-details { display: none; padding: 15px; margin: -6px 0 14px; border: 1px solid rgba(255,255,255,.13); background: rgba(255,255,255,.025); }.privacy-details.is-open { display: grid; gap: 14px; }.privacy-details h3 { margin: 0 0 5px; font-size: .78rem; color: #caff16; }.privacy-details p { margin: 0; color: #aeb7c5; font-size: .74rem; line-height: 1.55; }
.privacy-actions { display: grid; gap: 9px; }.privacy-action { min-height: 48px; padding: 0 18px; border: 1px solid rgba(255,255,255,.28); border-radius: 5px; cursor: pointer; font-size: .75rem; font-weight: 900; letter-spacing: .02em; }.privacy-action.accept-all { color: #071013; background: #caff16; border-color: #caff16; box-shadow: 0 0 25px rgba(202,255,22,.2); }.privacy-action.save { color: #fff; background: rgba(255,255,255,.11); }.privacy-action.essential { color: #fff; background: transparent; }.privacy-action.preferences { color: #10e9ff; background: rgba(16,233,255,.04); border-color: rgba(16,233,255,.35); }
.privacy-footer { margin-top: 18px; color: #748092; font-size: .67rem; line-height: 1.5; text-align: center; }
@media (max-width:620px){.privacy-backdrop{padding:10px}.privacy-dialog{max-height:calc(100svh - 20px)}.privacy-head{padding:18px}.privacy-content{padding:18px}.privacy-category{grid-template-columns:25px 1fr}.privacy-category button{grid-column:2;justify-self:start}.privacy-action{min-height:50px}}