@font-face {
    font-family: 'Arupala Grotesk Trial';
    src: url('/admin/fonts/arupala-grotesk-trial/ARUPALA VARIABLE TRIAL-VF.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Arupala Grotesk Trial';
    src: url('/admin/fonts/arupala-grotesk-trial/ArupalaGroteskTrial-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Arupala Grotesk Trial';
    src: url('/admin/fonts/arupala-grotesk-trial/ArupalaGroteskTrial-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Arupala Grotesk Trial';
    src: url('/admin/fonts/arupala-grotesk-trial/ArupalaGroteskTrial-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Arupala Grotesk Trial';
    src: url('/admin/fonts/arupala-grotesk-trial/ArupalaGroteskTrial-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Arupala Grotesk Trial';
    src: url('/admin/fonts/arupala-grotesk-trial/ArupalaGroteskTrial-SuperBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Arupala Grotesk Trial';
    src: url('/admin/fonts/arupala-grotesk-trial/ArupalaGroteskTrial-Ultra.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

* {
    font-family: 'Arupala Grotesk Trial', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 900;
    letter-spacing: -0.03em;
    line-height: 1.1;
}

body {
    background: #000000;
    color: #FFFFFF;
}

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

.animate-fade-in-up {
    animation: fadeInUp 0.8s ease-out forwards;
}

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

.card-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 0 40px rgba(77, 214, 255, 0.2), 0 0 80px rgba(169, 146, 255, 0.1);
}