@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Montserrat', sans-serif;
    scroll-behavior: smooth;
}

/* Animations */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% { transform: translateY(0) translateX(-50%); }
    40% { transform: translateY(-20px) translateX(-50%); }
    60% { transform: translateY(-10px) translateX(-50%); }
}

.animate-fadeIn {
    animation: fadeIn 1s ease-out forwards;
}

.animate-bounce {
    animation: bounce 2s infinite;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #a855f7;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #9333ea;
}

/* Section transitions */
section {
    transition: all 0.3s ease;
}

/* Custom shadow for cards */
.shadow-lg {
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* Hover effects */
.hover\:shadow-xl:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
/* Hero section with parallax effect */
#home {
    background-attachment: fixed;
}

/* Pricing table enhancements */
table {
    border-collapse: separate;
    border-spacing: 0;
}

th:first-child {
    border-top-left-radius: 0.75rem;
}

th:last-child {
    border-top-right-radius: 0.75rem;
}

tr:last-child td:first-child {
    border-bottom-left-radius: 0.75rem;
}

tr:last-child td:last-child {
    border-bottom-right-radius: 0.75rem;
}

/* Testimonials carousel */
.carousel-container {
    position: relative;
    height: 400px;
}

.carousel-track {
    height: 100%;
}

.carousel-slide {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Scroll animations */
[data-aos] {
    transition: all 0.6s ease-out;
}

[data-aos="fade-up"] {
    opacity: 0;
    transform: translateY(30px);
}

[data-aos="fade-up"].aos-animate {
    opacity: 1;
    transform: translateY(0);
}

[data-aos="zoom-in"] {
    opacity: 0;
    transform: scale(0.9);
}

[data-aos="zoom-in"].aos-animate {
    opacity: 1;
    transform: scale(1);
}

[data-aos="fade-left"] {
    opacity: 0;
    transform: translateX(30px);
}

[data-aos="fade-left"].aos-animate {
    opacity: 1;
    transform: translateX(0);
}

[data-aos="fade-right"] {
    opacity: 0;
    transform: translateX(-30px);
}

[data-aos="fade-right"].aos-animate {
    opacity: 1;
    transform: translateX(0);
}
