:root{
    --core-blue:#0757f7;
    --core-blue-2:#0031a7;
    --core-cyan:#07d2c6;
    --core-cyan-2:#00a7e1;
    --core-purple:#6d1ee8;
    --core-dark:#07164d;
    --core-text:#122142;
    --core-muted:#667085;
    --core-light:#f4fbff;
    --core-card:#ffffff;
    --core-border:rgba(7,87,247,.12);
    --shadow:0 24px 70px rgba(2, 18, 71, .12);
}
*{box-sizing:border-box}
body{
    font-family:'Cairo',sans-serif;
    color:var(--core-text);
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 42%,#fff 100%);
    overflow-x:hidden;
}
a{text-decoration:none;color:inherit}
main{padding-top:92px}
.top-glow{
    position:fixed;inset:auto -20% auto auto;top:-180px;width:560px;height:560px;
    background:radial-gradient(circle,rgba(7,210,198,.23),transparent 68%);
    pointer-events:none;z-index:0;
}
.core-navbar{
    background:rgba(255,255,255,.86);
    backdrop-filter:blur(16px);
    border-bottom:1px solid rgba(7,87,247,.08);
    transition:.25s ease;
    z-index:99;
}
.core-navbar.scrolled{box-shadow:0 10px 40px rgba(7,22,77,.08)}
.brand-logo{height:54px;width:auto;object-fit:contain}
.navbar .nav-link{
    font-weight:800;color:#13275e!important;margin:0 .25rem;border-radius:18px;padding:.6rem .9rem!important;
    position:relative;transition:.25s ease;
}
.navbar .nav-link:hover,.navbar .nav-link.active{color:var(--core-blue)!important;background:rgba(7,87,247,.06)}
.btn-core,.btn-core-outline,.btn-soft{
    border:none;border-radius:999px;font-weight:900;padding:.85rem 1.35rem;display:inline-flex;align-items:center;gap:.45rem;
    transition:.25s ease;position:relative;overflow:hidden;isolation:isolate;
}
.btn-core{background:linear-gradient(135deg,var(--core-cyan),var(--core-blue));color:white!important;box-shadow:0 14px 30px rgba(7,87,247,.22)}
.btn-core:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--core-purple),var(--core-blue));opacity:0;transition:.25s;z-index:-1}
.btn-core:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(7,87,247,.34)}
.btn-core:hover:before{opacity:1}
.btn-core-outline{border:1px solid rgba(255,255,255,.55);color:white;background:rgba(255,255,255,.09)}
.btn-core-outline:hover{background:white;color:var(--core-blue)}
.btn-soft{background:#eef8ff;color:var(--core-blue)}
.btn-soft:hover{background:#e7f4ff;transform:translateY(-2px)}
.section-pad{padding:90px 0}
.hero{
    position:relative;min-height:690px;display:flex;align-items:center;overflow:hidden;
    background:radial-gradient(circle at 20% 10%,rgba(7,210,198,.24),transparent 28%),
               radial-gradient(circle at 82% 30%,rgba(109,30,232,.18),transparent 30%),
               linear-gradient(135deg,#051452 0%,#0737ad 48%,#08bfc0 100%);
    color:white;border-bottom-left-radius:56px;border-bottom-right-radius:56px;
}
.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(180deg,#000,transparent 88%)}
.hero .container{position:relative;z-index:2}
.hero-content{max-width:750px}
.mini-label{display:inline-flex;align-items:center;gap:.45rem;font-size:.9rem;font-weight:900;color:var(--core-cyan);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);padding:.45rem .8rem;border-radius:999px;margin-bottom:1rem}
.hero h1{font-size:clamp(2.5rem,6vw,5.3rem);font-weight:900;line-height:1.12;margin-bottom:1.3rem;letter-spacing:-1.5px}
.hero p{font-size:1.25rem;line-height:2;color:rgba(255,255,255,.86);max-width:680px}
.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}
.hero-card{
    background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);border-radius:34px;padding:1.4rem;backdrop-filter:blur(18px);
    box-shadow:0 30px 90px rgba(0,0,0,.16);position:relative;z-index:2;
}
.hero-logo-box{background:white;border-radius:28px;padding:2rem;box-shadow:0 30px 90px rgba(0,0,0,.15);transform:rotate(-2deg)}
.hero-logo-box img{width:100%}
.floating-chip{position:absolute;display:flex;gap:.55rem;align-items:center;background:white;color:var(--core-blue);padding:.8rem 1rem;border-radius:22px;box-shadow:var(--shadow);font-weight:900;animation:float 4.5s ease-in-out infinite}
.chip-1{top:18%;right:-10px}.chip-2{bottom:16%;left:-10px;animation-delay:1s}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
.core-card{
    background:var(--core-card);border:1px solid var(--core-border);border-radius:30px;padding:2rem;height:100%;box-shadow:0 16px 48px rgba(7,22,77,.07);
    transition:.25s ease;position:relative;overflow:hidden;
}
.core-card:before{content:"";position:absolute;inset:0 0 auto auto;width:120px;height:120px;background:radial-gradient(circle,rgba(7,210,198,.14),transparent 70%);transition:.25s}
.core-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:rgba(7,210,198,.28)}
.icon-box{width:58px;height:58px;border-radius:19px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(7,210,198,.17),rgba(7,87,247,.12));color:var(--core-blue);font-size:1.7rem;margin-bottom:1.2rem}
.section-title{max-width:780px;margin:0 auto 3.2rem;text-align:center}
.section-title .mini-label{background:#eef8ff;color:var(--core-blue);border-color:rgba(7,87,247,.08)}
.section-title h2{font-size:clamp(2rem,4vw,3.2rem);font-weight:900;color:var(--core-dark);line-height:1.35;margin-bottom:1rem}
.section-title p{color:var(--core-muted);line-height:2;font-size:1.08rem}
.gradient-section{background:linear-gradient(135deg,#f1fbff,#f8f5ff);border-radius:54px;margin:0 18px}
.program-pill{border:1px solid var(--core-border);border-radius:26px;padding:1rem 1.2rem;background:#fff;display:flex;gap:.8rem;align-items:flex-start;margin-bottom:1rem;transition:.25s}
.program-pill:hover{transform:translateX(-6px);box-shadow:0 14px 36px rgba(7,22,77,.08)}
.program-pill i{color:var(--core-cyan);font-size:1.35rem}
.stats-strip{background:linear-gradient(135deg,var(--core-blue-2),var(--core-blue));color:white;border-radius:36px;padding:2rem;box-shadow:var(--shadow)}
.stat-item{text-align:center}
.stat-item strong{font-size:2.6rem;font-weight:900;display:block}.stat-item span{color:rgba(255,255,255,.78)}
.news-card{border:0;border-radius:28px;overflow:hidden;background:white;box-shadow:0 18px 50px rgba(7,22,77,.08);height:100%;transition:.25s}
.news-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}
.news-img{height:215px;background:linear-gradient(135deg,#e8fbff,#eef2ff);display:block;object-fit:cover;width:100%}
.news-card .card-body{padding:1.4rem}.date-badge{font-size:.83rem;color:var(--core-blue);font-weight:800}
.inner-hero{padding:110px 0 80px;background:radial-gradient(circle at 16% 8%,rgba(7,210,198,.24),transparent 26%),linear-gradient(135deg,#07164d,#0646d8 54%,#05c7c0);color:white;border-bottom-left-radius:48px;border-bottom-right-radius:48px;position:relative;overflow:hidden}
.inner-hero h1{font-size:clamp(2.2rem,5vw,4.4rem);font-weight:900;line-height:1.25}.inner-hero p{max-width:780px;color:rgba(255,255,255,.84);font-size:1.15rem;line-height:2}
.timeline{position:relative;padding-right:2rem}.timeline:before{content:"";position:absolute;right:9px;top:0;bottom:0;width:3px;background:linear-gradient(var(--core-cyan),var(--core-blue))}.timeline-item{position:relative;margin-bottom:1.6rem;background:white;border:1px solid var(--core-border);border-radius:24px;padding:1.4rem;box-shadow:0 14px 35px rgba(7,22,77,.06)}.timeline-item:before{content:"";position:absolute;right:-2.25rem;top:1.55rem;width:18px;height:18px;background:var(--core-cyan);border:4px solid white;border-radius:50%;box-shadow:0 0 0 5px rgba(7,210,198,.16)}
.form-card{background:white;border-radius:32px;padding:2rem;box-shadow:var(--shadow);border:1px solid var(--core-border)}
.form-control,.form-select{border-radius:16px;padding:.9rem 1rem;border:1px solid rgba(7,22,77,.12)}
.form-control:focus,.form-select:focus{border-color:var(--core-cyan);box-shadow:0 0 0 .25rem rgba(7,210,198,.16)}
.map-box{border-radius:32px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--core-border)}
.alert-core{border:0;border-radius:18px;background:#ecfff8;color:#087a68;font-weight:800}
.site-footer{background:#061342;color:white;margin-top:90px;position:relative;overflow:hidden}.footer-cta{margin-top:-65px}.footer-cta .container{background:linear-gradient(135deg,var(--core-blue),var(--core-cyan));border-radius:36px;padding:2.2rem;box-shadow:0 24px 70px rgba(7,87,247,.22)}.footer-cta h2{font-weight:900}.footer-cta p{color:rgba(255,255,255,.82)}
.newsletter-form{display:flex;background:white;border-radius:999px;padding:.4rem;gap:.35rem}.newsletter-form input{border:0;outline:0;flex:1;padding:.8rem 1rem;border-radius:999px}.newsletter-form button{border:0;background:var(--core-dark);color:white;border-radius:999px;padding:.8rem 1.2rem;font-weight:900}
.footer-main{padding:70px 12px 25px}.footer-logo{max-width:230px;background:white;border-radius:18px;padding:.7rem}.site-footer h5{font-weight:900;margin-bottom:1rem}.site-footer a{display:block;color:rgba(255,255,255,.75);margin-bottom:.65rem;transition:.2s}.site-footer a:hover{color:var(--core-cyan)}.site-footer p{color:rgba(255,255,255,.75)}.social-links{display:flex;gap:.7rem}.social-links a{width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:white;margin:0}.copyright{border-top:1px solid rgba(255,255,255,.08);padding-top:1.1rem;margin-top:2rem;color:rgba(255,255,255,.62);font-size:.9rem;text-align:center}
.whatsapp-float{position:fixed;left:20px;bottom:20px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:white;font-size:1.8rem;box-shadow:0 16px 40px rgba(37,211,102,.38);z-index:50;transition:.25s}.whatsapp-float:hover{transform:translateY(-4px);color:white}
.reveal{opacity:0;transform:translateY(25px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
.admin-shell{background:#f6f8ff;min-height:100vh}.admin-card{background:white;border:1px solid var(--core-border);border-radius:24px;box-shadow:0 20px 50px rgba(7,22,77,.08);padding:1.4rem}.table{vertical-align:middle}.badge-published{background:#e8fff9;color:#087a68}.badge-draft{background:#fff5e5;color:#9a5a00}.thumb{width:82px;height:58px;border-radius:14px;object-fit:cover;background:#eef2ff}.admin-sidebar{background:#061342;color:white;border-radius:28px;padding:1.4rem;position:sticky;top:20px}.admin-sidebar a{display:block;color:rgba(255,255,255,.82);padding:.75rem 1rem;border-radius:16px;margin-bottom:.4rem}.admin-sidebar a.active,.admin-sidebar a:hover{background:rgba(255,255,255,.11);color:white}
@media(max-width:991px){main{padding-top:78px}.brand-logo{height:44px}.hero{min-height:auto;padding:85px 0}.hero-card{margin-top:2rem}.footer-cta{margin-top:0}.newsletter-form{border-radius:22px;flex-direction:column}.newsletter-form button{border-radius:18px}.gradient-section{margin:0;border-radius:36px}.section-pad{padding:66px 0}}
.article-page-wrapper {
    position: relative;
    z-index: 1;
    padding-bottom: 120px;
    background: #f8fbff;
}

.article-hero {
    padding: 120px 0 60px;
    background: linear-gradient(135deg, #0827b8 0%, #0b5cff 45%, #00c8c8 100%);
    color: #fff;
    overflow: hidden;
}

.article-hero-content {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.article-title {
    font-size: clamp(32px, 5vw, 58px);
    font-weight: 900;
    line-height: 1.35;
    margin: 20px 0;
}

.article-meta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.15);
    padding: 10px 22px;
    border-radius: 999px;
    backdrop-filter: blur(10px);
}

.article-content-section {
    padding: 70px 0 100px;
}

.article-card {
    background: #fff;
    border-radius: 32px;
    padding: 35px;
    box-shadow: 0 25px 70px rgba(8, 39, 184, 0.12);
    margin-bottom: 80px;
}

.article-main-image {
    margin-bottom: 35px;
    border-radius: 28px;
    overflow: hidden;
}

.article-main-image img {
    width: 100%;
    max-height: 560px;
    object-fit: cover;
    display: block;
}

.article-summary {
    font-size: 20px;
    font-weight: 700;
    line-height: 2;
    color: #0827b8;
    background: linear-gradient(135deg, rgba(0, 200, 200, 0.10), rgba(8, 39, 184, 0.08));
    border-radius: 24px;
    padding: 25px;
    margin-bottom: 30px;
}

.article-content {
    font-size: 18px;
    line-height: 2.2;
    color: #263044;
    margin-bottom: 50px;
}

.article-gallery {
    margin-top: 60px;
    padding-bottom: 80px;
}

.article-gallery h3 {
    font-size: 28px;
    font-weight: 900;
    color: #0827b8;
    margin-bottom: 25px;
}

.gallery-item {
    display: block;
    border-radius: 24px;
    overflow: hidden;
    background: #eef6ff;
    box-shadow: 0 15px 45px rgba(8, 39, 184, 0.12);
    transition: all 0.35s ease;
}

.gallery-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 65px rgba(8, 39, 184, 0.18);
}

.gallery-item img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
}

.article-actions {
    margin-top: 40px;
    padding-bottom: 40px;
}

/* مهم جدًا: يمنع الفوتر من تغطية الصور */
footer,
.site-footer {
    position: relative !important;
    z-index: 2;
    margin-top: 0;
}

/* إذا كان لديك فوتر ثابت سابقًا، هذا يعطله */
.footer-fixed {
    position: relative !important;
    bottom: auto !important;
}

@media (max-width: 768px) {
    .article-card {
        padding: 22px;
        border-radius: 24px;
    }

    .article-content {
        font-size: 16px;
    }

    .gallery-item img {
        height: 220px;
    }

    .article-page-wrapper {
        padding-bottom: 80px;
    }
}