/* Custom styles for Pre-K University */

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Base font settings */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

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

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

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

::-webkit-scrollbar-thumb:hover {
    background: #A8A8B5;
}

/* Navbar scroll effect */
.navbar-scrolled {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(12px);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* Hero blob animations */
@keyframes float-slow {
    0%, 100% { transform: translate(0, 0) scale(1); }
    33% { transform: translate(30px, -30px) scale(1.05); }
    66% { transform: translate(-20px, 20px) scale(0.95); }
}

@keyframes float-medium {
    0%, 100% { transform: translate(0, 0) rotate(0deg); }
    50% { transform: translate(-25px, 25px) rotate(5deg); }
}

@keyframes float-fast {
    0%, 100% { transform: translate(0, 0); }
    25% { transform: translate(15px, -15px); }
    50% { transform: translate(-10px, 10px); }
    75% { transform: translate(20px, 5px); }
}

.blob-1 { animation: float-slow 20s ease-in-out infinite; }
.blob-2 { animation: float-medium 15s ease-in-out infinite; }
.blob-3 { animation: float-slow 18s ease-in-out infinite reverse; }
.blob-4 { animation: float-medium 12s ease-in-out infinite; }

/* Floating shapes */
.shape-1 { animation: float-fast 8s ease-in-out infinite; }
.shape-2 { animation: float-medium 10s ease-in-out infinite; }
.shape-3 { animation: float-fast 12s ease-in-out infinite; }
.shape-4 { animation: float-medium 9s ease-in-out infinite reverse; }

/* Scroll indicator */
@keyframes bounce-down {
    0%, 100% { transform: translate(-50%, 0); opacity: 0.5; }
    50% { transform: translate(-50%, 10px); opacity: 1; }
}

.scroll-indicator {
    animation: bounce-down 2s