.privacy-banner { position:fixed; z-index:100; bottom:20px; left:20px; width:min(600px,calc(100% - 40px)); padding:24px; color:#edf2f8; background:#151e2b; border:1px solid #3b5270; border-radius:18px; box-shadow:0 12px 50px #0008; font-size:.88rem; }
.privacy-banner[hidden] { display:none; }
.privacy-banner b { font-size:1.05rem; }
.privacy-banner p { color:#ccd5e1; line-height:1.6; margin:10px 0; }
.privacy-banner a { color:#a7cdff; }
.privacy-actions { display:flex; gap:12px; margin-top:18px; }
.privacy-actions button { flex:1; background:#213854; color:white; border:1px solid #7194bf; padding:12px 10px; border-radius:9px; cursor:pointer; font:inherit; }
.privacy-actions button:hover { background:#304f74; }
.privacy-links { display:flex; flex-wrap:wrap; gap:18px; margin:0 0 22px; font-size:.8rem; color:#424c5a; }
.privacy-links button { background:none; border:0; padding:0; color:inherit; text-decoration:underline; font:inherit; cursor:pointer; }
.legal-page { max-width:900px; margin:0 auto; padding:48px 24px 80px; }
.legal-page h1 { font-family:var(--font-display); font-size:clamp(2rem,5vw,3.5rem); line-height:1.15; }
.legal-page h2 { margin-top:38px; font-size:1.35rem; }
.legal-page p,.legal-page li { color:#d7dfe8; line-height:1.8; }
.legal-page a { color:#91bfff; }
.legal-header { background:#131920; padding:22px 24px; }
.legal-header>div { max-width:852px; margin:auto; display:flex; justify-content:space-between; align-items:center; gap:24px; }
.legal-header img { width:150px; height:auto; }
.legal-table { width:100%; border-collapse:collapse; font-size:.9rem; }
.legal-table th,.legal-table td { padding:14px 10px; text-align:left; border-bottom:1px solid #3c4959; line-height:1.6; }
@media(max-width:480px) { .privacy-banner { padding:18px; bottom:12px; left:12px; width:calc(100% - 24px); } .privacy-actions { gap:8px; } .legal-table { font-size:.78rem; } }