@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap');

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

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.bg-stripes {
    background: repeating-linear-gradient(
        0deg,
        #DC143C 0px,
        #DC143C 40px,
        #FFFFFF 40px,
        #FFFFFF 80px
    );
}

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

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

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}

.fade-in {
    animation: fadeIn 0.6s ease-out;
}

.slide-up {
    animation: slideUp 0.6s ease-out;
    animation-fill-mode: both;
}

.slide-up:nth-child(2) {
    animation-delay: 0.1s;
}

.slide-up:nth-child(3) {
    animation-delay: 0.2s;
}

.link-pulse {
    animation: pulse 0.3s ease-out;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #002868;
}

::-webkit-scrollbar-thumb {
    background: #DC143C;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #FF6B6B;
}

/* Selection color */
::selection {
    background: #DC143C;
    color: white;
}