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

::selection {
    background: #FDE68A;
    color: #78350F;
}

.nav-glass {
    backdrop-filter: blur(16px);
    background: rgba(10, 10, 10, 0.8);
}

.glow-amber {
    box-shadow: 0 0 40px rgba(245, 158, 11, 0.12), 0 0 80px rgba(245, 158, 11, 0.04);
}

.grid-bg {
    background-image: linear-gradient(rgba(245, 158, 11, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(245, 158, 11, 0.03) 1px, transparent 1px);
    background-size: 60px 60px;
}

.fade-in-up {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.fade-in-up.visible {
    opacity: 1;
    transform: translateY(0);
}

.card-hover {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.card-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 40px -8px rgba(245, 158, 11, 0.12);
}

.hr-gradient {
    border: none;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(245, 158, 11, 0.3), transparent);
}

.border-glow:hover {
    box-shadow: 0 0 0 1px rgba(245, 158, 11, 0.3), 0 8px 30px rgba(245, 158, 11, 0.08);
}