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

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

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

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

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

.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);
}

.fade-in {
    opacity: 0;
    transform: translateY(24px);
    animation: fadeIn 0.7s ease forwards;
}

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