.hero-gradient {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
}
.dark .hero-gradient {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
}

.btn-primary {
    background-color: #39A900;
    color: white;
    font-weight: 600;
    padding: 1rem 2rem;
    border-radius: 0.75rem;
    box-shadow: 0 4px 24px 0 rgba(57, 169, 0, 0.3);
    transition: all 0.3s ease;
    transform: scale(1);
}
.btn-primary:hover {
    background-color: #2d8000;
    box-shadow: 0 8px 32px 0 rgba(57, 169, 0, 0.4);
    transform: scale(1.05);
}
.btn-primary:active {
    transform: scale(0.95);
}


.feature-card {
    background: white;
    border-radius: 1rem;
    padding: 1.5rem;
    box-shadow: 0 4px 24px 0 rgba(0,0,0,0.08);
    border: 1px solid #f1f5f9;
    transition: all 0.3s ease;
}
.feature-card:hover {
    box-shadow: 0 8px 32px 0 rgba(0,0,0,0.12);
    transform: translateY(-4px);
}
.dark .feature-card {
    background: #1f2937;
    border-color: #374151;
}

.logo-container {
    background: white;
    border-radius: 1rem;
    padding: 2rem;
    box-shadow: 0 4px 24px 0 rgba(0,0,0,0.08);
    border: 1px solid #f1f5f9;
}
.dark .logo-container {
    background: #1f2937;
    border-color: #374151;
}