/* انیمیشن برای ظاهر شدن سکشن */
.hero-section {
    opacity: 0;
    transform: scale(1.05);
    animation: fadeZoomIn 1.8s ease-out forwards;
}

@keyframes fadeZoomIn {
    0% {
        opacity: 0;
        transform: scale(1.05);
        filter: brightness(0.8);
    }

    80% {
        filter: brightness(1.05);
    }

    100% {
        opacity: 1;
        transform: scale(1);
        filter: brightness(1);
    }
}

/* انیمیشن برای عنوان، توضیحات و دکمه */
.animate-title,
.animate-desc,
.animate-btn {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeUp 1s ease-out forwards;
}

.animate-title { animation-delay: 0.6s; }
.animate-desc  { animation-delay: 1s; }
.animate-btn   { animation-delay: 1.4s; }

/* انیمیشن محو از پایین به بالا */
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* حرکت نرم مداوم دکمه */
.animate-btn-search {
    display: inline-block;
    animation: floatBtn 3s ease-in-out infinite;
}











/* افکت نرم رفت و برگشت */
@keyframes floatBtn {
    0% {
        opacity: .9;
        transform: translateY(0);
    }

    50% {
        opacity: .8;
        transform: translateY(-6px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


  .bg-gradient-primary {
        background: linear-gradient(135deg, #4e73df 0%, #224abe 100%) !important;
    }

    .bg-light-warning {
        background-color: rgba(255, 193, 7, 0.1) !important;
    }

    .promo-badge {
        position: relative;
    }

        .promo-badge .badge {
            animation: pulse 2s infinite;
        }

    @keyframes pulse {
        0%

    {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }

    }

    .btn {
        transition: all 0.3s ease;
        border: none;
    }

        .btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;
        }

    .welcome-intro {
        border-bottom: 1px solid #e9ecef;
        padding-bottom: 1.5rem;
    }

    .special-links .btn {
        min-height: 80px;
    }

    .important-notice {
        background: linear-gradient(to right, rgba(255,193,7,0.05), rgba(255,193,7,0.1));
    }


.demotext {
    font-size: 48px;
    font-weight: 800;
    color: #ffb340;
    background: radial-gradient(circle at top left, #ffd180 0%, #ff8e00 60%, #cc6600 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 1px 0 #ffffff, 1px 2px 0 #ffd380, 2px 3px 0 #ffae40, 3px 4px 0 #cc6600, 4px 5px 2px rgba(0, 0, 0, 0.4);
}