body.legal-page {
    background:
        radial-gradient(circle at 0% 0%, rgba(191, 219, 254, 0.55), transparent 28%),
        radial-gradient(circle at 100% 0%, rgba(224, 242, 254, 0.6), transparent 24%),
        linear-gradient(180deg, #f8fafc 0%, #eef5ff 42%, #f8fafc 100%) !important;
    color: #0f172a !important;
}

body.legal-page,
body.legal-page button,
body.legal-page input,
body.legal-page textarea,
body.legal-page select {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.legal-page ::selection {
    background: #2563eb;
    color: #ffffff;
}

body.legal-page ::-webkit-scrollbar-track {
    background: #dbeafe;
}

body.legal-page ::-webkit-scrollbar-thumb {
    background: #93c5fd;
}

body.legal-page ::-webkit-scrollbar-thumb:hover {
    background: #2563eb;
}

body.legal-page header {
    background: rgba(255, 255, 255, 0.94) !important;
    border-bottom: 1px solid #dbe5f1 !important;
    box-shadow: 0 12px 32px -18px rgba(15, 23, 42, 0.18) !important;
}

body.legal-page #mobileMenu {
    background: #ffffff !important;
    border-top: 1px solid #dbe5f1 !important;
    box-shadow: 0 20px 60px -25px rgba(15, 23, 42, 0.2) !important;
}

body.legal-page header a,
body.legal-page header button,
body.legal-page #mobileMenu a,
body.legal-page #mobileMenu button {
    color: #334155 !important;
}

body.legal-page header a:hover,
body.legal-page header button:hover,
body.legal-page #mobileMenu a:hover,
body.legal-page #mobileMenu button:hover {
    color: #2563eb !important;
}

body.legal-page header .text-white,
body.legal-page header .text-gray-400,
body.legal-page header .text-gray-500,
body.legal-page #mobileMenu .text-white,
body.legal-page #mobileMenu .text-gray-400,
body.legal-page #mobileMenu .text-gray-500 {
    color: #334155 !important;
}

body.legal-page header [class*="border-white/"],
body.legal-page #mobileMenu [class*="border-white/"] {
    border-color: #dbe5f1 !important;
}

body.legal-page header .bg-white\/10,
body.legal-page #mobileMenu .bg-white\/10 {
    background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
    border-color: #2563eb !important;
    color: #ffffff !important;
    box-shadow: 0 16px 32px -18px rgba(37, 99, 235, 0.55) !important;
}

body.legal-page header .bg-white\/10 *,
body.legal-page #mobileMenu .bg-white\/10 * {
    color: #ffffff !important;
}

body.legal-page main {
    position: relative;
}

body.legal-page main::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 15% 10%, rgba(191, 219, 254, 0.25), transparent 28%),
        radial-gradient(circle at 85% 12%, rgba(224, 242, 254, 0.3), transparent 22%);
    pointer-events: none;
}

body.legal-page main > .container {
    position: relative;
    z-index: 1;
}

body.legal-page main .max-w-4xl {
    position: relative;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid #e2e8f0;
    border-radius: 32px;
    padding: clamp(1.5rem, 3vw, 3rem);
    box-shadow: 0 40px 90px -55px rgba(15, 23, 42, 0.35);
    overflow: hidden;
}

body.legal-page main .max-w-4xl::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 6px;
    background: linear-gradient(90deg, #2563eb, #60a5fa, #fbbf24);
}

body.legal-page main .border-white\/10 {
    border-color: #e2e8f0 !important;
}

body.legal-page main .text-white {
    color: #0f172a !important;
}

body.legal-page main .text-gray-300,
body.legal-page main .text-gray-400,
body.legal-page main .text-gray-500,
body.legal-page main .text-gray-600 {
    color: #475569 !important;
}

body.legal-page main .text-brand-accent {
    color: #2563eb !important;
}

body.legal-page main .bg-white\/5 {
    background: #f8fafc !important;
    border: 1px solid rgba(147, 197, 253, 0.35) !important;
    box-shadow: 0 20px 50px -36px rgba(37, 99, 235, 0.3) !important;
}

body.legal-page main .bg-brand-accent\/5 {
    background: rgba(37, 99, 235, 0.08) !important;
}

body.legal-page main .border-brand-accent\/20 {
    border-color: rgba(37, 99, 235, 0.18) !important;
}

body.legal-page main .bg-brand-accent,
body.legal-page main a.bg-brand-accent {
    background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
    border-color: #2563eb !important;
    color: #ffffff !important;
    box-shadow: 0 16px 32px -18px rgba(37, 99, 235, 0.55) !important;
}

body.legal-page main a.bg-brand-accent:hover {
    background: linear-gradient(135deg, #1d4ed8, #1e40af) !important;
    color: #ffffff !important;
}

body.legal-page main .bg-brand-accent.text-black,
body.legal-page main .bg-brand-accent .text-black {
    color: #ffffff !important;
}

body.legal-page main strong {
    color: #0f172a;
}

body.legal-page footer {
    background: #0f172a !important;
    color: #ffffff !important;
    border-top: 0 !important;
}

body.legal-page footer .border-white\/10,
body.legal-page footer .border-white\/5 {
    border-color: rgba(148, 163, 184, 0.2) !important;
}

body.legal-page footer .text-white {
    color: #ffffff !important;
}

body.legal-page footer .text-gray-300 {
    color: #cbd5e1 !important;
}

body.legal-page footer .text-gray-400,
body.legal-page footer .text-gray-500,
body.legal-page footer .text-gray-600 {
    color: #94a3b8 !important;
}

body.legal-page footer .text-brand-accent {
    color: #93c5fd !important;
}

body.legal-page footer a:hover {
    color: #ffffff !important;
}

@media (max-width: 767px) {
    body.legal-page main .max-w-4xl {
        border-radius: 24px;
        padding: 1.5rem;
    }
}
