.legal-page { min-height: 100vh; margin: 0; background: #f4f6f4; color: #202b2f; font-family: Poppins, Arial, sans-serif; padding: 110px 20px 48px; }
.legal-shell { width: min(860px, 100%); margin: 0 auto; }
.legal-back { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 20px; color: #04724d; font-weight: 600; text-decoration: none; }
.legal-heading { padding: 34px 38px; color: #fff; background: #0b302a; border-radius: 20px 20px 0 0; }
.legal-heading span { color: #80d9ba; font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.legal-heading h1 { margin: 8px 0 12px; font-size: clamp(32px, 6vw, 48px); line-height: 1.1; }
.legal-heading p { max-width: 680px; margin: 0 0 16px; color: #d9e8e3; line-height: 1.65; }
.legal-heading small { color: #a9c4bb; }
.legal-content { padding: 12px 38px 34px; background: #fff; border: 1px solid #dce5e1; border-top: 0; border-radius: 0 0 20px 20px; box-shadow: 0 18px 45px rgba(26, 48, 42, .1); }
.legal-content section { padding: 24px 0; border-bottom: 1px solid #e5ebe8; }
.legal-content section:last-child { border-bottom: 0; }
.legal-content h2 { margin: 0 0 9px; color: #123b32; font-size: 19px; }
.legal-content p { margin: 0; color: #52635e; font-size: 15px; line-height: 1.75; }
@media (max-width: 600px) { .legal-page { padding: 96px 14px 28px; } .legal-heading, .legal-content { padding-left: 22px; padding-right: 22px; } }
html[data-theme="dark"] .legal-page { background: #111820; color: #e6edf2; }
html[data-theme="dark"] .legal-content { background: #1a232d; border-color: #33404c; }
html[data-theme="dark"] .legal-content h2 { color: #e6edf2; }
html[data-theme="dark"] .legal-content p { color: #b8c5cc; }