@font-face {
    font-family: 'Atyp Text Semibold';
    src: url('./AtypText-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

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

.logo-font {
    font-family: 'Atyp Text Semibold', sans-serif;
    letter-spacing: 0.02em;
}

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

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

.bg-grid {
    background-image: radial-gradient(#7c3aed 0.5px, transparent 0.5px);
    background-size: 24px 24px;
}