/* Custom styles for the phone service website */
body {
    scroll-behavior: smooth;
}

/* Canvas animation styles */
#heroCanvas {
    opacity: 0.3;
}

/* Service card hover effects */
.bg-gray-50:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease;
}

/* Button hover effects */
.hover\:bg-gray-100:hover {
    background-color: #f3f4f6;
}

.hover\:bg-white:hover {
    background-color: white;
}

.hover\:text-blue-600:hover {
    color: #2563eb;
}

/* Navigation active states */
nav a.active {
    color: #2563eb;
    font-weight: 600;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .mobile-menu-open {
        display: block !important;
    }
    
    .text-4xl.md\:text-6xl {
        font-size: 2.5rem;
    }
    
    .text-xl.md\:text-2xl {
        font-size: 1.5rem;
    }
}

/* Animation keyframes */
@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
}

.float-animation {
    animation: float 6s ease-in-out infinite;
}

/* Smooth transitions */
* {
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
}