/* ============================================================
   ClickSambo — Partner Agreement (terms) page
   Brand palette: navy #1d2840 / #1a1f4d, red #f02b42, cream #fff1e9
   ============================================================ */

.ppPage { --pp-navy:#1d2840; --pp-navy-2:#11182b; --pp-red:#f02b42; --pp-ink:#1a1f4d; --pp-muted:#5a6b8c; --pp-line:#e5e8ef; --pp-cream:#fff1e9; }
.ppPage .container { max-width:1200px; margin:0 auto; padding-inline:20px; }

.ppHeroBadge { display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:#ffd7dd; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); padding:8px 16px; border-radius:100px; margin-bottom:24px; }
.ppHeroBadge::before { content:""; width:8px; height:8px; border-radius:50%; background:var(--pp-red); box-shadow:0 0 0 4px rgba(240,43,66,.25); }

/* ---------------- PARTNER AGREEMENT (TERMS) PAGE ---------------- */
.ppTermsHero { position:relative; color:#fff; text-align:center; padding:72px 0 56px; overflow:hidden;
    background-color:#0c1326; background-image:linear-gradient(135deg, #1b2741 0%, #0a1020 100%); }
.ppTermsHero::before { content:""; position:absolute; inset:0; pointer-events:none;
    background:radial-gradient(60% 100% at 80% 0%, rgba(240,43,66,.25) 0%, transparent 60%); }
.ppTermsHero .container { position:relative; }
.ppTermsHero h1 { font-size:40px; font-weight:800; letter-spacing:-.5px; margin:16px 0 14px; }
.ppTermsHero p { font-size:17px; color:#c7cfe0; max-width:680px; margin:0 auto; line-height:1.6; }
.ppTermsBody { background:#fff; padding:64px 0 96px; }
.ppTerms { max-width:820px; margin:0 auto; }
.ppTermsMeta { font-size:13px; color:var(--pp-muted); margin:0 0 26px; }
.ppTerms h2 { font-size:22px; font-weight:800; color:var(--pp-ink); margin:34px 0 12px; }
.ppTerms p { font-size:16px; line-height:1.75; color:#3f4a63; margin:0 0 14px; }
.ppTerms ul { margin:0 0 14px; padding-left:22px; }
.ppTerms li { font-size:16px; line-height:1.85; color:#3f4a63; }
.ppTerms strong { color:var(--pp-ink); }
.ppTerms a { color:var(--pp-red); font-weight:600; text-decoration:underline; }
.ppTerms a:hover { color:#d81f37; }
.ppTermsSig { margin-top:36px; padding:20px 22px; background:#f7f9fc; border:1px solid var(--pp-line); border-radius:12px; font-size:15px; line-height:1.7; color:var(--pp-ink); }
.ppTermsBack { margin-top:28px; padding-top:22px; border-top:1px solid var(--pp-line); }
.ppTermsBack a { font-size:15px; }

@media (max-width:768px){
    .ppTermsHero h1{ font-size:28px; }
    .ppTermsBody{ padding:48px 0 64px; }
}