:root { color-scheme: dark; font-family: Arial, Helvetica, sans-serif; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #06142b; color: #eef4ff; line-height: 1.75; }
a { color: #79d8ff; text-underline-offset: 3px; }
a:hover { color: #fff; }
a:focus-visible, summary:focus-visible { outline: 2px solid #79d8ff; outline-offset: 4px; }
.skip-link { position: absolute; top: -100px; left: 12px; z-index: 5; padding: 8px 12px; background: #fff; color: #06142b; }
.skip-link:focus { top: 12px; }
.legal-container { width: min(100% - 40px, 900px); margin-inline: auto; }
.legal-header { border-bottom: 1px solid #2b4164; background: #020b1c; }
.legal-header-inner { min-height: 86px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.legal-header-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 10px 20px; }
.language-switch { display: inline-flex; align-items: center; gap: 3px; padding: 3px; border: 1px solid #52627d; border-radius: 999px; background: #101c33; color: #aebed5; font-size: .75rem; font-weight: 800; line-height: 1; }
.language-switch a { display: inline-flex; align-items: center; justify-content: center; min-width: 29px; min-height: 29px; border-radius: 999px; color: #fff; text-decoration: none; }
.language-switch a[aria-current="page"] { background: #e50012; }
.language-switch a:not([aria-current="page"]):hover { background: #2b4164; }
.brand { display: inline-flex; align-items: center; }
.brand img { display: block; width: 150px; height: auto; max-height: 62px; object-fit: contain; }
.back-link { font-weight: 700; white-space: nowrap; }
.legal-main { padding-block: 64px 90px; }
.eyebrow { margin: 0 0 8px; text-transform: uppercase; letter-spacing: .14em; color: #79d8ff; font-size: .8rem; font-weight: 800; }
h1 { font-size: clamp(2.1rem, 5vw, 3.4rem); line-height: 1.1; margin: 0 0 18px; }
.lead { color: #c2d1e8; font-size: 1.13rem; max-width: 70ch; margin: 0 0 10px; }
.updated { color: #aebed5; font-size: .88rem; margin: 0 0 42px; }
.legal-article { background: #0b1d3a; border: 1px solid #2b4164; border-radius: 20px; padding: clamp(22px, 5vw, 48px); }
.legal-article h2 { font-size: 1.28rem; line-height: 1.35; margin: 38px 0 10px; }
.legal-article h2:first-child { margin-top: 0; }
.legal-article p { margin: 0 0 18px; color: #d4dff0; }
.legal-article ul { margin: 0 0 20px; padding-left: 24px; color: #d4dff0; }
.legal-article li { margin: 8px 0; }
.related { padding-top: 28px; }
.related h2 { font-size: 1.1rem; }
.related ul { display: flex; flex-wrap: wrap; gap: 12px 28px; list-style: none; padding: 0; }
.legal-footer { background: #020b1c; border-top: 1px solid #2b4164; }
.legal-footer-inner { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 16px; padding-block: 26px; font-size: .9rem; }
.legal-footer p { margin: 0; color: #aebed5; }
.legal-footer-menu { min-width: 180px; }
.legal-footer-menu summary { cursor: pointer; font-weight: 700; }
.legal-footer-menu nav { display: grid; gap: 7px; margin-top: 10px; }
@media (max-width: 500px) { .legal-container { width: min(100% - 28px, 900px); } .legal-header-inner { min-height: 74px; gap: 8px; } .brand img { width: 100px; } .legal-header-actions { gap: 2px 8px; } .back-link { font-size: .75rem; } .legal-main { padding-block: 42px 70px; } }