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

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

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

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

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

#uniqueCodeInput {
    /* padding: 12px 16px; */
    border: 2px solid transparent;
    outline: none;
    background:
        linear-gradient(white, white) padding-box,
        linear-gradient(90deg,
            #4285F4 22%,
            #4885F4 27%,
            #6487F5 35%,
            #8D8AF6 45%,
            #AA8DF8 51%,
            #B57FD5 57%,
            #D15F7F 70%,
            #EA4335 80%) border-box;
}

/* Hide scrollbar for cleaner look */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #1e293b;
}

::-webkit-scrollbar-thumb {
    background: #475569;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #64748b;
}

#verifyBtn {
    margin-top: 2rem !important;
}

.videologoBxsec {
    width: 40%;
    margin: 1rem auto;
}

.videologoBxsec img {
    width: 100%;
}