/* public/css/portal-custom.css */

/* تأثيرات بطاقات الخدمات التفاعلية */
.feature-card { 
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); 
}

/* تفعيل التفاعل مع الماوس في الشاشات الكبيرة فقط للحفاظ على سلاسة الأداء في الهواتف */
@media (min-width: 640px) {
    .feature-card:hover { 
        transform: translateX(-10px); 
        background: rgba(255, 255, 255, 0.15); 
    }
}

/* تدرج الخلفية الفاخر لقسم الهيرو */
.hero-gradient {
    background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%);
}

/* حركة الطفو اللطيفة لبطاقة الطالب المسجل */
@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0px); }
}

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