/* main.css — أنماط مشتركة عامة (الأنماط الرئيسيّة في base.html) */

/* إعادة ضبط بسيطة */
img { max-width: 100%; height: auto; }
input, button, textarea, select { font-family: inherit; }

/* فئات مساعدة */
.text-muted { color: var(--muted); }
.text-center { text-align: center; }
.mt-10 { margin-top: 10px; } .mt-20 { margin-top: 20px; }
.mb-10 { margin-bottom: 10px; } .mb-20 { margin-bottom: 20px; }

/* روابط نظيفة */
a { transition: color 0.2s; }
a:hover { color: var(--accent); }

/* scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--bg2); }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: var(--muted); }

/* Animations */
.animate-on-scroll,
.hero,
.card,
.section-title,
.request-panel {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.65s ease, transform 0.65s ease;
    will-change: opacity, transform;
}
.animate-on-scroll.in-view,
.hero.in-view,
.card.in-view,
.section-title.in-view,
.request-panel.in-view {
    opacity: 1;
    transform: translateY(0);
}
.hero {
    position: relative;
    overflow: hidden;
}
.hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at top left, rgba(99,102,241,0.16), transparent 24%), radial-gradient(circle at bottom right, rgba(139,92,246,0.12), transparent 22%);
    pointer-events: none;
}
.card {
    transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.65s ease;
}
.card:hover {
    transform: translateY(-10px) scale(1.01);
    box-shadow: 0 18px 42px rgba(15,23,42,0.18);
}
.btn-primary {
    box-shadow: 0 14px 34px rgba(99,102,241,0.24);
}
.btn-primary:hover {
    transform: translateY(-3px) scale(1.01);
}
@keyframes glowPulse {
    0%, 100% { box-shadow: 0 0 0 rgba(99,102,241,0); }
    50% { box-shadow: 0 0 34px rgba(99,102,241,0.14); }
}
.btn-primary.glow {
    animation: glowPulse 3.8s ease-in-out infinite;
}