:root {
    --bs-primary: #60b339;
    --bs-primary-rgb: 96, 179, 57;
    --bs-body-font-family: 'Segoe UI', Roboto, Arial, sans-serif;
}
body {
    padding-top: 72px;
    color: #1f2937;
    background: #ffffff;
}
.navbar {
    top: 0;
    z-index: 1100;
}
.hero-section {
    min-height: 82vh;
    background: linear-gradient(135deg, rgba(96, 179, 57, 0.98), rgba(24, 53, 25, 0.9));
}
.hero-section {
    min-height: 82vh;
    background: linear-gradient(135deg, rgba(96, 179, 57, 0.98), rgba(24, 53, 25, 0.9));
}
.hero-card {
    border: 0;
    border-radius: 1.5rem;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.12);
}
.section-title {
    color: var(--bs-primary);
}
.card-hover {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.card-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 30px rgba(0, 0, 0, 0.12);
}
.badge-soft {
    background: rgba(96, 179, 57, 0.12);
    color: var(--bs-primary);
}