/* IBF 2027 — International Business Forum. Navy + gold identity, built on the CMS of the CSR Iraq site. */
@font-face{font-family:"Alexandria";src:url(../fonts/alexandria/alexandria-arabic.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:"Alexandria";src:url(../fonts/alexandria/alexandria-latin.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

:root{--n950:#002536;--n900:#00334a;--n800:#00425e;--n700:#0a5675;--blue:#1d6bb8;--gold:#e2a830;--gold-l:#f7d67a;--gold-d:#a56a00;
--cream:#f6f3ec;--cream2:#efe9dc;--ink:#06243a;--mut:#34495a;--line:rgba(226,168,48,.38);--r:22px;
--ff:"Alexandria","Segoe UI",Tahoma,sans-serif;--fd:"Alexandria","Segoe UI",Tahoma,sans-serif;--title:clamp(2.1rem,5vw,3.6rem)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:76px;-webkit-text-size-adjust:100%;font-size:100%}
@media (max-width:700px){html{font-size:106.25%}}
body{font-family:var(--ff);background:var(--cream);color:var(--ink);line-height:1.95;font-size:1rem;overflow-x:hidden}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
.wrap{width:min(1160px,100% - 40px);margin-inline:auto;position:relative}
.narrow{width:min(860px,100% - 40px)}
.dia{display:inline-block;width:8px;height:8px;background:var(--gold);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);margin-inline:.55em;vertical-align:middle}
.hp{position:absolute;left:-9999px;opacity:0}

/* ---------- nav */
.nav{position:fixed;inset:12px 0 auto;z-index:50;pointer-events:none}
.nav-in{pointer-events:auto;width:min(1160px,100% - 24px);margin-inline:auto;display:flex;align-items:center;gap:14px;background:rgba(0,41,60,.94);border:1px solid var(--line);border-radius:999px;padding:6px 10px 6px 14px;box-shadow:0 10px 30px rgba(3,10,30,.35)}
.brand{display:flex;align-items:center;gap:8px;color:var(--gold-l);font-family:var(--fd)}
.brand svg{width:30px;height:30px;color:var(--gold)}.brand b{font-weight:900;font-size:1.15rem;letter-spacing:.06em;color:#fff}.brand i{font-style:normal;font-size:.85rem;color:var(--gold)}
.links{display:flex;gap:2px;margin-inline:auto}
.links a{color:#dfe7fb;font-size:.84rem;padding:6px 10px;border-radius:999px;transition:.2s;white-space:nowrap}
.links a:hover{background:rgba(226,168,48,.18);color:#fff}
.nav-cta{display:flex;align-items:center;gap:8px}
.lang{border:1px solid var(--line);color:var(--gold-l);border-radius:999px;padding:3px 13px;font-weight:700;font-size:.85rem}
.burger{display:none;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);position:relative;margin-inline-start:auto}
.burger span{position:absolute;inset-inline:11px;height:2px;background:var(--gold-l);transition:.25s}.burger span:first-child{top:14px}.burger span:last-child{top:21px}
.burger[aria-expanded=true] span:first-child{top:17px;transform:rotate(45deg)}.burger[aria-expanded=true] span:last-child{top:17px;transform:rotate(-45deg)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:999px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;border:1.5px solid transparent;line-height:1.4}
.btn.sm{padding:6px 18px;font-size:.88rem}
.btn.gold{background:linear-gradient(180deg,#f0c04a,var(--gold));color:#1a1405;box-shadow:0 8px 22px rgba(226,168,48,.28)}
.btn.gold:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(226,168,48,.4)}
.btn.ghost{border-color:var(--line);color:#fff}.btn.ghost:hover{background:rgba(255,255,255,.08)}

/* ---------- shared blocks */
.dark{background:radial-gradient(120% 90% at 50% 0%,#0d7090 0%,var(--n800) 38%,var(--n900) 70%,var(--n950) 100%);color:#fff;position:relative;overflow:hidden}
.dark .eyebrow,.eyebrow{color:var(--gold);font-size:.9rem;font-weight:700;letter-spacing:.04em;margin-bottom:6px}
.eyebrow:before{content:"◆";margin-inline-end:.6em;font-size:.7em;vertical-align:.1em}
.eyebrow.c{text-align:center}
.light{background:var(--cream);padding:clamp(56px,8vw,104px) 0;position:relative;overflow:hidden}
.light.alt{background:var(--cream2)}
.light:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 34 34'%3E%3Cg fill='none' stroke='%23e2a830' stroke-opacity='.17' stroke-width='.5'%3E%3Cpath d='M17 7L24 10 27 17 24 24 17 27 10 24 7 17 10 10z'/%3E%3Cpath d='M17 3l3.2 5.2L26 6.8 24.8 12.6 31 14l-4.2 3 4.2 3-6.2 1.4 1.2 5.8-5.8-1.4L17 31l-3.2-5.2L8 27.2l1.2-5.8L3 20l4.2-3L3 14l6.2-1.4L8 6.8l5.8 1.4z'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none}
.title{font-family:var(--fd);font-weight:900;font-size:var(--title);line-height:1.25;color:var(--n800);margin-bottom:.5em}
.dark .title{color:#fff}.title.c{text-align:center}
h1.big{font-family:var(--fd);font-weight:900;font-size:clamp(2.6rem,7.4vw,5.6rem);line-height:1.15;text-align:center;color:#fff}
.lead{font-family:var(--fd);font-weight:700;font-size:1.35rem;color:var(--n800);margin:42px 0 18px}
.lead2{font-size:1.1rem;max-width:62ch;color:var(--mut);margin-bottom:28px}.lead2.w{color:#cfdcf5}.lead2.c{margin-inline:auto;text-align:center;color:#cfdcf5}
.note{font-size:.92rem;color:var(--mut);border-inline-start:3px solid var(--gold);padding-inline-start:14px;margin:0 0 26px}
p+p{margin-top:1em}
.seam{height:34px;background:var(--n900) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E%3Cg fill='none' stroke='%23e2a830' stroke-width='1' stroke-linejoin='round'%3E%3Cpath d='M17 7L24 10 27 17 24 24 17 27 10 24 7 17 10 10z'/%3E%3Cpath d='M17 3l3.2 5.2L26 6.8 24.8 12.6 31 14l-4.2 3 4.2 3-6.2 1.4 1.2 5.8-5.8-1.4L17 31l-3.2-5.2L8 27.2l1.2-5.8L3 20l4.2-3L3 14l6.2-1.4L8 6.8l5.8 1.4z'/%3E%3C/g%3E%3Ccircle cx='17' cy='17' r='1.6' fill='%23e2a830'/%3E%3C/svg%3E") repeat-x center;border-block:1px solid rgba(226,168,48,.4)}
.bgfx{position:absolute;inset:-40px;pointer-events:none;opacity:.5;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='136' height='136' viewBox='0 0 34 34'%3E%3Cg fill='none' stroke='%23e2a830' stroke-opacity='.16' stroke-width='.35'%3E%3Cpath d='M17 7L24 10 27 17 24 24 17 27 10 24 7 17 10 10z'/%3E%3Cpath d='M17 3l3.2 5.2L26 6.8 24.8 12.6 31 14l-4.2 3 4.2 3-6.2 1.4 1.2 5.8-5.8-1.4L17 31l-3.2-5.2L8 27.2l1.2-5.8L3 20l4.2-3L3 14l6.2-1.4L8 6.8l5.8 1.4z'/%3E%3C/g%3E%3C/svg%3E");animation:drift 70s linear infinite;will-change:transform}
@keyframes drift{to{transform:translate3d(136px,136px,0)}}
.off .bgfx,.off .cloth,.off .cloth:after,.off .marq{animation-play-state:paused}
.dark>.wrap,.dark>.hero-in{position:relative;z-index:1}
.dark section{background:none}
.dark{padding:clamp(56px,8vw,104px) 0}
.hero.dark{padding:104px 0 36px}

/* ---------- hero */
.hero-in{width:min(1200px,100% - 32px);margin-inline:auto}
.kicker{text-align:center;color:var(--gold-l);font-weight:500;margin-bottom:4px;font-size:1.05rem}
.edition{text-align:center;font-family:var(--fd);font-weight:700;color:var(--gold-l);font-size:clamp(1.15rem,2.4vw,1.7rem);margin:6px 0 30px}
.hero-grid{display:grid;grid-template-columns:1fr minmax(260px,380px) 1fr;gap:clamp(18px,3vw,44px);align-items:center}
.hero-l,.hero-r{display:flex;flex-direction:column;gap:14px}
.date{display:flex;align-items:flex-end;gap:12px;font-family:var(--fd)}.date b{font-size:clamp(4rem,8vw,6.4rem);line-height:.9;font-weight:900;color:var(--gold-l)}.date>span{font-size:1.2rem;padding-bottom:6px}
.small-note{font-size:.95rem;color:#bcd0f2;line-height:1.7}.small-note strong{color:#fff;font-weight:700}
.count-lbl{color:var(--gold);font-size:.9rem;font-weight:700;margin-top:6px}
.count .cd-row{display:flex;gap:10px}.count .cd{flex:1;max-width:84px;text-align:center;border:1px solid var(--line);border-radius:16px;padding:10px 4px 8px;background:rgba(255,255,255,.05)}
.count .cd b{display:block;font-family:var(--fd);font-weight:900;font-size:1.7rem;line-height:1.1;color:#fff}.count .cd small{font-size:.75rem;color:#bcd0f2}
.tag{font-family:var(--fd);font-weight:900;font-size:clamp(1.5rem,2.6vw,2.2rem);line-height:1.4;color:#fff}
.support{color:#cfdcf5;font-size:1rem}.where{color:var(--gold-l);font-weight:700}.forumday{font-size:.88rem;color:#bcd0f2;border-inline-start:2px solid var(--gold);padding-inline-start:10px}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}.cta-row.c{justify-content:center;margin-top:18px}
.arch{border-radius:999px 999px 26px 26px;padding:9px;background:linear-gradient(180deg,var(--gold-l),var(--gold-d));box-shadow:0 24px 60px rgba(0,0,0,.35)}
.arch img{width:100%;height:100%;object-fit:cover;border-radius:990px 990px 18px 18px;aspect-ratio:3/4.1;border:3px solid var(--n900)}
.arch.tall img{aspect-ratio:3/4.2}
.light .arch{box-shadow:0 18px 44px rgba(12,42,102,.22)}
.orgband{margin-top:38px;display:flex;align-items:center;gap:20px;border:1px solid var(--line);border-radius:26px;padding:14px 22px;background:rgba(0,28,42,.35)}
.orgband .lbl{color:var(--gold-l);font-weight:700;white-space:nowrap;font-size:.95rem}
.tiles{display:flex;gap:12px;flex:1;justify-content:space-around;flex-wrap:wrap}
.tile{width:62px;height:62px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#0d7090,#00334a 70%);display:grid;place-items:center;padding:9px;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.tile img{max-height:100%;width:auto;object-fit:contain}
.fl .tile{box-shadow:none}

/* ---------- split / about */
.split{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(24px,5vw,72px);align-items:center}
.split.rev{grid-template-columns:1fr 1.35fr}
.col-i{max-width:380px;margin-inline:auto;width:100%}
figcaption{font-size:.82rem;color:var(--mut);text-align:center;margin-top:8px;line-height:1.5}
.col-t p{font-size:1.04rem;color:#1f4a5c}
.col-t p b{color:var(--n800)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:56px;border-top:1px solid var(--line);padding-top:36px}
.stats div{text-align:center;padding:0 10px;border-inline-start:1px solid rgba(226,168,48,.25)}.stats div:first-child{border:0}
.stats b{display:block;font-family:var(--fd);font-weight:900;font-size:clamp(3rem,6vw,4.6rem);line-height:1.1;color:var(--gold-d)}
.gal+.note{margin-top:22px}
.stats span{font-size:.95rem;color:var(--mut);display:block;line-height:1.5}

/* ---------- value */
.imp{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:18px}
.imp article{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:0 10px 30px rgba(12,42,102,.07)}
.imp img{width:100%;height:170px;object-fit:cover}.imp p{padding:20px 22px 24px;font-size:.96rem;color:#1f4a5c;line-height:1.9}
.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px 22px;box-shadow:0 10px 30px rgba(12,42,102,.06);text-align:start}
.no{font-family:var(--fd);font-weight:900;color:var(--gold);font-size:2.6rem;line-height:1;display:block;margin-bottom:10px}
.card p{font-weight:500;font-size:.98rem;color:var(--n800);line-height:1.8}

/* ---------- themes rail */
.rail-wrap{position:relative;z-index:1;margin-top:10px}
.rail{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:60px max(20px,calc((100% - 1160px)/2)) 24px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.rail::-webkit-scrollbar{display:none}
.tcard{flex:0 0 min(290px,78vw);scroll-snap-align:center;background:#fff;color:var(--ink);border-radius:26px;padding:50px 24px 28px;text-align:center;position:relative;border:1px solid var(--line);}
.tcard .ico{position:absolute;top:-34px;left:50%;margin-left:-34px;width:68px;height:68px;border-radius:50%;background:linear-gradient(180deg,var(--n700),var(--n900));border:3px solid var(--gold);display:grid;place-items:center}
.ico svg{width:30px;height:30px;fill:none;stroke:var(--gold-l);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.tcard p{font-weight:700;color:var(--n800);font-size:1.02rem;line-height:1.75;margin-top:4px}
.rail-ctl{display:flex;gap:10px;justify-content:center;margin-top:10px}
.rail-ctl button{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);color:var(--gold-l);font-size:1.5rem;line-height:1}
html[dir=rtl] .rail-ctl button{transform:scaleX(-1)}
.rail-ctl button:hover{background:rgba(226,168,48,.2)}

/* ---------- programme timeline */
.tl{position:relative;margin-top:6px;padding-inline-start:34px}
.tl:before{content:"";position:absolute;top:8px;bottom:8px;inset-inline-start:9px;width:2px;background:var(--line)}
.tl li{position:relative;margin-bottom:26px}.tl .dot{position:absolute;inset-inline-start:-34px;top:8px;width:20px;height:20px;border-radius:50%;border:2px solid var(--gold);background:var(--cream)}
.tl h3{font-family:var(--fd);font-weight:700;font-size:1.3rem;color:var(--n800);line-height:1.5;margin-bottom:10px}.tl h3 small{display:block;font-family:var(--ff);font-size:.82rem;color:var(--gold-d);font-weight:700}
.tl .dim h3{color:var(--mut);font-size:1.1rem}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chips li{background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px 16px;font-size:.9rem;color:var(--n800)}

/* ---------- sectors */
.sectors{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 40px;background:rgba(0,28,42,.5);border:1px solid var(--line);border-radius:30px;padding:30px 36px;margin-top:20px}
.sectors li{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid rgba(226,168,48,.2);font-weight:700;font-size:1.08rem}
.sectors i{width:10px;height:10px;background:var(--gold);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);flex:none}

/* ---------- b2b */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:16px 0 44px}
.step{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px;display:flex;gap:16px;align-items:flex-start;box-shadow:0 10px 30px rgba(12,42,102,.06)}
.step .no{margin:0;font-size:2.4rem}.step p{color:var(--n800);font-weight:500}
.nf{display:grid;grid-template-columns:1.4fr 1fr;border-radius:30px;overflow:hidden;background:var(--n900);color:#fff;border:1px solid var(--line)}
.nf-t{padding:clamp(24px,4vw,44px)}.nf-t h3{font-family:var(--fd);font-weight:900;font-size:1.7rem;color:var(--gold-l);line-height:1.4;margin-bottom:12px}
.nf-t p{color:#cfdcf5}.nf-t .btn{margin-top:20px}
.nf-i img{width:100%;height:100%;object-fit:cover;min-height:260px}
.ticks{margin:14px 0}.ticks li{position:relative;padding-inline-start:26px;margin-bottom:6px}
.ticks li:before{content:"";position:absolute;inset-inline-start:2px;top:.72em;width:9px;height:9px;background:var(--gold);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.ticks.lite li{color:#dbe6fb}

/* ---------- review */
.days{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:10px 0 28px}
.days li{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(12,42,102,.07)}
.days .ph img{width:100%;aspect-ratio:16/10;object-fit:cover}
.days b{font-family:var(--fd);font-weight:900;font-size:1.5rem;color:var(--gold-d);padding:12px 18px 0;line-height:1.2}.days span{padding:2px 18px 16px;font-weight:700;color:var(--n800);line-height:1.5}
.days li:last-child{background:var(--n900)}.days li:last-child span{color:#fff}.days li:last-child b{color:var(--gold-l)}
.gal{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.gal figure{margin:0}.gal img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;border:1px solid var(--line);cursor:zoom-in}
.gal figcaption{text-align:start}
.lb{position:fixed;inset:0;background:rgba(3,9,26,.92);z-index:80;display:grid;place-items:center;padding:20px;cursor:zoom-out}.lb[hidden]{display:none}
.lb img{max-height:92vh;max-width:96vw;border-radius:14px}

/* ---------- organizers / flags */
.stage{position:relative;margin-top:18px;background:linear-gradient(180deg,rgba(0,28,42,0) 0,rgba(0,28,42,.55) 100%);padding:40px 0 0;overflow:hidden}
.sky{position:absolute;inset:auto 0 0;height:60%;background:url(../img/kufic/skyline.png) repeat-x bottom/auto 100%;opacity:.14;filter:brightness(2.2)}
.flags{position:relative;display:flex;justify-content:center;gap:clamp(8px,2.4vw,34px);padding:0 16px;width:min(1180px,100%);margin-inline:auto;align-items:flex-start}
.flag{position:relative;width:clamp(96px,12vw,140px);text-align:center}
.pole{position:absolute;left:4px;top:0;width:5px;height:330px;border-radius:3px;background:linear-gradient(90deg,#f1dba0,#a37f2f);z-index:2}
.pole:before{content:"";position:absolute;left:-2px;top:-8px;width:9px;height:9px;border-radius:50%;background:#f7d67a}
.cloth{position:relative;margin-left:9px;height:236px;background:linear-gradient(160deg,#0d7090,#00334a 70%);display:grid;place-items:center;transform-origin:left center;animation:wave 5s ease-in-out infinite;border-radius:0 0 70px 4px / 0 0 60px 4px;overflow:hidden;box-shadow:inset 0 -26px 0 -10px var(--gold)}
.cloth img{width:70%;max-height:62%;object-fit:contain;margin-bottom:22px}
.cloth:after{content:"";position:absolute;inset:0 -60% 0 -60%;background:linear-gradient(100deg,transparent 35%,rgba(12,42,102,.12) 50%,transparent 65%);animation:sheen 5s ease-in-out infinite}
@keyframes wave{0%,100%{transform:perspective(700px) rotateY(0) skewY(0)}25%{transform:perspective(700px) rotateY(-9deg) skewY(1.6deg)}50%{transform:perspective(700px) rotateY(2deg) skewY(-1.4deg)}75%{transform:perspective(700px) rotateY(-7deg) skewY(1deg)}}
@keyframes sheen{0%,100%{transform:translateX(-12%)}50%{transform:translateX(12%)}}
.flag:nth-child(2) .cloth,.flag:nth-child(2) .cloth:after{animation-delay:-.8s}.flag:nth-child(3) .cloth,.flag:nth-child(3) .cloth:after{animation-delay:-1.6s}
.flag:nth-child(4) .cloth,.flag:nth-child(4) .cloth:after{animation-delay:-2.4s}.flag:nth-child(5) .cloth,.flag:nth-child(5) .cloth:after{animation-delay:-3.2s}.flag:nth-child(6) .cloth,.flag:nth-child(6) .cloth:after{animation-delay:-4s}
.flag p{position:relative;margin:88px 0 0 9px;font-size:.78rem;line-height:1.45;color:#dbe6fb;min-height:60px;padding-top:0;font-weight:500}
.flag p{margin-top:92px}
.ptc{display:grid;grid-template-columns:auto 1fr;gap:34px;align-items:center;margin-top:60px;border:1px solid var(--line);border-radius:30px;padding:30px;background:rgba(0,28,42,.45)}
.seal{width:150px;height:150px}.ptc h3{font-family:var(--fd);font-weight:900;font-size:1.6rem;color:#fff;line-height:1.4;margin-bottom:8px}.ptc p{color:#cfdcf5}

/* ---------- close + footer */
.close{text-align:center}.bigstar{width:92px;height:92px;color:var(--gold);margin:0 auto 14px;display:block}
.contact{margin-top:44px}.ct{display:flex;gap:14px 34px;justify-content:center;flex-wrap:wrap;font-weight:700;font-size:1.08rem;color:var(--gold-l)}
.ct a:hover{color:#fff}
footer{background:var(--n950);color:#aebfe0;text-align:center;padding:36px 0 44px;border-top:1px solid var(--line)}
.fl{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.fl .tile{width:52px;height:52px}
footer p{font-size:.88rem}.cr{opacity:.7;margin-top:4px!important;font-size:.8rem}.top{display:inline-block;margin-top:14px;color:var(--gold-l);font-size:.9rem}

/* ---------- register */
.reghead{padding:128px 0 56px}
.form{display:grid;gap:20px;background:#fff;border:1px solid var(--line);border-radius:28px;padding:clamp(22px,4vw,44px);box-shadow:0 14px 40px rgba(12,42,102,.08)}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.f{display:flex;flex-direction:column;gap:6px}.f span,legend{font-weight:700;color:var(--n800);font-size:.95rem}
.f input,.f textarea{font:inherit;padding:11px 14px;border:1.5px solid #cfd6e6;border-radius:14px;background:#fbfaf6;color:var(--ink);width:100%}
.f input:focus,.f textarea:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 3px rgba(226,168,48,.25)}
fieldset{border:0}legend{margin-bottom:8px}.opts{display:flex;flex-wrap:wrap;gap:8px}
.opt{cursor:pointer}.opt input{position:absolute;opacity:0}.opt span{display:inline-block;padding:6px 16px;border:1.5px solid #cfd6e6;border-radius:999px;font-weight:500;font-size:.92rem;color:var(--n800);transition:.15s}
.opt input:checked+span{background:var(--n800);border-color:var(--n800);color:#fff}.opt input:focus-visible+span{box-shadow:0 0 0 3px rgba(226,168,48,.5)}
.msg{min-height:1.5em;font-weight:700;color:var(--n700)}.msg.err{color:#b3261e}
.form .btn{justify-self:start}

/* ---------- reveal (opacity/translate only, never on rotated children) */
.js .rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.js .rv.in{opacity:1;transform:none}
.close .rv,.hero .rv{opacity:1!important;transform:none!important}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .rv{opacity:1;transform:none}}

/* ---------- LTR (English) tweaks */
html[dir=ltr] .nav-in{padding:6px 14px 6px 10px}
html[dir=ltr] body{letter-spacing:.005em}
html[dir=ltr] .title{line-height:1.15}
html[dir=ltr] h1.big{line-height:1.12;font-size:clamp(2.2rem,5.6vw,4.4rem)}

/* ---------- responsive */
@media (max-width:1080px){.links a{padding:6px 7px;font-size:.78rem}.cards4,.days,.gal{grid-template-columns:repeat(2,1fr)}.imp{grid-template-columns:1fr}.imp article{display:grid;grid-template-columns:200px 1fr}.imp img{height:100%}}
@media (max-width:900px){
 .burger{display:block}.nav-in{flex-wrap:wrap;border-radius:26px;padding:6px 10px}.nav-cta{margin-inline-start:0}.brand{margin-inline-end:auto}
 .nav-in{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center}.links{grid-column:1/-1;order:5;display:none;flex-direction:column;padding:8px 0 10px;margin:0}.links.open{display:flex}
 .links a{padding:10px 12px;font-size:.95rem}.nav-cta .btn.sm{display:none}.burger{margin:0}
 .hero-grid{grid-template-columns:1fr;gap:26px}.hero-c{order:-1;max-width:300px;margin-inline:auto;width:100%}.hero-l,.hero-r{align-items:center;text-align:center}.date{justify-content:center}.cta-row{justify-content:center}
 .forumday{border:0;padding:0}.count{justify-content:center}
 .orgband{flex-direction:column;align-items:center;border-radius:24px}.tile{width:54px;height:54px}.tiles{justify-content:center}
 .split,.split.rev{grid-template-columns:1fr}.split.rev .col-i{order:-1}.col-i{max-width:320px}
 .stats{grid-template-columns:repeat(2,1fr);gap:26px 0}.stats div:nth-child(3){border:0}
 .sectors{grid-template-columns:1fr;padding:18px 20px}.steps{grid-template-columns:1fr}.nf{grid-template-columns:1fr}.nf-i{order:-1}.nf-i img{min-height:0;height:210px}
 .flags{flex-wrap:wrap;gap:26px 14px}.flag{width:calc(33.3% - 12px)}.pole{height:300px}.cloth{height:210px}.flag p{margin-top:80px}
 .ptc{grid-template-columns:1fr;text-align:center;justify-items:center}.g2{grid-template-columns:1fr}
}
@media (max-width:560px){.cards4,.days,.gal{grid-template-columns:1fr 1fr;gap:10px}.imp article{grid-template-columns:1fr}.imp img{height:150px}.card{padding:18px 16px}.days b{font-size:1.2rem}.flag{width:calc(50% - 10px)}.count .cd{max-width:none}.brand i{display:none}}

/* =====================================================================
   GOLD PASS — metallic gold gradient used across the identity
   ===================================================================== */
:root{--goldg:linear-gradient(100deg,#a56a00 0%,#f7d67a 26%,#e2a830 48%,#fae695 70%,#b8780a 100%);--goldv:linear-gradient(180deg,#f7d67a,#e2a830 45%,#a56a00)}
/* metallic gold text */
.no,.stats b,.date b,.edition,.days b,.nf-t h3,.count b,.brand b,.step .no,.tcard .no,.big+.edition,.ptc h3,.lead,.ct a{background:var(--goldg);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.ct a:hover{filter:brightness(1.2)}
.count b,.date b{filter:drop-shadow(0 2px 6px rgba(226,168,48,.25))}
.stats b{filter:none}
/* gold rule under every title */
.title:after{content:"";display:block;width:132px;height:4px;margin-top:16px;border-radius:2px;background:linear-gradient(90deg,#a56a00,#f7d67a 40%,#e2a830 65%,transparent)}
.title.c:after,.close .title:after{margin-inline:auto;background:linear-gradient(90deg,transparent,#e2a830 20%,#fae695 50%,#e2a830 80%,transparent);width:200px}
h1.big:after{content:"";display:block;width:min(420px,70%);height:3px;margin:18px auto 0;background:linear-gradient(90deg,transparent,#e2a830 20%,#fae695 50%,#e2a830 80%,transparent)}
/* eyebrow ornament */
.eyebrow:after{content:"";display:inline-block;width:54px;height:1.5px;margin-inline-start:12px;vertical-align:middle;background:var(--goldg)}
.eyebrow.c:before{display:none}
/* gold gradient borders on white surfaces */
.card,.imp article,.step,.days li:not(:last-child),.form{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--goldg) border-box}
.chips li{border:1.5px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--goldg) border-box}
.days li:last-child{border:2px solid transparent;background:linear-gradient(var(--n900),var(--n900)) padding-box,var(--goldg) border-box}
.tcard{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--goldg) border-box;box-shadow:0 14px 34px rgba(0,0,0,.28)}
.gal img{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--goldg) border-box}
/* gold gradient borders on dark surfaces (mask ring) */
.orgband,.sectors,.ptc,.count .cd,.nf,.nav-in{position:relative;border-color:transparent}
.orgband:before,.sectors:before,.ptc:before,.count .cd:before,.nf:before,.nav-in:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:var(--goldg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}
.nav-in:before{padding:1.5px}
.nf:before{z-index:2}
/* arch: double gold frame + glow */
.arch{background:var(--goldv);position:relative}
.arch:before{content:"";position:absolute;inset:-13px;border-radius:999px 999px 36px 36px;border:1.5px solid rgba(247,214,122,.7);pointer-events:none}
.arch:after{content:"";position:absolute;inset:-22px;border-radius:999px 999px 44px 44px;border:1px solid rgba(226,168,48,.3);pointer-events:none}
.hero-c .arch{box-shadow:0 0 90px rgba(226,168,48,.32),0 24px 60px rgba(0,0,0,.4)}
.hero-c{padding:24px}
.light .arch{margin:14px}
.col-i{padding:8px}
/* hero warm light */
.hero.dark:before{content:"";position:absolute;inset:0;background:radial-gradient(55% 48% at 50% 58%,rgba(247,214,122,.20),transparent 72%);pointer-events:none}
.close.dark:before,#themes:before,#sectors:before,#org:before{content:"";position:absolute;inset:0;background:radial-gradient(50% 45% at 50% 0%,rgba(247,214,122,.14),transparent 70%);pointer-events:none}
/* gold buttons shimmer */
.btn.gold{position:relative;overflow:hidden;background:linear-gradient(180deg,#f7d67a,#e2a830 55%,#b8780a);border-color:#fae695;box-shadow:0 8px 22px rgba(226,168,48,.38),inset 0 1px 0 rgba(255,255,255,.5)}
.btn.gold:after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);transform:translateX(-160%) skewX(-20deg);animation:shine 4.8s ease-in-out infinite}
@keyframes shine{0%,55%{transform:translateX(-160%) skewX(-20deg)}100%{transform:translateX(420%) skewX(-20deg)}}
.btn.ghost{border-color:#e2a830;color:#f7d67a}
.lang{border-color:#e2a830}
/* seam: richer gold band */
.seam{height:48px;position:relative;background-size:46px 46px;border-block:0}
.seam:before,.seam:after{content:"";position:absolute;inset-inline:0;height:3px;background:var(--goldg)}
.seam:before{top:0}.seam:after{bottom:0}
/* logo tiles: gold ring */
.tile{box-shadow:0 0 0 2.5px #f0c04a,0 0 0 4px rgba(0,41,60,.6),0 6px 16px rgba(0,0,0,.3)}
.fl .tile{box-shadow:0 0 0 2px #e2a830}
/* timeline + bullets */
.tl .dot{background:var(--goldg);border-color:#fae695}
.tl:before{background:var(--goldg);width:3px}
.sectors i,.ticks li:before,.dia{background:var(--goldg)}
.sectors li{border-bottom-color:rgba(247,214,122,.35)}
.stats{border-top:0;position:relative}
.stats:before{content:"";position:absolute;top:0;inset-inline:0;height:2px;background:linear-gradient(90deg,transparent,#e2a830 15%,#fae695 50%,#e2a830 85%,transparent)}
.stats div{border-inline-start:1.5px solid rgba(226,168,48,.55)}
.stats div:first-child{border:0}
.note{border-image:var(--goldv) 1;border-inline-start-width:4px}
.forumday{border-image:var(--goldv) 1}
/* light sections: stronger gold lattice */
.light:before{opacity:1.5;filter:saturate(1.4)}
.light:after{content:"";position:absolute;inset-inline:0;top:0;height:5px;background:var(--goldg);opacity:.9}
.alt:after{display:none}
/* dark sections: top gold lines on content blocks */
.flag .cloth{border-top:4px solid #f0c04a}
.pole{background:linear-gradient(90deg,#fae695,#e2a830 50%,#7a5a17)}
.lead2.w,.lead2.c{color:#dbe6fb}
footer{border-top:3px solid transparent;border-image:var(--goldg) 1}
.bigstar{filter:drop-shadow(0 0 18px rgba(247,214,122,.55))}
.brand svg{filter:drop-shadow(0 0 6px rgba(247,214,122,.5))}
.title{text-shadow:none}
.dark .title:after{box-shadow:0 0 14px rgba(247,214,122,.45)}
@media (max-width:900px){.hero-c{padding:18px}.arch:before{inset:-10px}.arch:after{inset:-17px}.seam{height:40px;background-size:38px 38px}}
/* darker metallic gold on light grounds (contrast) */
:root{--goldgd:linear-gradient(100deg,#7a4f00 0%,#b57800 30%,#a56a00 55%,#c98a10 78%,#7a4f00 100%)}
.light .no,.light .stats b,.light .days li:not(:last-child) b,.light .lead,.light .step .no{background:var(--goldgd);-webkit-background-clip:text;background-clip:text}
.light .title:after{background:linear-gradient(90deg,#a56a00,#f0c04a 45%,#e2a830 70%,transparent)}

/* =====================================================================
   BIF50 GOLDEN THEME — teal ground, gold-foil Kufic band, gold skyline
   ===================================================================== */
.bgfx{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='200' viewBox='0 0 400 200'%3E%3Cg fill='none' stroke='%238fc7c9' stroke-opacity='.30' stroke-width='1.6'%3E%3Crect x='10' y='10' width='180' height='80' rx='22'/%3E%3Crect x='210' y='10' width='180' height='80' rx='22'/%3E%3Crect x='38' y='42' width='124' height='16' rx='8'/%3E%3Crect x='238' y='42' width='124' height='16' rx='8'/%3E%3Crect x='110' y='110' width='180' height='80' rx='22'/%3E%3Crect x='-90' y='110' width='180' height='80' rx='22'/%3E%3Crect x='310' y='110' width='180' height='80' rx='22'/%3E%3Crect x='138' y='142' width='124' height='16' rx='8'/%3E%3Crect x='-62' y='142' width='124' height='16' rx='8'/%3E%3Crect x='338' y='142' width='124' height='16' rx='8'/%3E%3Cpath d='M200 94l5 6-5 6-5-6zM0 94l5 6-5 6-5-6zM400 94l5 6-5 6-5-6z'/%3E%3C/g%3E%3C/svg%3E");opacity:.9;inset:-60px}
@keyframes drift{to{transform:translate3d(400px,200px,0)}}
.light:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='200' viewBox='0 0 400 200'%3E%3Cg fill='none' stroke='%23e2a830' stroke-opacity='.22' stroke-width='1.6'%3E%3Crect x='10' y='10' width='180' height='80' rx='22'/%3E%3Crect x='210' y='10' width='180' height='80' rx='22'/%3E%3Crect x='38' y='42' width='124' height='16' rx='8'/%3E%3Crect x='238' y='42' width='124' height='16' rx='8'/%3E%3Crect x='110' y='110' width='180' height='80' rx='22'/%3E%3Crect x='-90' y='110' width='180' height='80' rx='22'/%3E%3Crect x='310' y='110' width='180' height='80' rx='22'/%3E%3Crect x='138' y='142' width='124' height='16' rx='8'/%3E%3Crect x='-62' y='142' width='124' height='16' rx='8'/%3E%3Crect x='338' y='142' width='124' height='16' rx='8'/%3E%3Cpath d='M200 94l5 6-5 6-5-6zM0 94l5 6-5 6-5-6zM400 94l5 6-5 6-5-6z'/%3E%3C/g%3E%3C/svg%3E");background-size:300px 150px;opacity:1;filter:none}
.seam{height:62px;background:var(--n900) url(../img/kufic/tile.png) repeat-x center/auto 46px;border:0}
.arch{background:url(../img/kufic/gold-foil.jpg) center/cover}
.btn.gold{background:url(../img/kufic/gold-foil.jpg) center/cover;color:#2a1800;text-shadow:0 1px 0 rgba(255,255,255,.35)}
.hero-brand{display:flex;justify-content:center;align-items:center;gap:26px;margin-bottom:14px}
.hero-brand img{height:46px;width:auto}.hero-brand img:last-child{height:54px}
.hero-brand i{width:1.5px;height:44px;background:var(--goldg)}
.slogan{border-inline-start:3px solid var(--gold);padding-inline-start:14px;margin-top:4px}
.slogan small{color:var(--gold);font-weight:700;font-size:.82rem;letter-spacing:.04em;display:block}
.slogan p{font-family:var(--fd);font-weight:700;font-size:1.12rem;line-height:1.7;color:#fff;margin:2px 0 0}
.stage .sky{opacity:1;filter:none;height:auto;aspect-ratio:3.74;background:url(../img/kufic/skyline.png) center bottom/100% auto no-repeat;max-height:340px}
.flags{padding-bottom:0}
.close{padding-bottom:calc(min(30vw,330px) + 40px)}
.skyline{position:absolute;inset-inline:0;bottom:0;height:min(30vw,330px);background:url(../img/kufic/skyline.png) center bottom/100% auto no-repeat;pointer-events:none;z-index:0}
.close>.wrap{z-index:1}
footer .fl .tile{box-shadow:0 0 0 2px #e2a830}
.hero.dark{padding-top:96px}
.orgband .lbl{color:var(--gold-l)}
@media (max-width:900px){.hero-brand{gap:16px}.hero-brand img{height:34px}.hero-brand img:last-child{height:40px}.hero-brand i{height:32px}.seam{height:50px;background-size:auto 36px}}

.flag p{background:rgba(0,28,42,.82);border-radius:10px;padding:5px 8px;margin-inline:9px 0;color:#fff;position:relative;z-index:2}
.flags{padding-bottom:18px}

/* =====================================================================
   PHP / CMS additions
   ===================================================================== */
:root{--kgrid-dark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='200' viewBox='0 0 400 200'%3E%3Cg fill='none' stroke='%238fc7c9' stroke-opacity='.30' stroke-width='1.6'%3E%3Crect x='10' y='10' width='180' height='80' rx='22'/%3E%3Crect x='210' y='10' width='180' height='80' rx='22'/%3E%3Crect x='38' y='42' width='124' height='16' rx='8'/%3E%3Crect x='238' y='42' width='124' height='16' rx='8'/%3E%3Crect x='110' y='110' width='180' height='80' rx='22'/%3E%3Crect x='-90' y='110' width='180' height='80' rx='22'/%3E%3Crect x='310' y='110' width='180' height='80' rx='22'/%3E%3Crect x='138' y='142' width='124' height='16' rx='8'/%3E%3Crect x='-62' y='142' width='124' height='16' rx='8'/%3E%3Crect x='338' y='142' width='124' height='16' rx='8'/%3E%3Cpath d='M200 94l5 6-5 6-5-6zM0 94l5 6-5 6-5-6zM400 94l5 6-5 6-5-6z'/%3E%3C/g%3E%3C/svg%3E");--kgrid-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='200' viewBox='0 0 400 200'%3E%3Cg fill='none' stroke='%23e2a830' stroke-opacity='.22' stroke-width='1.6'%3E%3Crect x='10' y='10' width='180' height='80' rx='22'/%3E%3Crect x='210' y='10' width='180' height='80' rx='22'/%3E%3Crect x='38' y='42' width='124' height='16' rx='8'/%3E%3Crect x='238' y='42' width='124' height='16' rx='8'/%3E%3Crect x='110' y='110' width='180' height='80' rx='22'/%3E%3Crect x='-90' y='110' width='180' height='80' rx='22'/%3E%3Crect x='310' y='110' width='180' height='80' rx='22'/%3E%3Crect x='138' y='142' width='124' height='16' rx='8'/%3E%3Crect x='-62' y='142' width='124' height='16' rx='8'/%3E%3Crect x='338' y='142' width='124' height='16' rx='8'/%3E%3Cpath d='M200 94l5 6-5 6-5-6zM0 94l5 6-5 6-5-6zM400 94l5 6-5 6-5-6z'/%3E%3C/g%3E%3C/svg%3E")}
.skip-link{position:absolute;inset-inline-start:12px;top:-60px;z-index:200;padding:10px 18px;border-radius:12px;background:var(--gold);color:var(--n950);font-weight:700}
.skip-link:focus{top:12px}
body.ibf{background:var(--n950);font-family:var(--ff)}
.card small,.tcard small{display:block;margin-top:6px;font-size:.86rem;line-height:1.7;color:var(--mut)}
.blk-title{font-family:var(--fd);font-weight:700;font-size:1.35rem;color:var(--gold-l);margin:42px 0 14px}
.partners-row{display:flex;flex-wrap:wrap;gap:18px 26px;justify-content:center}
.pchip{display:flex;flex-direction:column;align-items:center;gap:8px;width:120px;text-align:center}
.pchip em{font-style:normal;font-size:.8rem;line-height:1.4;color:#dbe6fb}
.pchip .tile{width:76px;height:76px}
.more{text-align:center;margin-top:30px}
.count-lbl{color:var(--gold);font-size:.9rem;font-weight:700;margin:6px 0 10px}
.tl .day h3{font-size:1.1rem}
/* footer */
.foot{background:var(--n950);color:#aebfe0;padding:54px 0 40px;position:relative;border-top:3px solid transparent;border-image:var(--goldg) 1}
.foot .wrap{width:min(1180px,100% - 40px)}
.foot-grid{display:grid;grid-template-columns:1.2fr .7fr 1.2fr .9fr;gap:34px}
.foot h4{font-family:var(--fd);font-weight:700;color:var(--gold-l);font-size:1.05rem;margin-bottom:10px}
.f-bif{height:48px;width:auto;margin-bottom:14px}
.f-name{font-family:var(--fd);font-weight:900;color:#fff;font-size:1.25rem;line-height:1.5}
.f-theme{color:var(--gold-l);margin:4px 0}.f-date{font-size:.9rem;margin-bottom:14px}
.f-links ul{display:grid;gap:4px}.f-links a,.f-contact a{color:#cfdcf5;display:block;padding:2px 0}.f-links a:hover,.f-contact a:hover{color:var(--gold-l)}
.f-logos{display:flex;flex-wrap:wrap;gap:10px}.f-logos .tile{width:52px;height:52px}
.f-soc{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.f-note{margin-top:22px;color:#b7d0d6;font-size:.88rem}
.f-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;margin-top:34px;padding-top:20px;border-top:1px solid rgba(226,168,48,.3);font-size:.86rem}
.f-small a,.f-top{color:var(--gold-l)}
@media (max-width:1020px){.foot-grid{grid-template-columns:1fr 1fr}.f-orgs{grid-column:1/-1}}
@media (max-width:640px){.foot-grid{grid-template-columns:1fr}}
/* edit mode */
.scf-editing .js .rv,.scf-editing .rv{opacity:1!important;transform:none!important}
.scf-editing .nav{position:absolute}
.scf-editing .btn.gold:after,.scf-editing .bgfx,.scf-editing .cloth,.scf-editing .cloth:after{animation:none!important}

/* أسماء الخطوط المستخدمة في رسم بطاقة التسجيل (canvas) */
@font-face{font-family:"TD";src:url(../fonts/thmanyah/thmanyahserifdisplay-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"TD";src:url(../fonts/thmanyah/thmanyahserifdisplay-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"TD";src:url(../fonts/thmanyah/thmanyahserifdisplay-Black.woff2) format("woff2");font-weight:900;font-display:swap}
@font-face{font-family:"TS";src:url(../fonts/thmanyah/thmanyahsans-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"TS";src:url(../fonts/thmanyah/thmanyahsans-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"TS";src:url(../fonts/thmanyah/thmanyahsans-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"TS";src:url(../fonts/thmanyah/thmanyahsans-Black.woff2) format("woff2");font-weight:900;font-display:swap}
@font-face{font-family:"TT";src:url(../fonts/thmanyah/thmanyahsans-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"TT";src:url(../fonts/thmanyah/thmanyahsans-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"TT";src:url(../fonts/thmanyah/thmanyahsans-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"TT";src:url(../fonts/thmanyah/thmanyahsans-Black.woff2) format("woff2");font-weight:900;font-display:swap}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* r3: clearer, larger text */
.flag p{font-size:.92rem;color:#fff;font-weight:700}
.nav .links a,.links a{font-size:.95rem}
.btn{font-size:1.02rem}
.brand b{font-size:1.3rem}.brand i{font-size:.95rem}

/* moving Kufic seam (all pages) */
.seam{background-size:138.96px 46px;background-position:0 center;animation:lvband2 12s linear infinite}
@keyframes lvband2{to{background-position:138.96px center}}
@media (max-width:900px){.seam{background-size:108.75px 36px;animation-name:lvband3}}
@keyframes lvband3{to{background-position:108.75px center}}

/* ===== shared footer (all pages) ===== */
/* ----- footer ----- */
.foot{padding:40px 0 26px;font-size:.92rem}
.foot-grid{grid-template-columns:1.1fr 1.4fr 1fr;gap:28px 40px}
.foot h4{font-size:.95rem;margin-bottom:10px}
.f-bif{height:38px;margin-bottom:10px}
.f-name{font-size:1.05rem}.f-date{font-size:.88rem;line-height:1.7;margin:6px 0 12px;color:#cfdcf5}
.f-links ul{display:grid;grid-template-columns:repeat(3,auto);gap:2px 22px;justify-content:start}
.f-links a,.f-contact a{font-size:.9rem;padding:1px 0}
.f-logos{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:26px 0 0;padding-top:20px;border-top:1px solid rgba(226,168,48,.25)}
.f-logos .tile{width:46px;height:46px}
.f-bar{margin-top:18px;padding-top:14px;font-size:.82rem}
@media (max-width:1020px){.foot-grid{grid-template-columns:1fr 1fr}.f-brand{grid-column:1/-1}.f-links ul{grid-template-columns:repeat(2,auto)}}
@media (max-width:640px){.foot-grid{grid-template-columns:1fr}.f-links ul{grid-template-columns:repeat(2,1fr)}}

/* ----- v4: logo strip always moving; tidy footer with icons ----- */
.foot-grid{grid-template-columns:1.1fr 1.2fr 1.2fr;align-items:start}
.foot-grid>*{text-align:start}
.foot h4{font-size:.95rem;color:var(--gold-l);margin:0 0 12px;padding-bottom:8px;border-bottom:1.5px solid rgba(226,168,48,.4);display:inline-block}
.f-brand .f-bif{display:block}
.f-meta{display:flex;align-items:flex-start;gap:8px;font-size:.88rem;line-height:1.6;color:#dbe6fb;margin:0 0 6px}
.f-brand .btn{margin-top:10px}
.f-links ul{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:6px 28px;justify-content:start}
.f-links li a{display:block;padding:2px 0;color:#dbe6fb;font-size:.9rem}
.f-links li a:before{content:"";display:inline-block;width:6px;height:6px;margin-inline-end:9px;background:var(--gold);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);vertical-align:middle}
.f-contact ul{display:grid;gap:9px}
.f-contact li{display:flex;align-items:center;gap:10px;font-size:.9rem}
.f-contact li a{padding:0;color:#dbe6fb;word-break:break-all}
.f-contact li a:hover,.f-links li a:hover{color:var(--gold-l)}
.ic{width:20px;height:20px;flex:none;fill:none;stroke:var(--gold);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.f-contact .ic{width:30px;height:30px;padding:6px;border:1px solid rgba(226,168,48,.6);border-radius:50%;background:rgba(0,28,42,.6)}
.f-meta .ic{width:17px;height:17px;margin-top:4px}
@media (max-width:1020px){.foot-grid{grid-template-columns:1fr 1fr}.f-brand{grid-column:1/-1}}
@media (max-width:640px){.foot-grid{grid-template-columns:1fr}.f-links ul{grid-template-columns:repeat(2,1fr)}}
@keyframes lvtick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.lv-stat{display:flex;flex-direction:column;align-items:center;aspect-ratio:auto;max-width:190px;position:relative;text-align:center}
.lv-stat svg{position:static;width:120px;height:120px}
.lv-stat b{position:absolute;top:0;left:0;right:0;height:120px;display:grid;place-items:center;font-size:2.1rem}
.lv-stat span{padding:0;margin-top:10px;font-size:.88rem}


.links a.lnk-inst{color:var(--gold-l);font-weight:800;border:1px solid rgba(226,168,48,.6)}
.links a.lnk-inst:hover,.links a.lnk-inst.act{background:var(--gold);color:var(--n950)}
@media (max-width:640px){.f-logos{gap:8px}.f-logos .tile{width:40px;height:40px;padding:6px}}

/* ----- v8: balanced mobile nav (menu | IBF centred | language) ----- */
@media (max-width:900px){
  .nav-in{grid-template-columns:1fr auto 1fr;padding:6px 8px;column-gap:8px}
  .nav-in>.burger{grid-column:1;grid-row:1;justify-self:start;margin:0}
  .nav-in>.brand{grid-column:2;grid-row:1;justify-self:center;margin:0}
  .nav-in>.nav-cta{grid-column:3;grid-row:1;justify-self:end;margin:0}
  .nav-in>.links{grid-column:1/-1;grid-row:2}
  .burger,.nav-cta .lang{width:42px;height:42px;min-width:42px;padding:0;border:1px solid #e2a830;border-radius:50%;display:grid;place-items:center;font-size:.82rem;line-height:1}
  .brand b{font-size:1.4rem;letter-spacing:.1em}
  .links a{text-align:center}
}