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

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

@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(20px);
    }

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

@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }

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

.animate-slide-right {
    animation: slideInRight 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.animate-slide-left {
    animation: slideInLeft 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.scrollbar-thin::-webkit-scrollbar {
    width: 6px;
}

.scrollbar-thin::-webkit-scrollbar-track {
    background: #f1f5f9;
}

.scrollbar-thin::-webkit-scrollbar-thumb {
    background-color: #cbd5e1;
    border-radius: 20px;
}

@media (max-width: 768px) {
    .scrollbar-thin::-webkit-scrollbar {
        width: 4px;
    }
}

.step-content {
    display: none;
}

    .step-content.active {
        display: flex;
    }

/* Styles for Terms Content */
.terms-content p {
    margin-bottom: 1rem;
}

.terms-content strong {
    font-weight: 600;
    color: #1e293b;
}

.terms-content a {
    color: #2563eb;
    text-decoration: underline;
}

.tab-btn.active {
    border-bottom: 2px solid #1e3a8a;
    color: #1e3a8a;
    font-weight: 600;
}