/* ═══════════════════════════════════════
   Content pages — Support, Terms, Privacy
   Matches luxury fintech main site
   ═══════════════════════════════════════ */

.page {
    padding-top: 110px;
    padding-bottom: 80px;
    min-height: 80vh;
}

.page-content { max-width: 680px; }

.page-content h1 {
    font-size: clamp(2.2rem, 5vw, 3.2rem);
    font-weight: 800;
    margin-bottom: 6px;
    letter-spacing: -.01em;
}

.page-date {
    color: var(--w3);
    font-size: .82rem;
    font-weight: 300;
    margin-bottom: 48px;
    padding-bottom: 28px;
    border-bottom: 1px solid rgba(212,168,67,.06);
}

.page-content section { margin-bottom: 44px; }

.page-content h2 {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--g2);
    margin-bottom: 14px;
    position: relative;
    padding-right: 18px;
}
.page-content h2::before {
    content: '';
    position: absolute;
    right: 0; top: 3px; bottom: 3px;
    width: 3px; border-radius: 2px;
    background: linear-gradient(to bottom, var(--g1), var(--g4));
}

.page-content p {
    color: var(--w2);
    line-height: 1.9;
    margin-bottom: 12px;
    font-weight: 300;
}
.page-content p strong { color: var(--w); font-weight: 600; }

.page-content p a {
    color: var(--g1);
    text-decoration: none;
    border-bottom: 1px solid rgba(212,168,67,.25);
    padding-bottom: 1px;
    transition: color .25s, border-color .25s;
}
.page-content p a:hover { color: var(--g2); border-color: var(--g2); }

/* FAQ */
.faq {
    background: var(--card);
    border: 1px solid rgba(255,255,255,.03);
    border-radius: var(--r);
    padding: 24px 28px;
    margin-bottom: 12px;
    transition: border-color .35s, transform .35s var(--ease), box-shadow .35s;
}
.faq:hover {
    border-color: rgba(212,168,67,.1);
    transform: translateY(-3px);
    box-shadow: 0 12px 32px rgba(0,0,0,.25);
}
.faq h3 { font-size:1rem; font-weight:700; color:var(--w); margin-bottom:8px; }
.faq p { margin-bottom:0; font-size:.9rem; }

/* Contact */
.contact-btn {
    display: inline-flex; align-items:center; gap:8px;
    background: var(--card);
    border: 1px solid rgba(212,168,67,.12);
    color: var(--g2);
    padding: 14px 28px;
    border-radius: var(--r);
    text-decoration: none;
    font-weight: 600; font-size:.92rem;
    margin-top: 14px;
    transition: border-color .35s, transform .35s var(--ease), box-shadow .35s;
}
.contact-btn:hover {
    border-color: var(--g1);
    transform: translateY(-3px);
    box-shadow: 0 12px 32px rgba(212,168,67,.06);
}