/* Light Theme Hero Overrides */
.hero-modern {
    background: linear-gradient(135deg, #f8fafc 0%, #e0e7ff 50%, #f8fafc 100%) !important;
}

.hero-bg-animated .orb-1 {
    background: radial-gradient(circle, rgba(99, 102, 241, 0.08), transparent 70%) !important;
}

.hero-bg-animated .orb-2 {
    background: radial-gradient(circle, rgba(236, 72, 153, 0.06), transparent 70%) !important;
}

.hero-badge span {
    background: white !important;
    border: 1px solid rgba(99, 102, 241, 0.15) !important;
    color: #4f46e5 !important;
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.08) !important;
}

.hero-title {
    color: #0f172a !important;
}

.hero-subtitle {
    color: #475569 !important;
}

.hero-subtitle strong {
    color: #1e293b !important;
}

.btn-hero-secondary {
    background: white !important;
    border: 2px solid #e2e8f0 !important;
    color: #334155 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}

.btn-hero-secondary:hover {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
}

.hero-proof span {
    color: #64748b !important;
}

.hero-proof > div:nth-child(2) {
    background: rgba(0, 0, 0, 0.1) !important;
}

.dashboard-mockup {
    background: white !important;
    border: 1px solid rgba(99, 102, 241, 0.1) !important;
    box-shadow: 0 40px 100px rgba(99, 102, 241, 0.12) !important;
}

.dashboard-mockup > div:nth-child(2) {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

.dashboard-mockup > div:nth-child(2) > div:first-child span:first-child {
    color: #475569 !important;
}

#hero-particles div {
    background: rgba(99, 102, 241, 0.3) !important;
}