body {
            font-family: 'Tajawal', sans-serif;
            background-color: #f0f2f5;
        }

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

        /* تخصيص شريط التمرير */
        ::-webkit-scrollbar {
            height: 4px;
            width: 6px;
        }
        ::-webkit-scrollbar-track {
            background: #232629;
        }
        ::-webkit-scrollbar-thumb {
            background: #474c52;
            border-radius: 4px;
        }

        /* خلفية الكابتشا التزيينية */
        .captcha-bg {
            background: repeating-linear-gradient(
                45deg,
                #f8fafc,
                #f8fafc 10px,
                #f1f5f9 10px,
                #f1f5f9 20px
            );
        }

        /* تحريك أملس للحقول */
        .field-transition {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

        /* تنبيهات الإشعار */
        @keyframes slideIn {
            from { transform: translateY(-100%); opacity: 0; }
            to { transform: translateY(0); opacity: 1; }
        }
        .animate-slide-in {
            animation: slideIn 0.3s ease forwards;
        }

        /* أنيميشن النافذة المنبثقة */
        @keyframes scaleUp {
            from { transform: scale(0.94); opacity: 0; }
            to { transform: scale(1); opacity: 1; }
        }
        .animate-scale-up {
            animation: scaleUp 0.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
        }



.topbar {
    border-radius: 25px 25px 0 0;
    width: 976px;
}

.topbarback {
    display: flex;
    align-items: center;
}

.shadow-inner {
    width: 976px;
}

@media(max-width:900px) {
.topbar {
    border-radius: 25px 25px 0 0;
    width: 374px;
}

.topbarback {
    display: flex;
    align-items: center;
}

.shadow-inner {
    width: 374px;
}
}