/* ==== هوية أكاديمية خنجر التربوية - ملف الأنماط المشترك ==== */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;900&display=swap');

body{
    font-family:'Tajawal',sans-serif;
    background-color:#27272a;
    overflow-x:hidden;
}

/* خلفية حركية مجردة وأنيقة باللون الأزرق الداكن والذهبي الفاخر */
.animated-bg{
    background:linear-gradient(135deg,#18181b 0%,#27272a 50%,#09090b 100%);
    background-size:400% 400%;
    animation:gradientMove 12s ease infinite;
}
@keyframes gradientMove{
    0%{background-position:0% 50%;}
    50%{background-position:100% 50%;}
    100%{background-position:0% 50%;}
}

/* جسيمات ذهبية عائمة خفيفة فوق الخلفية المتحركة */
.floating-particles span{
    position:absolute;
    display:block;
    border-radius:50%;
    background:rgba(255,255,255,.35);
    animation:floatUp 10s linear infinite;
}
@keyframes floatUp{
    0%{transform:translateY(0) scale(1);opacity:0;}
    10%{opacity:1;}
    100%{transform:translateY(-260px) scale(.4);opacity:0;}
}

/* أنيميشن ناعم لظهور العناصر */
.fade-in-view{animation:fadeIn .6s ease-out forwards;}
@keyframes fadeIn{
    from{opacity:0;transform:translateY(12px);}
    to{opacity:1;transform:translateY(0);}
}

/* نص بتدرج ذهبي */
.gold-gradient-text{
    background:linear-gradient(90deg,#f4f4f5,#ffffff);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
}

/* بطاقات ترتفع بلطف عند المرور عليها */
.hover-card{transition:transform .3s ease,box-shadow .3s ease;}
.hover-card:hover{transform:translateY(-6px);box-shadow:0 20px 35px -15px rgba(0,0,0,.5);}

/* سهم أكورديون الأسئلة الشائعة */
.faq-arrow{transition:transform .3s ease;}
.faq-item.active .faq-arrow{transform:rotate(180deg);}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.faq-item.active .faq-answer{max-height:400px;}

/* تركيز حقول النموذج */
.input-field{transition:border-color .25s ease,box-shadow .25s ease;}
.input-field:focus{outline:none;border-color:#ffffff;box-shadow:0 0 0 3px rgba(255,255,255,.15);}