.page-header {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            padding: 4rem 0;
            color: white;
            text-align: center;
        }
        
        .page-header h1 {
            font-size: 3rem;
            margin: 0 0 0.5rem 0;
            font-weight: 700;
        }
        
        .page-header p {
            font-size: 1.1rem;
            opacity: 0.95;
            margin: 0;
        }

        .content-section {
            padding: 4rem 0;
            background: #f8f9fa;
        }

        .terms-container {
            max-width: 900px;
            margin: 0 auto;
            background: white;
            padding: 3rem;
            border-radius: 15px;
            box-shadow: 0 5px 30px rgba(0,0,0,0.08);
        }

        .terms-update {
            background: linear-gradient(135deg, #667eea15 0%, #764ba215 100%);
            padding: 1.5rem;
            border-radius: 12px;
            margin-bottom: 3rem;
            border-left: 4px solid #667eea;
            line-height: 1.7;
        }

        .terms-update strong {
            color: #667eea;
            display: block;
            margin-bottom: 0.5rem;
            font-size: 1.1rem;
        }

        .toc {
            background: #f8f9fa;
            padding: 2rem;
            border-radius: 12px;
            margin-bottom: 3rem;
            border: 2px solid #e9ecef;
        }

        .toc h3 {
            color: #2c3e50;
            font-size: 1.5rem;
            margin: 0 0 1.5rem 0;
            padding-bottom: 1rem;
            border-bottom: 2px solid #667eea;
        }

        .toc ul {
            list-style: none;
            padding: 0;
            margin: 0;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 0.8rem;
        }

        .toc ul li {
            margin: 0;
        }

        .toc a {
            color: #555;
            text-decoration: none;
            transition: all 0.3s;
            display: block;
            padding: 0.5rem;
            border-radius: 6px;
            font-weight: 500;
        }

        .toc a:hover {
            color: #667eea;
            background: white;
            padding-left: 1rem;
        }

        .terms-section {
            margin-bottom: 3rem;
            padding-bottom: 2rem;
            border-bottom: 1px solid #e9ecef;
        }

        .terms-section:last-of-type {
            border-bottom: none;
        }

        .terms-section h2 {
            color: #2c3e50;
            font-size: 2rem;
            margin: 0 0 1.5rem 0;
            padding-top: 1rem;
        }

        .terms-section h3 {
            color: #667eea;
            font-size: 1.4rem;
            margin: 2rem 0 1rem 0;
        }

        .terms-section p {
            color: #555;
            line-height: 1.8;
            margin-bottom: 1rem;
        }

        .terms-section ul {
            margin: 1rem 0 1.5rem 2rem;
            line-height: 1.8;
        }

        .terms-section ul li {
            color: #555;
            margin-bottom: 0.8rem;
            position: relative;
            padding-left: 0.5rem;
        }

        .terms-section ul li::marker {
            color: #667eea;
        }

        .highlight-box {
            background: linear-gradient(135deg, #fff9e6 0%, #fff3d6 100%);
            padding: 1.5rem;
            border-radius: 12px;
            border-left: 4px solid #ffc107;
            margin: 2rem 0;
        }

        .highlight-box strong {
            color: #d68910;
            display: block;
            margin-bottom: 0.5rem;
            font-size: 1.05rem;
        }

        .terms-section a {
            color: #667eea;
            text-decoration: none;
            transition: color 0.3s;
        }

        .terms-section a:hover {
            color: #764ba2;
            text-decoration: underline;
        }

        /* Smooth scroll behavior */
        html {
            scroll-behavior: smooth;
            scroll-padding-top: 100px;
        }

        /* Target section highlight */
        .terms-section:target {
            animation: highlight 2s ease-in-out;
        }

        @keyframes highlight {
            0%, 100% { background: transparent; }
            50% { background: #667eea15; }
        }

        /* Responsive design */
        @media (max-width: 768px) {
            .terms-container {
                padding: 2rem 1.5rem;
            }

            .page-header h1 {
                font-size: 2rem;
            }

            .toc ul {
                grid-template-columns: 1fr;
            }

            .terms-section h2 {
                font-size: 1.6rem;
            }
        }

        .legal-page {
            --legal-ink: #16233F;
            --legal-ink-soft: #445070;
            --legal-paper: #F6F4EC;
            --legal-paper-line: #E4DFCF;
            --legal-line: #E7E2D3;
            --legal-marker: #FFC93C;
            --legal-marker-ink: #4A3300;
            --legal-teal: #1F8A70;
            background: var(--legal-paper);
            color: var(--legal-ink);
            font-family: 'Inter', sans-serif;
            overflow-x: hidden;
        }
        .legal-page .page-header { padding: 64px 32px 56px; background-color: var(--legal-ink); background-image: repeating-linear-gradient(to bottom, transparent, transparent 35px, rgba(255,255,255,.07) 36px); text-align: left; }
        .legal-page .page-header .container { max-width: 1240px; padding: 0; }
        .legal-page .page-header h1 { color: #fff; font-family: 'Space Grotesk', sans-serif; font-size: clamp(40px, 6vw, 64px); line-height: 1.02; letter-spacing: -.03em; }
        .legal-page .page-header h1::after { content: ''; display: block; width: 110px; height: 8px; margin-top: 20px; background: var(--legal-marker); transform: rotate(-2deg); }
        .legal-page .page-header p { margin-top: 22px; color: #C7CEE0; font-size: 15px; }
        .legal-page .content-section { padding: 56px 0 72px; background-color: var(--legal-paper); background-image: repeating-linear-gradient(to bottom, transparent, transparent 35px, var(--legal-paper-line) 36px); }
        .legal-page .content-section > .container { max-width: 1000px; }
        .legal-page .terms-container { max-width: 900px; padding: 32px 36px; border: 1px solid var(--legal-line); border-radius: 14px; background: #fff; box-shadow: 0 1px 2px rgba(22,35,63,.06), 0 8px 24px -12px rgba(22,35,63,.18); }
        .legal-page .terms-update { padding: 18px 20px; margin-bottom: 28px; border: 1px solid #F0D889; border-left: 4px solid var(--legal-marker); border-radius: 8px; background: #FFF8DF; color: var(--legal-ink-soft); font-size: 14px; }
        .legal-page .terms-update strong { color: var(--legal-marker-ink); font-size: 15px; }
        .legal-page .toc { padding: 20px; margin-bottom: 34px; border: 1px solid var(--legal-line); border-radius: 10px; background: var(--legal-paper); }
        .legal-page .toc h3 { color: var(--legal-ink); font-family: 'Space Grotesk', sans-serif; font-size: 18px; border-bottom: 2px solid var(--legal-marker); }
        .legal-page .toc a { color: var(--legal-ink-soft); font-size: 13px; }
        .legal-page .toc a:hover { color: var(--legal-ink); background: #fff; }
        .legal-page .terms-section { margin-bottom: 30px; padding-bottom: 24px; border-bottom: 1px solid var(--legal-line); }
        .legal-page .terms-section h2 { color: var(--legal-ink); font-family: 'Space Grotesk', sans-serif; font-size: 24px; }
        .legal-page .terms-section h3 { color: var(--legal-ink); font-family: 'Space Grotesk', sans-serif; font-size: 17px; }
        .legal-page .terms-section p, .legal-page .terms-section ul li { color: var(--legal-ink-soft); font-size: 14px; line-height: 1.8; }
        .legal-page .terms-section ul li::marker { color: var(--legal-teal); }
        .legal-page .terms-section a { color: var(--legal-ink); text-decoration: underline; text-decoration-color: var(--legal-marker); text-decoration-thickness: 2px; }
        .legal-page .highlight-box { padding: 18px 20px; border: 1px solid #F0D889; border-left: 4px solid var(--legal-marker); border-radius: 8px; background: #FFF8DF; color: var(--legal-marker-ink); }
        .legal-page .highlight-box strong { color: var(--legal-marker-ink); }
        .legal-page .terms-section:target { animation: legal-highlight 2s ease-in-out; }
        @keyframes legal-highlight { 0%,100% { background: transparent; } 50% { background: rgba(255,201,60,.16); } }
        @media (max-width: 768px) {
            .legal-page .page-header { padding: 52px 20px 44px; }
            .legal-page .content-section { padding: 40px 0 56px; }
            .legal-page .content-section > .container { padding: 0 20px; }
            .legal-page .terms-container { padding: 22px 18px; }
            .legal-page .terms-section h2 { font-size: 21px; }
        }

.ng-inline-style-1 {
  margin-top: 3rem !important;
}

body.legal-page,
body.legal-page * {
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.legal-page {
    --legal-ink: #092d68;
    --legal-soft: #34547d;
    --legal-paper: #f4f9ff;
    --legal-line: #dce8f8;
    --legal-teal: #0866f5;
    --legal-yellow: #0866f5;
    --legal-marker-ink: #092d68;
    background: var(--legal-paper);
    color: var(--legal-ink);
}

.legal-page .page-header {
    background: #f4f9ff;
    background-image: radial-gradient(circle at 80% 25%, rgba(8, 102, 245, .16) 0 5px, transparent 6px), radial-gradient(circle at 88% 70%, rgba(8, 102, 245, .1) 0 4px, transparent 5px);
    color: var(--legal-ink);
    overflow: hidden;
    padding: 54px 28px 50px;
    position: relative;
    text-align: left;
}

.legal-page .page-header::before {
    border: 1px dashed rgba(8, 102, 245, .3);
    border-radius: 50%;
    content: "";
    height: 460px;
    position: absolute;
    right: -100px;
    top: -240px;
    width: 460px;
}

.legal-page .page-header .container {
    align-items: center;
    display: grid;
    gap: 40px;
    grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr);
    max-width: 1180px;
    padding: 0;
    position: relative;
    z-index: 1;
}

.terms-eyebrow,
.terms-sidebar-label {
    color: var(--legal-teal);
    display: inline-block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.legal-page .page-header h1 {
    color: var(--legal-ink);
    font-family: 'Space Grotesk', sans-serif;
    font-size: clamp(42px, 6vw, 70px);
    letter-spacing: -.065em;
    line-height: .98;
    margin: 16px 0;
}

.legal-page .page-header h1::after { content: none; }
.legal-page .page-header h1 span { color: var(--legal-teal); }
.legal-page .page-header p { color: var(--legal-soft); font-size: 16px; line-height: 1.7; margin: 0; max-width: 500px; }
.terms-last-updated { align-items: center; color: #69748a; display: flex; font-size: 12px; font-weight: 600; gap: 9px; margin-top: 22px; }
.terms-last-updated span { background: var(--legal-yellow); border: 3px solid #fff; border-radius: 50%; box-shadow: 0 0 0 1px #0866f5; height: 11px; width: 11px; }
.terms-hero-art { align-items: center; background: #eaf3ff; border: 1px solid rgba(8, 102, 245, .12); border-radius: 38% 62% 52% 48% / 45% 40% 60% 55%; display: flex; justify-content: center; min-height: 290px; position: relative; transform: rotate(2deg); }
.terms-hero-art img { height: 235px; object-fit: contain; transform: rotate(-2deg); width: 235px; }
.terms-art-spark { color: #0866f5; font-size: 28px; position: absolute; }
.terms-art-spark-one { left: 15%; top: 17%; }
.terms-art-spark-two { right: 16%; top: 28%; }
.terms-art-caption { background: var(--legal-yellow); border: 2px solid #fff; border-radius: 999px; bottom: 18px; color: #fff; font-family: 'Caveat', cursive; font-size: 19px; font-weight: 700; padding: 6px 15px; position: absolute; right: 8px; transform: rotate(-5deg); }

.legal-page .content-section { background: var(--legal-paper); background-image: radial-gradient(#dce8f8 1px, transparent 1px); background-size: 18px 18px; padding: 48px 0 80px; }
.legal-page .content-section > .container { max-width: 1180px; }
.terms-layout { align-items: start; display: grid; gap: 26px; grid-template-columns: 265px minmax(0, 1fr); }
.terms-sidebar { position: sticky; top: 24px; }
.legal-page .terms-sidebar .toc { background: #fff; border: 1px solid var(--legal-line); border-radius: 16px; box-shadow: 0 8px 24px rgba(22, 35, 63, .05); margin: 0; padding: 22px 18px; }
.legal-page .terms-sidebar .toc h3 { border: 0; font-size: 20px; margin: 8px 0 14px; padding: 0; }
.legal-page .terms-sidebar .toc ul { display: grid; gap: 2px; grid-template-columns: 1fr; }
.legal-page .terms-sidebar .toc a { border-radius: 7px; font-size: 12px; line-height: 1.35; padding: 8px 9px; }
.legal-page .terms-sidebar .toc a:hover { background: #eaf3ff; color: var(--legal-teal); padding-left: 12px; }
.terms-sidebar-doodle { align-items: center; background: #eaf3ff; border: 1px solid #c8dcf6; border-radius: 16px; display: flex; gap: 12px; margin-top: 14px; padding: 13px; }
.terms-sidebar-doodle svg { flex: 0 0 56px; height: 48px; width: 56px; }
.terms-sidebar-doodle svg path { fill: none; stroke: var(--legal-teal); stroke-linecap: round; stroke-linejoin: round; stroke-width: 3; }
.terms-sidebar-doodle svg .terms-doodle-spark { stroke: #0866f5; stroke-width: 2; }
.terms-sidebar-doodle p { color: var(--legal-ink); font-family: 'Caveat', cursive; font-size: 17px; font-weight: 700; line-height: 1.15; margin: 0; }
.legal-page .terms-container { max-width: none; padding: 34px clamp(22px, 4vw, 52px); border: 1px solid var(--legal-line); border-radius: 18px; box-shadow: 0 8px 30px rgba(22, 35, 63, .06); }
.legal-page .terms-update { background: #f4f9ff; border: 1px solid #c8dcf6; border-left: 4px solid var(--legal-yellow); border-radius: 10px; margin-bottom: 30px; }
.legal-page .terms-section { scroll-margin-top: 24px; }
.legal-page .terms-section h2 { align-items: baseline; display: flex; gap: 10px; }
.legal-page .terms-section h2::before { background: var(--legal-yellow); border-radius: 4px; content: ""; display: inline-block; flex: 0 0 9px; height: 9px; }
.legal-page .terms-section h3 { color: var(--legal-teal); }
.legal-page .highlight-box.ng-inline-style-1 { margin-top: 32px !important; }

@media (max-width: 850px) {
    .legal-page .page-header { padding: 44px 22px; }
    .legal-page .page-header .container { gap: 20px; grid-template-columns: minmax(0, 1fr) minmax(210px, .75fr); }
    .terms-hero-art { min-height: 230px; }
    .terms-hero-art img { height: 180px; width: 180px; }
    .terms-layout { gap: 16px; grid-template-columns: 220px minmax(0, 1fr); }
}

@media (max-width: 650px) {
    .legal-page .page-header { padding: 38px 20px 32px; }
    .legal-page .page-header .container { grid-template-columns: 1fr; }
    .legal-page .page-header h1 { font-size: clamp(42px, 12vw, 58px); }
    .terms-hero-art { border-radius: 26px; min-height: 190px; }
    .terms-hero-art img { height: 165px; width: 165px; }
    .terms-art-caption { bottom: 9px; right: 10px; }
    .legal-page .content-section { padding: 26px 0 48px; }
    .legal-page .content-section > .container { padding: 0 14px; }
    .terms-layout { grid-template-columns: 1fr; }
    .terms-sidebar { position: static; }
    .legal-page .terms-sidebar .toc { padding: 16px; }
    .legal-page .terms-sidebar .toc ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .terms-sidebar-doodle { display: none; }
    .legal-page .terms-container { padding: 22px 18px; }
}