.terms-hero {
        padding: 70px 20px 50px;
        text-align: center;
        background: linear-gradient(135deg, rgba(99, 102, 241, 0.12), rgba(168, 85, 247, 0.12));
    }
    .terms-hero .container-narrow,
    .terms-section .container-narrow {
        width: min(860px, 100%);
        margin: 0 auto;
    }
    .terms-hero h1 {
        margin: 10px 0;
        font-size: clamp(2rem, 5vw, 3.25rem);
    }
    .terms-section {
        padding: 50px 20px 80px;
    }
    .terms-section .container-narrow > div {
        margin-bottom: 22px;
        padding: 26px;
        border: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
        border-radius: 16px;
        background: var(--card-bg, rgba(255, 255, 255, 0.03));
    }
    .terms-section h2 {
        margin-bottom: 12px;
        color: var(--text-primary, #fff);
    }
    .terms-section ul {
        margin: 14px 0 0 22px;
    }
    .terms-section li {
        margin-bottom: 10px;
    }
    .terms-section a {
        color: #6366f1;
    }