body { font-family: 'Poppins', sans-serif; background-color: #111827; color: #E5E7EB; }
        .hero-bg { background: linear-gradient(90deg, #111827 50%, rgba(17, 24, 39, 0.2)), url('../images/hero.jpg') no-repeat center center; background-size: cover; }
        .modal { display: none; }
        .modal.active { display: flex; }
        .form-confirmation { display: none; }
        .form-confirmation.active { display: block; }
        .bg-accent { background-color: #ff4c4b; }
        .text-accent { color: #ff4c4b; }
        .border-accent { border-color: #ff4c4b; }
        .btn-accent { background-color: #ff4c4b; color: #111827; }
        .btn-accent:hover { background-color: #ff4c4b; }
        .service-card { transition: transform 0.3s ease, box-shadow 0.3s ease; }
        .service-card:hover { transform: translateY(-10px); box-shadow: 0 10px 20px rgba(16, 185, 129, 0.2); }