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

* {
    font-family: 'Inter', sans-serif;
}

.gradient-bg {
    background: linear-gradient(135deg, #5DCFFF 0%, #44AAFE 25%, #1964FF 75%, #0644FE 100%);
}

.card-shadow {
    box-shadow: 0 8px 32px rgba(93, 207, 255, 0.12);
}

.hover-lift {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.hover-lift:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 40px rgba(93, 207, 255, 0.15);
}

/* Mobile menu styles */
.mobile-menu {
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
}

.mobile-menu.open {
    transform: translateX(0);
}

/* Header spacing for fixed positioning */
.header-offset {
    padding-top: 0; /* Reserve space for fixed header */
}

@media (max-width: 640px) {
    .header-offset {
        padding-top: 100px; /* Adjusted for mobile */
    }
}

/* Fade in animations */
.fade-in {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeIn 0.6s ease forwards;
}

@keyframes fadeIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}