* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --Brand-Primary: #4caf4f;
    --Brand-Primary-hover: #3d8c40;
    --Text-Gray-900: #18191f;
    --Text-Gray-700: #393a3f;
    --Neutral-Silver: #f5f7fa;
    --Neutral-Dark: #263238;
}

body {
    font-family: 'Inter', sans-serif;
    color: var(--Text-Gray-900);
}

.btn-primary { 
    background-color: var(--Brand-Primary) !important; 
    border: none !important; 
}
.btn-primary:hover { 
    background-color: var(--Brand-Primary-hover) !important; 
}
.btn-secondary { 
    background-color: transparent !important; border: 1px solid var(--Brand-Primary) !important; 
    color: var(--Brand-Primary) !important; 
}
.bg-silver { 
    background-color: var(--Neutral-Silver); 
}
.text-primary { 
    color: var(--Brand-Primary) !important; 
}

.main-header { 
    padding: 15px 0; 
    background-color: var(--Neutral-Silver); 
}
.nav-link { 
    color: var(--Text-Gray-700) !important; 
    font-weight: 500; 
}
.nav-link.active { 
    color: var(--Brand-Primary) !important; 
}

.hero { 
    min-height: 80vh; 
    background-color: var(--Neutral-Silver); 
}
.hero h1 { 
    font-size: 64px; 
    font-weight: 700; 
}
.hero h1 span { 
    color: var(--Brand-Primary); 
}

.feature-card { 
    border-radius: 8px; 
    background: #fff; 
    transition: 0.3s; 
}
.feature-card:hover { 
    transform: translateY(-5px); 
    border-bottom: 3px solid var(--Brand-Primary); }
.icon-box img { 
    width: 50px; 
}

.blog-item { 
    margin-bottom: 90px; 
}
.blog-item img { 
    width: 100%; 
    height: 280px; 
    object-fit: cover; 
    border-radius: 8px; 
}
.blog-content { 
    margin-top: -65px; 
    position: relative; 
    z-index: 2; 
    min-height: 160px;  
    transition: 0.3s; 
}
.blog-item:hover .blog-content { 
    transform: translateY(-5px); 
}

.footer { 
    background-color: var(--Neutral-Dark) !important; 
}
.social-icons a { 
    width: 32px; 
    height: 32px; 
    background: rgba(255, 255, 255, 0.1); 
    display: inline-flex; 
    text-decoration: none;
    align-items: center; 
    justify-content: center; 
    border-radius: 50%; 
    color: white; 
}