:root {
    --primary: #0047ab;
    --accent:  #1bf251;
    --glass-bg: rgba(255, 255, 255, 0.15);
    --glass-brd: rgba(255, 255, 255, 0.25);
}

/* خلفية متحرّكة */
body {
    margin: 0;
    min-height: 100vh;
    background: linear-gradient(-45deg, var(--primary), var(--accent), #006be6, #85e48a);
    background-size: 400% 400%;
    animation: gradient-shift 15s ease infinite;
    color: #ffffff;
    overflow-x: hidden;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

@keyframes gradient-shift {
    0%,100% { background-position: 0% 50%; }
    50%      { background-position: 100% 50%; }
}

/* روابط التواصل */
#social-links a {
    color: #ffffff;
    transition: color .3s ease, transform .3s ease;
}
#social-links a:hover {
    color: var(--accent);
    transform: translateY(-2px);
}

/* الشعار */
#logo-container img {
    width: 200px;
    height: auto;
}
@media (max-width: 576px) {
    #logo-container img { width: 110px; }
}

/* حاوية البطل */
.hero {
    position: relative;
    height: 80vh;
    z-index: 1;
}
@media (max-width: 575.98px) {
    .hero { height: 85vh; }
}

/* بطاقة العد التنازلي */
.countdown-card {
    backdrop-filter: blur(14px);
    background: var(--glass-bg);
    border: 1px solid var(--glass-brd);
    border-radius: 1.5rem;
    padding: 1.5rem 2rem;
    min-width: 280px;
}
.unit { text-align: center; }
.unit span {
    font-size: 2.5rem;
    font-weight: 800;
    display: block;
}
.unit small {
    font-size: .9rem;
    letter-spacing: .5px;
}

/* موجة SVG */
.wave-container {
    position: absolute;
    bottom: 0;
    width: 100%;
    line-height: 0;
}

/* إصلاح Animate.css RTL */
[dir="rtl"] .animate__fadeInDown {
    --animate-direction: reverse;
}