/* === CUSTOM STYLES === */

/* Hero background */
.hero-section {
    background: linear-gradient(135deg, #FDFBF7 0%, #F2F7F2 50%, #DCF4E9 100%);
    position: relative;
    overflow: hidden;
}

.hero-pattern {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle at 20% 30%, rgba(5, 150, 105, 0.05) 0%, transparent 50%),
                      radial-gradient(circle at 80% 70%, rgba(16, 185, 129, 0.06) 0%, transparent 50%);
    pointer-events: none;
}

/* Navbar scroll */
.nav-scrolled {
    position: sticky;
    top: 0;
    z-index: 50;
    background: rgba(253, 251, 247, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(5, 150, 105, 0.1);
}

/* Card hover */
.card-hover {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(5, 150, 105, 0.12);
}

/* Smooth scroll */
html {
    scroll-behavior: smooth;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .card-hover { transition: none; }
    .card-hover:hover { transform: none; }
}

/* Selection */
::selection {
    background: rgba(5, 150, 105, 0.15);
    color: #064E3B;
}