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

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

.container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.barcode-lines {
    background-image: repeating-linear-gradient(to right,
            currentColor 0px,
            currentColor 2px,
            transparent 2px,
            transparent 4px,
            currentColor 4px,
            currentColor 7px,
            transparent 7px,
            transparent 9px,
            currentColor 9px,
            currentColor 10px,
            transparent 10px,
            transparent 13px,
            currentColor 13px,
            currentColor 16px,
            transparent 16px,
            transparent 18px,
            currentColor 18px,
            currentColor 21px,
            transparent 21px,
            transparent 24px);
}

.shadow-soft {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.bg-gradient-primary {
    background: linear-gradient(135deg, #2563eb 0%, #3ca0e6 100%);
}

.bg-gradient-hero {
    background: linear-gradient(to bottom, #0f172a, #1e293b);
}

.text-gradient {
    background: linear-gradient(135deg, #2563eb 0%, #3ca0e6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.shadow-glow {
    box-shadow: 0 0 20px rgba(37, 99, 235, 0.3);
}

@keyframes pulse-soft {

    0%,
    100% {
        opacity: 0.6;
        transform: scale(1);
    }

    50% {
        opacity: 0.8;
        transform: scale(1.05);
    }
}

.animate-pulse-soft {
    animation: pulse-soft 4s ease-in-out infinite;
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.animate-marquee {
    animation: marquee 60s linear infinite;
    display: flex;
}

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

.text-gold {
    color: #FFD700;
}

.fill-gold {
    fill: #FFD700;
}