:root {
    --primary: #3B82F6; --primary-dark: #2563EB; --secondary: #FFA500; --dark: #1F2937; --light: #6B7280; --white: #FFFFFF;
}

/* Navbar */
.navbar { backdrop-filter: blur(8px); background: rgba(255, 255, 255, 0.15) !important; transition: all 0.3s ease; }
.navbar.scrolled { background: rgba(255, 255, 255, 0.95) !important; box-shadow: 0 2px 20px rgba(31, 41, 55, 0.15); }
.navbar.scrolled .nav-link, .navbar.scrolled .navbar-brand { color: var(--dark) !important; }
.navbar .nav-link, .navbar .navbar-brand { color: var(--white) !important; transition: color 0.3s ease; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
.navbar .nav-link:hover, .navbar .navbar-brand:hover { opacity: 0.9; }

/* Hero Section */
.hero-section {
    height: 100vh; background: linear-gradient(135deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://images.unsplash.com/photo-1488646953014-85cb44e25828?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');
    background-size: cover; background-position: center; background-attachment: fixed;
}

/* Cards & Images */
.card { transition: transform 0.3s ease, box-shadow 0.3s ease; }
.card:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(31, 41, 55, 0.15) !important; }
.img-hover-zoom img { transition: transform 0.3s ease; }
.img-hover-zoom:hover img { transform: scale(1.1); }

/* Service Icons */
.service-icon {
    background: linear-gradient(135deg, var(--primary), var(--primary-dark)); width: 80px; height: 80px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center; margin: 0 auto 2rem; transition: transform 0.3s ease;
}
.service-icon:hover { transform: scale(1.1); }

/* Newsletter & Footer */
.newsletter-section { background: linear-gradient(135deg, var(--primary), var(--primary-dark)); }
.footer { background: var(--dark); }
.social-icon {
    width: 40px; height: 40px; background: var(--primary); border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center; transition: all 0.3s ease;
}
.social-icon:hover { background: var(--primary-dark); transform: translateY(-2px); }

/* Utility Classes */
.text-gradient { 
    background: linear-gradient(135deg, var(--primary), var(--primary-dark)); 
    -webkit-background-clip: text; 
    background-clip: text;
    -webkit-text-fill-color: transparent; 
}
.shadow-custom { box-shadow: 0 10px 30px rgba(31, 41, 55, 0.1); }
.hover-lift { transition: transform 0.3s ease; }
.hover-lift:hover { transform: translateY(-5px); }

/* Responsive */
@media (max-width: 768px) { .hero-title { font-size: 2.5rem; } .service-card { padding: 1.5rem; } }
@media (max-width: 576px) { .hero-title { font-size: 2rem; } .card-body { padding: 1.5rem; } }