.legal-page { background: #f4f7fa; }
.legal-hero { background: #06162a; color: #fff; padding: 170px 0 78px; }
.legal-hero h1 { font-size: clamp(3rem, 7vw, 6.5rem); text-transform: uppercase; margin: 0 0 22px; }
.legal-hero p { color: #b7c7d8; max-width: 760px; font-size: 1.05rem; }
.legal-meta { color: #70d8ff !important; font-size: .78rem !important; letter-spacing: .12em; text-transform: uppercase; }
.legal-layout { display: grid; grid-template-columns: 250px minmax(0, 760px); gap: 90px; align-items: start; }
.legal-nav { position: sticky; top: 110px; border-top: 2px solid #0b5cff; padding-top: 22px; }
.legal-nav strong { display: block; color: #06162a; font-size: .72rem; letter-spacing: .13em; text-transform: uppercase; margin-bottom: 18px; }
.legal-nav a { display: block; color: #607087; font-size: .86rem; margin: 0 0 11px; }
.legal-nav a[aria-current="page"], .legal-nav a:hover { color: #0b5cff; }
.legal-content { background: #fff; padding: clamp(30px, 5vw, 64px); box-shadow: 0 24px 70px rgba(4, 24, 47, .08); }
.legal-content h2 { color: #06162a; font-size: clamp(1.65rem, 3vw, 2.35rem); margin: 48px 0 18px; }
.legal-content h2:first-child { margin-top: 0; }
.legal-content h3 { color: #173552; font-size: 1.15rem; letter-spacing: -.02em; margin: 28px 0 10px; }
.legal-content p, .legal-content li { color: #465d73; font-size: 1rem; }
.legal-content ul { padding-left: 22px; }
.legal-content li { margin-bottom: 9px; }
.legal-content a { color: #0b5cff; text-decoration: underline; text-underline-offset: 3px; }
.legal-note { border-left: 3px solid #0b5cff; background: #eef5ff; padding: 18px 20px; margin: 28px 0; color: #294864 !important; }
.legal-contact { border-top: 1px solid #dce4ed; margin-top: 48px; padding-top: 28px; }
@media (max-width: 900px) { .legal-layout { grid-template-columns: 1fr; gap: 32px; } .legal-nav { position: static; display: flex; flex-wrap: wrap; gap: 10px 20px; } .legal-nav strong { width: 100%; margin-bottom: 4px; } .legal-nav a { margin: 0; } }
@media (max-width: 720px) { .legal-hero { padding: 135px 0 62px; } .legal-content { padding: 28px 22px; } }