/* Custom Styles */
.font-poppins {
    font-family: 'Poppins', sans-serif;
}

.font-lato {
    font-family: 'Lato', sans-serif;
}

/* Stars Background Animation */
.stars-bg {
    background-image: 
        radial-gradient(2px 2px at 20px 30px, #FFD700, transparent),
        radial-gradient(2px 2px at 60px 70px, rgba(255, 215, 0, 0.8), transparent),
        radial-gradient(1px 1px at 50px 50px, #FFD700, transparent),
        radial-gradient(1px 1px at 80px 10px, rgba(255, 215, 0, 0.6), transparent),
        radial-gradient(2px 2px at 90px 40px, #FFD700, transparent),
        radial-gradient(1px 1px at 130px 80px, rgba(255, 215, 0, 0.7), transparent),
        radial-gradient(1px 1px at 160px 30px, #FFD700, transparent);
    background-repeat: repeat;
    background-size: 200px 100px;
    animation: stars 20s linear infinite;
}

@keyframes stars {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-100px);
    }
}

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

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

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

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

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

::-webkit-scrollbar-thumb {
    background: #002B5B;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #003d7a;
}