body {
    font-family: 'Inter', sans-serif;
}
h1, h2, h3, .font-display {
    font-family: 'Plus Jakarta Sans', sans-serif;
}
.glass {
    background: rgba(18, 18, 18, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(212, 175, 55, 0.1);
}
.gradient-text {
    background: linear-gradient(135deg, #fff 0%, #D4AF37 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.hero-glow {
    position: absolute;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(212, 175, 55, 0.1) 0%, rgba(0, 0, 0, 0) 70%);
    border-radius: 50%;
    filter: blur(60px);
    z-index: -1;
}
.portfolio-card:hover .portfolio-overlay {
    opacity: 1;
}
.nav-link {
    transition: all 0.3s ease;
}
.nav-link:hover {
    color: #D4AF37;
}
.animate-fade-in {
    animation: fadeIn 0.6s ease-out forwards;
}

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