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

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

html { 
    scroll-behavior: smooth; 
}

.nav-logo {
    height: 50px;
    width: auto;
    max-width: 180px;
    object-fit: contain;
}

@media (min-width: 640px) {
    .nav-logo {
        height: 60px;
        max-width: 220px;
    }
}

.gradient-text {
    background: linear-gradient(135deg, #FFCE31 0%, #FFB400 50%, #FFCE31 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.hero-gradient {
    background: linear-gradient(135deg, #1A2238 0%, #2D3E5F 50%, #1A2238 100%);
}

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

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

@keyframes slideInFromTop {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-in {
    animation: slideInFromTop 0.5s ease-out;
}

#topBar {
    position: fixed;
    top: 0;
    z-index: 50;
}

#navbar {
    position: fixed;
    top: 1.75rem;
    z-index: 40;
}

@media (min-width: 640px) {
    #navbar {
        top: 2.5rem;
    }
}

.topbar-text-xs {
    font-size: 10px;
}