.legal-hero { background: linear-gradient(145deg, #020817 0%, #0f172a 50%, #020817 100%); padding: calc(var(--nav-h) + 4rem) 0 3rem; text-align: center; }
    .legal-hero h1 { font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; color: #fff; letter-spacing: -.03em; margin-bottom: .75rem; }
    .legal-hero p { font-size: 1rem; color: rgba(255,255,255,.5); }
    .legal-content { padding: 4rem 0; background: var(--surface); }
    .legal-content .container { max-width: 800px; }
    .legal-content h2 { font-size: 1.35rem; font-weight: 700; color: var(--text); margin: 2.5rem 0 .75rem; padding-top: 1.5rem; border-top: 1px solid var(--border); }
    .legal-content h2:first-child { margin-top: 0; padding-top: 0; border-top: none; }
    .legal-content h3 { font-size: 1.1rem; font-weight: 700; color: var(--text); margin: 1.5rem 0 .5rem; }
    .legal-content p, .legal-content li { font-size: .95rem; color: var(--text-muted); line-height: 1.75; margin-bottom: .75rem; }
    .legal-content ul { list-style: disc; padding-left: 1.5rem; }
    .legal-content a { color: var(--c-600); text-decoration: underline; text-underline-offset: 2px; }
    .legal-content a:hover { color: var(--c-700); }
    .cookie-table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; font-size: .9rem; }
    .cookie-table th, .cookie-table td { padding: .75rem 1rem; text-align: left; border-bottom: 1px solid var(--border); }
    .cookie-table th { font-weight: 700; color: var(--text); font-size: .8rem; text-transform: uppercase; letter-spacing: .04em; background: var(--surface-muted); }
    .cookie-table td { color: var(--text-muted); }
    .cookie-cat-badge { display: inline-block; padding: .2rem .6rem; border-radius: 4px; font-size: .75rem; font-weight: 600; }
    .badge-essential { background: rgba(34,197,94,.1); color: #16a34a; }
    .badge-statistics { background: rgba(59,130,246,.1); color: #2563eb; }
    .badge-marketing { background: rgba(245,158,11,.1); color: #d97706; }
    .cc-manage-btn { display: inline-flex; align-items: center; gap: .5rem; padding: .7rem 1.5rem; border-radius: 999px; font-size: .9rem; font-weight: 600; background: linear-gradient(135deg, var(--c-600), var(--c-indigo)); color: #fff; border: none; cursor: pointer; box-shadow: 0 4px 16px rgba(59,130,246,.3); transition: all .2s; margin: 1rem 0; }
    .cc-manage-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(59,130,246,.4); }