body { background-color: #0F0F0F; font-family: 'Inter', sans-serif; color: #F7F3EB; overflow-x: hidden; }
    h1, h2, h3, h4, .heading-font { font-family: 'Playfair Display', serif; font-weight: 500; letter-spacing: -0.02em; }
    .gold { color: #D4AF37; }
    .border-gold { border-color: #D4AF37; }
    .bg-gold { background-color: #D4AF37; }
    .bg-cream { background-color: #F7F3EB; }
    .text-charcoal { color: #0F0F0F; }
    .service-card { position: relative; overflow: hidden; border-radius: 0.5rem; }
    .service-card::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,0.8) 100%); transition: all 0.4s ease; pointer-events: none; z-index: 5; }
    .service-card:hover::after { background: rgba(212, 175, 55, 0.25); }
    .service-card img { transition: transform 1.2s cubic-bezier(0.2, 0.9, 0.3, 1); }
    .service-card:hover img { transform: scale(1.1); }
    .service-card .absolute.z-20 { background: linear-gradient(0deg, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.7) 70%, transparent 100%); border-top: 2px solid rgba(212, 175, 55, 0.3); }
    .service-card:hover .absolute.z-20 { border-top-color: #D4AF37; }
    .counter-number { font-family: 'Playfair Display', serif; font-weight: 600; font-size: 2rem; }
    @media (min-width:640px){ .counter-number{ font-size: 2.5rem; } }
    @media (min-width:768px){ .counter-number{ font-size: 3rem; } }
    .hero-overlay { background: rgba(0,0,0,0.35); }
    .whatsapp-float { position: fixed; bottom: 30px; right: 30px; background: #25D366; color: white; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 20px rgba(0,0,0,0.3); z-index: 50; transition: transform 0.2s; }
    .whatsapp-float:hover { transform: scale(1.1); background: #20b859; }
    .nav-link { position: relative; }
    .nav-link::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 2px; background-color: #D4AF37; transition: width 0.3s ease; }
    .nav-link:hover::after { width: 100%; }
    .nav-link:hover { color: #D4AF37; }
    .btn-glow:hover { box-shadow: 0 0 15px rgba(212, 175, 55, 0.6); }
    .lang-toggle { display: flex; gap: 0.5rem; margin-left: 2rem; }
    .lang-btn { background: transparent; border: 1px solid rgba(212,175,55,0.3); color: #F7F3EB; padding: 0.25rem 0.75rem; font-size: 0.8rem; border-radius: 2px; cursor: pointer; transition: 0.2s; text-transform: uppercase; }
    .lang-btn.active { background: #D4AF37; color: #0F0F0F; border-color: #D4AF37; }
    html { scroll-behavior: smooth; }
    .logo-container { display: flex; align-items: center; gap: 0.5rem; }
    .logo-img { height: 36px; width: auto; border-radius: 4px; border: 1px solid #D4AF37; padding: 2px; background: #0F0F0F; }
    @media (min-width:640px){ .logo-img{ height: 44px; } }
    .hero-logo-img { max-width: 140px; height: auto; margin-bottom: 1rem; border-radius: 8px; border: 2px solid #D4AF37; padding: 4px; background: rgba(0,0,0,0.3); backdrop-filter: blur(2px); }
    @media (min-width:640px) { .hero-logo-img { max-width: 180px; margin-bottom: 1.5rem; } }
    section { padding-top: 4rem; padding-bottom: 4rem; }
    @media (min-width:768px){ section { padding-top: 7rem; padding-bottom: 7rem; } }
    .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }
    .scrollbar-hide::-webkit-scrollbar { display: none; }
    .carousel-item { transition: all 0.3s ease; }
    .carousel-item:hover { transform: translateY(-5px); }
    i.bi { transition: transform 0.2s ease; }