@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');
:root{--navy:#173c56;--blue:#2d6689;--gold:#d6a85b;--cream:#fffaf2;--ink:#253746;--muted:#637583;--line:#e8e1d7;--white:#fff}*{box-sizing:border-box}body{margin:0;direction:rtl;font-family:'Tajawal',Arial,sans-serif;color:var(--ink);background:linear-gradient(135deg,#f5f7fa 0%,#e9eef2 100%);line-height:1.8}header{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;box-shadow:0 4px 14px #16374b2b;position:sticky;top:0;z-index:10}.topbar{max-width:1180px;margin:auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:22px}.logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;font-size:1.25rem}.logo img{height:48px;width:auto;object-fit:contain}.nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.nav a{color:#fff;text-decoration:none;padding:7px 11px;border-radius:8px;font-weight:500}.nav a:hover,.nav a.active{background:#ffffff22;color:#ffe1a5}.hero{padding:72px 20px 66px;text-align:center;background:radial-gradient(circle at 15% 15%,#ffffff25,transparent 34%),linear-gradient(135deg,var(--navy),var(--blue));color:#fff}.hero .eyebrow{color:#f4cc83;font-weight:700;letter-spacing:.3px}.hero h1{font-size:clamp(2rem,5vw,3.3rem);margin:8px 0 12px}.hero p{max-width:720px;margin:auto;color:#e9f1f5;font-size:1.08rem}.container{max-width:1120px;margin:auto;padding:54px 20px}.section-title{text-align:center;margin-bottom:30px}.section-title h2{margin:0;color:var(--navy);font-size:2rem}.section-title p{margin:8px auto 0;color:var(--muted);max-width:700px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(275px,1fr));gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px;box-shadow:0 8px 24px #1d3f5310}.card h3{color:var(--navy);margin:0 0 8px;font-size:1.32rem}.card p{color:var(--muted);margin:0 0 14px}.tag{display:inline-block;background:#edf5f8;color:var(--blue);border-radius:999px;padding:2px 11px;font-size:.88rem;font-weight:700;margin:0 4px 10px 0}.meta{color:var(--muted);font-size:.93rem;margin:5px 0}.btn{display:inline-block;background:var(--gold);color:#243746;text-decoration:none;font-weight:800;border:0;border-radius:9px;padding:10px 18px;margin-top:10px;cursor:pointer;font-family:inherit}.btn:hover{filter:brightness(.95);transform:translateY(-1px)}.notice{background:var(--cream);border:1px solid #f1ddba;border-radius:16px;padding:22px;margin-top:26px}.notice strong{color:#7d5a21}.empty{background:#fff;text-align:center;border:1px dashed #d5c9b8;padding:36px;border-radius:18px;color:var(--muted)}footer{background:var(--navy);color:#dce7ed;padding:34px 20px;text-align:center}footer a{color:#f4cc83;text-decoration:none;margin:0 10px}.footer-links{margin:10px 0 18px}.filter{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:0 auto 28px}.filter button{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 16px;color:var(--blue);font-family:inherit;cursor:pointer}.filter button.active,.filter button:hover{background:var(--blue);color:#fff}.ad-card{overflow:hidden;padding:0}.ad-card .ad-body{padding:23px}.ad-banner{height:128px;background:linear-gradient(135deg,#204c68,#d09f53);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.6rem;font-weight:800}.ad-card:nth-child(2) .ad-banner{background:linear-gradient(135deg,#6c3d2b,#e2b16a)}.ad-card:nth-child(3) .ad-banner{background:linear-gradient(135deg,#9c6a27,#f2d18d)}@media(max-width:720px){.topbar{align-items:flex-start;flex-direction:column}.nav{gap:3px}.nav a{font-size:.92rem;padding:5px 8px}.hero{padding:50px 18px}.container{padding:38px 16px}}

.ad-image{display:block;width:100%;height:210px;object-fit:cover;transition:transform .35s ease}.ad-card:hover .ad-image{transform:scale(1.04)}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:26px}.gallery-item{margin:0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #1d3f5310}.gallery-item img{display:block;width:100%;height:190px;object-fit:cover}.gallery-item figcaption{padding:12px 14px;color:var(--navy);font-weight:700}@media(max-width:900px){.gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.gallery{grid-template-columns:1fr}.gallery-item img{height:220px}} 

.nav .dropdown{position:relative}.nav .dropdown-trigger{display:inline-block;color:#fff;padding:7px 11px;border-radius:8px;cursor:pointer}.nav .dropdown-trigger:hover{background:#ffffff22;color:#ffe1a5}.nav .dropdown-content{display:none;position:absolute;right:0;top:100%;min-width:210px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 28px #173c5626;z-index:20}.nav .dropdown:hover .dropdown-content,.nav .dropdown:focus-within .dropdown-content{display:block}.nav .dropdown-content a{display:block;color:var(--navy);white-space:nowrap}.nav .dropdown-content a:hover{background:#edf5f8;color:var(--blue)}.timeline-tabs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 auto 28px}.timeline-tabs button{border:1px solid var(--line);background:#fff;color:var(--blue);padding:10px 22px;border-radius:999px;font-family:inherit;font-weight:700;cursor:pointer}.timeline-tabs button.active,.timeline-tabs button:hover{background:var(--blue);color:#fff}.event-card{position:relative}.event-card .status{position:absolute;top:14px;left:14px;background:#fff;color:var(--blue);border-radius:999px;padding:4px 11px;font-size:.82rem;font-weight:800;box-shadow:0 3px 10px #173c5625}.event-card.upcoming .status{color:#8a5b15;background:#fff5dd}.event-card .event-date{color:var(--gold);font-size:1rem;font-weight:800}.event-card .event-date strong{font-size:1.35rem;color:var(--navy)}.event-card .ad-image{height:230px}.event-card .ad-body{min-height:245px}.event-card .btn{margin-top:14px}.section-intro{text-align:center;color:var(--muted);max-width:730px;margin:-14px auto 28px}@media(max-width:720px){.nav .dropdown-content{position:static;width:100%;box-shadow:none;margin-top:3px}.nav .dropdown{width:100%}.nav .dropdown-trigger{display:block}.event-card .ad-image{height:210px}}