:root {
    --font-header: 'Bricolage Grotesque', sans-serif;
    --font-body: 'Inter', sans-serif;
}

body { font-family: var(--font-body); -webkit-font-smoothing: antialiased; }
h1, h2, h3 { font-family: var(--font-header); }

.glass { 
    background: rgba(255, 255, 255, 0.02); 
    backdrop-filter: blur(15px); 
    transition: all 0.5s cubic-bezier(0.2, 0, 0, 1);
}

.glow { 
    position: absolute; width: 600px; height: 600px; 
    background: radial-gradient(circle, rgba(0, 113, 227, 0.15) 0%, rgba(0,0,0,0) 70%); 
    filter: blur(80px); z-index: 1; pointer-events: none; 
}

.menu-reveal { 
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); 
    transition: clip-path 0.8s cubic-bezier(0.85, 0, 0.15, 1); 
}
.menu-reveal.active { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }

.nav-link { transition: transform 0.3s ease; }
.nav-link:hover { transform: translateX(20px); }