/**
 * Critical CSS for Above-the-Fold Content
 * External CSS file for critical styles
 * Extracted from inline styles for enterprise-grade security
 */

/* Critical CSS inlined for performance */
.hero-section { 
    min-height: 70vh; 
    background: linear-gradient(135deg, #1a1d29 0%, #2d1b69 100%); 
}

.btn-primary { 
    background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%); 
    border: none; 
}

.card { 
    background: #1a1d29; 
    border: 1px solid #374151; 
    border-radius: 12px; 
}

/* Prevent FOUC */
.lazyload { 
    opacity: 0; 
}

.lazyloaded { 
    opacity: 1; 
    transition: opacity 0.3s; 
}