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

html { scroll-behavior: smooth; }
body { font-family: 'Inter Tight', sans-serif; }
h1, h2, h3, h4, h5, h6, .font-heading { font-family: 'Space Grotesk', sans-serif; }

/* Custom utility classes */
.glass-card {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.glow-button {
    box-shadow: 0 0 15px rgba(14, 165, 233, 0.4);
    transition: all 0.3s ease;
}
.glow-button:hover {
    box-shadow: 0 0 25px rgba(14, 165, 233, 0.7);
    transform: translateY(-2px);
}

.grid-bg {
    background-size: 40px 40px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
                      linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
}

.animate-hidden { 
    opacity: 0; 
    transform: translateY(20px); 
    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); 
}
.animate-visible { 
    opacity: 1; 
    transform: translateY(0); 
}

/* Cookie Banner */
#cookie-banner { transition: transform 0.4s ease-in-out; }
.hidden-banner { transform: translateY(150%); }