/* Styles specific to legal pages (Privacy, Terms) */
.legal { padding: 130px 0 90px; }
.legal__head { max-width: 760px; margin: 0 auto 48px; text-align: center; }
.legal__head h1 { font-size: clamp(32px, 5vw, 48px); font-weight: 800; margin-bottom: 14px; background: linear-gradient(180deg,#fff,#c8cbe6); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.legal__updated { color: var(--muted); font-size: 15px; }
.legal__body { max-width: 760px; margin: 0 auto; background: linear-gradient(160deg, var(--surface), var(--surface-2)); border: 1px solid var(--line); border-radius: 20px; padding: 48px; box-shadow: 0 40px 90px -40px rgba(0,0,0,.7); }
.legal__body h2 { font-size: 22px; margin: 36px 0 12px; }
.legal__body h2:first-child { margin-top: 0; }
.legal__body p { color: var(--muted); margin-bottom: 14px; font-size: 16px; }
.legal__body ul { margin: 0 0 16px 0; }
.legal__body li { position: relative; padding-left: 24px; margin: 9px 0; color: var(--muted); }
.legal__body li::before { content: "→"; position: absolute; left: 0; color: var(--accent); }
.legal__body a { color: var(--accent); }
.legal__back { display: inline-flex; align-items: center; gap: 8px; margin-top: 32px; color: var(--accent); font-weight: 600; }
.legal__body strong { color: var(--text); }
@media (max-width: 600px) { .legal__body { padding: 28px; } .legal { padding: 110px 0 60px; } }