:root { --primary: #007bff; --dark: #000; --light: #f8f9fa; }
    body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; margin: 0; line-height: 1.6; color: #333; }
    .container-fluid { max-width: 1200px; margin: auto; padding: 0 15px; }
    .row { display: flex; flex-wrap: wrap; }
    .no-gutters { margin-left: 0; margin-right: 0; }
    .col-lg-12 { width: 100%; }
    .col-lg-6 { width: 50%; }
    img { max-width: 100%; height: auto; display: block; }
    
    header { padding: 20px 0; border-bottom: 2px solid #eee; }
    .logo img { max-height: 80px; }
    
    .nav-menu { display: flex; list-style: none; background: var(--dark); padding: 10px; margin: 20px 0; }
    .nav-menu a { color: white; text-decoration: none; padding: 10px 15px; display: block; }
    
    .hero-banner { margin-bottom: 20px; overflow: hidden; }
    .banner-img { width: 100%; height: 300px; object-fit: cover; border-radius: 4px; }
    
    .grid-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin-bottom: 30px; }
    .card { border: 1px solid #ddd; padding: 10px; text-align: center; }
    
    footer { background: #eee; padding: 40px 0; margin-top: 40px; }
    .footer-links { columns: 2; list-style: none; padding: 0; }
    .footer-links a { text-decoration: none; color: var(--primary); }
    
    @media (max-width: 768px) { .col-lg-6 { width: 100%; } }