/* Critical CSS for above-the-fold content - EAMT 2026 */

.navbar { 
    position: fixed; 
    top: 0; 
    width: 100%; 
    z-index: 1000; 
}

.hero-section { 
    padding-top: 120px; 
    min-height: 100vh; 
}

.section-title { 
    font-size: 2.5rem; 
    font-weight: 700; 
    margin-bottom: 1.5rem; 
}

.lead { 
    font-size: 1.25rem; 
    line-height: 1.6; 
}

.btn { 
    display: inline-block; 
    padding: 0.75rem 1.5rem; 
    border-radius: 0.5rem; 
    text-decoration: none; 
    transition: all 0.3s ease; 
}

.btn-primary { 
    background: #2c3e50; 
    color: white; 
    border: 2px solid #8B7355; 
}

.btn-primary:hover { 
    transform: translateY(-2px); 
    box-shadow: 0 10px 25px rgba(0,0,0,0.2); 
}