/* ===== DARK SECTION (Earn & Redeem — DigitalOcean dark panel) ===== */

.earn-redeem-section {
    background: var(--color-gray-800);
    color: var(--text-on-dark);
    border-top: none;
}
.earn-redeem-section .section-tag {
    color: var(--color-gray-400);
}
.earn-redeem-section .section-title {
    color: var(--text-on-dark);
}
.earn-redeem-section .section-desc {
    color: rgba(255,255,255,0.55);
}
.earn-redeem-section .section-desc strong {
    color: var(--text-on-dark);
}

.earn-redeem-section .features-grid {
    border-color: rgba(255,255,255,0.1);
    background: transparent;
    grid-template-columns: repeat(3, 1fr);
}

.earn-redeem-section .feature-card {
    background: rgba(255,255,255,0.04);
    border-right-color: rgba(255,255,255,0.08);
}
.earn-redeem-section .feature-card:nth-child(n+5) {
    border-top-color: rgba(255,255,255,0.08);
}
.earn-redeem-section .feature-card:hover {
    background: rgba(255,255,255,0.07);
}
.earn-redeem-section .feature-card h3 {
    color: var(--text-on-dark);
}
.earn-redeem-section .feature-card p,
.earn-redeem-section .feature-card li {
    color: rgba(255,255,255,0.55);
}
.earn-redeem-section .feature-icon svg {
    stroke: var(--color-blue-200);
}

/* Dark section package cards */
.earn-redeem-section .package-card {
    background: rgba(255,255,255,0.04);
    border-color: rgba(255,255,255,0.1);
    box-shadow: none;
}
.earn-redeem-section .package-card:hover {
    background: rgba(255,255,255,0.07);
    border-color: rgba(255,255,255,0.15);
    box-shadow: none;
}
.earn-redeem-section .package-card.popular {
    border-color: var(--color-blue-400);
}
.earn-redeem-section .package-badge {
    color: var(--color-gray-400);
}
.earn-redeem-section .package-price {
    color: var(--text-on-dark);
}
.earn-redeem-section .package-mc {
    color: rgba(255,255,255,0.55);
}
.earn-redeem-section .package-mc span {
    color: rgba(255,255,255,0.35);
}
.earn-redeem-section .package-rate {
    color: rgba(255,255,255,0.35);
}
.earn-redeem-section .btn-package {
    background: var(--color-gray-0);
    color: var(--color-gray-700);
    border-color: var(--color-gray-0);
}
.earn-redeem-section .btn-package:hover {
    background: var(--color-gray-50);
    border-color: var(--color-gray-50);
}