/* ===== CONTENT PAGES (Terms, Privacy, etc.) ===== */

.content-card {
    max-width: 700px;
    background: var(--color-surface-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: var(--card-padding);
    box-shadow: var(--shadow-card);
    color: var(--text-secondary);
    font-size: var(--text-base);
    line-height: 1.6;
}

.content-card h2 {
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin-top: var(--space-6);
    margin-bottom: var(--space-2);
}
.content-card h2:first-child {
    margin-top: 0;
}

.content-card p {
    color: var(--text-secondary);
    margin-bottom: var(--space-3);
}

.content-card ul {
    margin: var(--space-3) 0;
    padding-left: var(--space-5);
}
.content-card li {
    margin-bottom: var(--space-2);
    color: var(--text-secondary);
}
.content-card strong {
    color: var(--text-primary);
}
.content-card a {
    color: var(--color-blue-400);
    text-decoration: none;
}
.content-card a:hover {
    text-decoration: underline;
}

/* Success / Cancel page cards */
.status-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 56px);
    padding: var(--space-10) var(--space-4);
}

.status-card {
    text-align: center;
    background: var(--color-surface-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: var(--space-8);
    max-width: 480px;
    width: 100%;
    box-shadow: var(--shadow-card);
}

.status-icon {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto var(--space-6);
    font-size: 36px;
}
.status-icon-success {
    background: var(--color-success-light);
    border: 2px solid var(--color-success);
}
.status-icon-error {
    background: var(--color-danger-light);
    border: 2px solid var(--color-danger);
}
.status-icon-warning {
    background: var(--color-warning-light);
    border: 2px solid var(--color-warning);
}

.status-card h1 {
    font-size: var(--text-xl);
    font-weight: var(--font-bold);
    color: var(--text-primary);
    margin-bottom: var(--space-2);
}
.status-card p {
    font-size: var(--text-base);
    color: var(--text-muted);
    margin-bottom: var(--space-6);
}

/* Eligibility page rules */
.rule-card {
    background: var(--color-surface-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: var(--space-4) var(--space-5);
    margin-top: var(--space-4);
}
.rule-card h3 {
    font-size: var(--text-md);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin-bottom: var(--space-2);
}
.rule-card p {
    color: var(--text-secondary);
    font-size: var(--text-base);
    line-height: 1.6;
}