/* LBF 2026: independent institutional identity, Arabic-first, 3-language preview. */
:root {
  --color-primary: #0b3156;
  --color-primary-50: #edf3f8;
  --color-primary-100: #dce8f2;
  --color-primary-500: #245780;
  --color-primary-700: #0b3156;
  --color-primary-900: #071d37;
  --color-secondary: #b28b49;
  --color-secondary-50: #fff7e9;
  --color-secondary-100: #f8e9d0;
  --color-secondary-500: #b28b49;
  --color-secondary-700: #88652e;
  --color-background: #f5f6f8;
  --color-neutral: #0b233e;
  --font-sans: "Cairo", "DM Sans", sans-serif;
  --font-serif: "DM Sans", serif;
  --text-sm: .875rem; --text-base: 1rem; --text-lg: 1.125rem;
  --text-xl: 1.25rem; --text-2xl: 1.5rem; --text-3xl: 1.875rem;
  --text-4xl: 2.25rem; --text-5xl: 3rem;
}
@layer base {
  :root { color-scheme: light; }
  *,*::before,*::after { box-sizing: border-box; }
  html { scroll-behavior: smooth; }
  body.lbf-site { margin:0; color:#17324b; background:#f6f8fa; font-family:"Cairo",sans-serif; -webkit-font-smoothing:antialiased; line-height:1.65; }
  html[dir="ltr"] body.lbf-site { font-family:"DM Sans",sans-serif; }
  body.lbf-site button, body.lbf-site input,body.lbf-site select,body.lbf-site textarea { font:inherit; }
  body.lbf-site button { cursor:pointer; }
  body.lbf-site a { text-decoration:none; }
  body.lbf-site img { display:block; max-width:100%; }
  body.lbf-site h1,body.lbf-site h2,body.lbf-site h3,body.lbf-site h4 { line-height:1.24; letter-spacing:-.03em; }
  body.lbf-site a:focus-visible,body.lbf-site button:focus-visible,body.lbf-site input:focus-visible,body.lbf-site select:focus-visible,body.lbf-site textarea:focus-visible { outline:3px solid #c7a064; outline-offset:3px; }
  [hidden] { display:none !important; }
  section[id] { scroll-margin-top:112px; }
}
@layer components {
  .lbf-container { width:min(1250px,calc(100% - 72px)); margin-inline:auto; }
  .lbf-preview-bar { background:#f8e9d1; color:#493b22; font:700 10px/1.5 "DM Sans","Cairo",sans-serif; text-align:center; padding:7px 16px; letter-spacing:.07em; display:flex; justify-content:center; align-items:center; gap:9px; }
  .preview-dot { display:inline-block; height:7px; width:7px; border-radius:50%; background:#aa7d30; flex:none; }
  .lbf-topline { background:#071c34; color:#c4d0df; font-size:11px; }
  .topline-inner { display:flex; justify-content:space-between; gap:24px; align-items:center; min-height:33px; }
  .lbf-header { position:sticky; top:0; z-index:50; border-bottom:1px solid rgba(224,229,236,.85); box-shadow:0 8px 24px rgba(10,24,39,.035); background:rgba(255,255,255,.975); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); }
  .nav-inner { display:flex; justify-content:space-between; align-items:center; gap:24px; min-height:91px; }
  .brand { display:flex; align-items:center; gap:11px; color:#0b2340; flex:0 0 auto; min-width:205px; }
  .brand-mark { width:64px; height:57px; display:grid; place-items:center; border-inline-end:1px solid #e2e9ed; padding-inline-end:10px; }
  .brand-mark img { max-width:100%; max-height:58px; object-fit:contain; }
  .brand-name { display:grid; gap:4px; }
  .brand-name strong { font-size:15px; font-weight:900; line-height:1.38; max-width:160px; }
  .brand-name small { font-size:9px; color:#ad894e; font-weight:800; letter-spacing:.075em; }
  .lbf-nav { display:flex; align-items:center; gap:18px; flex:1; justify-content:center; }
  .lbf-nav a { color:#203c57; white-space:nowrap; font-size:12px; font-weight:800; transition:color .2s; padding-block:12px; }
  .lbf-nav a:hover { color:#b08a4c; }
  .nav-actions { display:flex; align-items:center; gap:15px; }
  .lang-picker { display:flex; align-items:center; gap:3px; white-space:nowrap; direction:ltr; border:1px solid #dbe4ed; border-radius:5px; padding:4px; }
  .lang-picker button { border:0; color:#7d8b9c; background:transparent; padding:6px 4px; font:700 11px/1 "DM Sans",sans-serif; }
  .lang-picker button[aria-pressed="true"] { color:#0d2b4d; background:#eaf1f6; border-radius:3px; }
  .lang-picker span { font-size:11px; color:#cad4df; }
  .header-register { padding:11px 14px; display:flex; align-items:center; gap:6px; white-space:nowrap; color:white !important; background:#0c3155; border-radius:4px; font-size:12px; font-weight:800; }
  .header-register svg { height:14px; width:14px; transform:rotate(180deg); }
  html[dir="ltr"] .header-register svg { transform:none; }
  .menu-toggle { display:none; width:40px; height:38px; border:1px solid #d3dce4; background:white; border-radius:4px; flex-direction:column; justify-content:center; align-items:center; gap:5px; }
  .menu-toggle span { display:block; width:18px; height:2px; background:#0b2d50; }

  /* HERO: the architectural portico from the Forum's official booklet is the motif. */
  .hero { background:linear-gradient(134deg,#071b35 0%,#0b3155 59%,#0e416b 100%); color:white; position:relative; overflow:hidden; isolation:isolate; }
  .hero::before { content:""; position:absolute; inset:0; opacity:.24; background:radial-gradient(ellipse at 15% 10%,#6a8faf 0,transparent 48%),linear-gradient(115deg,transparent 68%,rgba(215,172,104,.12) 68% 69%,transparent 69%); pointer-events:none; }
  .hero::after { content:""; position:absolute; inset-inline-end:0; width:30%; top:0; bottom:0; background:repeating-linear-gradient(60deg,transparent 0px,transparent 15px,rgba(255,255,255,.022) 16px); }
  .hero-grid { min-height:590px; display:grid; grid-template-columns:1.12fr .88fr; gap:30px; align-items:center; position:relative; z-index:1; padding-block:74px 86px; }
  .hero-copy { max-width:660px; }
  .eyebrow { display:flex; align-items:center; gap:12px; color:#ead4a7; font-size:12px; font-weight:700; letter-spacing:.025em; }
  .eyebrow::before { content:""; width:37px; height:1px; background:#caa25a; }
  .edition-pill { display:inline-flex; align-items:center; gap:8px; padding:6px 13px; border:1px solid rgba(226,189,128,.42); color:#f4d79e; font-weight:700; border-radius:2px; font-size:12px; margin-block:28px 16px; background:rgba(205,157,92,.06); }
  .edition-pill b { color:#fff; font:800 14px "DM Sans",sans-serif; }
  .hero-title { font-size:clamp(36px,4.1vw,65px); font-weight:900; margin:0 0 18px; color:#fff; max-width:670px; }
  .hero-title em { color:#e2bd77; font-style:normal; display:block; }
  .hero-sub { font-size:clamp(15px,1.6vw,19px); color:#d9e6f0; line-height:1.9; margin:0 0 30px; max-width:585px; font-weight:600; }
  .hero-meta { display:flex; flex-wrap:wrap; align-items:center; gap:15px; margin-bottom:32px; }
  .hero-meta span { display:flex; align-items:center; gap:9px; font-size:13px; color:#e6eef4; font-weight:700; }
  .hero-meta svg { height:19px; width:19px; color:#dcb46f; fill:none; stroke:currentColor; stroke-width:1.7; }
  .hero-meta i { height:22px; width:1px; background:rgba(255,255,255,.27); }
  .hero-buttons { display:flex; flex-wrap:wrap; align-items:center; gap:13px; }
  .hero-main-cta,.hero-secondary-cta { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:51px; padding:0 27px; font-weight:900; font-size:13px; transition:transform .2s,box-shadow .2s; }
  .hero-main-cta { background:linear-gradient(125deg,#eed8ab,#c69952); color:#152c43; box-shadow:0 6px 22px rgba(169,120,48,.16); }
  .hero-secondary-cta { color:#fff; border:1px solid rgba(222,234,241,.4); }
  .hero-main-cta:hover,.hero-secondary-cta:hover { transform:translateY(-2px); }
  .hero-main-cta svg { height:18px; width:18px; }
  .hero-art { min-height:490px; position:relative; display:grid; place-items:center; }
  .gold-arc { position:absolute; border:1px solid rgba(236,194,129,.2); border-radius:50%; aspect-ratio:1; width:115%; transform:rotate(-21deg); }
  .gold-arc:nth-child(2) { width:93%; border-color:rgba(236,194,129,.36); }
  .gold-arc:nth-child(3) { width:72%; border-color:rgba(236,194,129,.20); }
  .hero-portal { height:440px; width:min(87%,355px); position:relative; border:4px solid #d4ac68; border-radius:190px 190px 8px 8px; background:linear-gradient(180deg,#6d95af 0%,#c8c6bf 44%,#e6b47b 65%,#214668 65.2%,#0b2d4b 100%); overflow:hidden; box-shadow:0 0 0 10px rgba(199,157,91,.08),0 26px 80px rgba(0,0,0,.3),inset 0 0 90px rgba(6,30,52,.3); }
  .hero-portal::after { content:""; position:absolute; inset:0; border:1px solid rgba(255,255,255,.38); border-radius:inherit; pointer-events:none; }
  .portal-sky { position:absolute; inset:0; background:radial-gradient(ellipse at 48% 48%,rgba(252,233,189,.6),transparent 48%),repeating-linear-gradient(2deg,transparent 0 41px,rgba(255,255,255,.05) 42px 43px); }
  .portal-sun { position:absolute; left:44%; top:39%; width:87px; height:87px; border-radius:50%; background:rgba(255,223,160,.52); filter:blur(14px); }
  .portal-city { position:absolute; bottom:24%; right:0; left:0; height:32%; opacity:.93; display:flex; align-items:end; justify-content:center; gap:7px; }
  .portal-city span { width:20px; height:50%; background:#102f4d; border:1px solid #507087; box-shadow:inset 0 12px #c9b08b; }
  .portal-city span:nth-child(2) { height:76%; width:31px; }
  .portal-city span:nth-child(3) { height:54%; width:16px; }
  .portal-city span:nth-child(4) { height:96%; width:55px; border-radius:35px 35px 1px 1px; background:linear-gradient(90deg,#143655,#305574,#143655); }
  .portal-city span:nth-child(5) { height:75%; width:23px; }
  .portal-city span:nth-child(6) { height:100%; width:44px; border-radius:28px 28px 0 0; }
  .portal-city span:nth-child(7) { height:68%; width:18px; }
  .portal-sea { position:absolute; bottom:0; inset-inline:0; height:27%; background:linear-gradient(#255479,#071e3b); }
  .portal-sea::before { content:""; position:absolute; inset:0; opacity:.4; background:repeating-linear-gradient(0deg,transparent 0 14px,rgba(255,205,135,.28) 15px 16px); }
  .portal-line { position:absolute; bottom:24%; left:0; right:0; height:4px; background:#c69c5a; box-shadow:0 4px 16px #f3b977; }
  .portal-caption { position:absolute; bottom:22px; left:19px; right:19px; display:flex; justify-content:space-between; align-items:end; color:rgba(255,255,255,.85); font:700 11px/1.4 "DM Sans",sans-serif; letter-spacing:.09em; }
  .portal-caption b { font-size:42px; color:#fff; line-height:1; }
  .hero-vertical { position:absolute; inset-inline-end:0; top:15%; color:#e9c68a; font-size:9px; letter-spacing:.16em; writing-mode:vertical-rl; font-family:"DM Sans",sans-serif; }

  .hero-facts { background:#fff; border-bottom:1px solid #e2eaf1; box-shadow:0 10px 30px rgba(8,31,56,.045); }
  .facts-row { display:grid; grid-template-columns:repeat(4,1fr); align-items:center; min-height:104px; }
  .fact { padding:14px 25px; display:flex; align-items:center; gap:13px; border-inline-end:1px solid #e7eaee; min-height:67px; }
  .fact:last-child { border:0; }
  .fact-number { font:800 34px/1 "DM Sans",sans-serif; color:#153b60; }
  .fact-caption { display:block; font-size:12px; font-weight:800; color:#567085; line-height:1.5; }
  .fact .small-icon { width:34px; height:34px; color:#ae8648; display:grid; place-items:center; flex:none; border:1px solid #e8d4b3; border-radius:50%; }
  .fact .small-icon svg { width:19px; height:19px; stroke:currentColor; fill:none; stroke-width:1.6; }

  .section { padding-block:100px; }
  .section-white { background:#fff; }
  .section-ice { background:#f3f6f9; }
  .section-navy { background:#081e39; color:#fff; }
  .section-heading { max-width:730px; margin-bottom:39px; }
  .section-label { display:block; color:#b28a4b; font-size:12px; font-weight:900; letter-spacing:.05em; margin-bottom:15px; }
  .section-title { color:#0c2c4c; margin:0 0 18px; font-size:clamp(26px,2.7vw,40px); font-weight:900; }
  .section-navy .section-title { color:#fff; }
  .section-description { color:#63798c; font-size:15px; line-height:1.95; margin:0; }
  .section-navy .section-description { color:#b6c7d7; }
  .thin-gold { width:66px; height:3px; background:#cea967; margin-block:21px 0; }
  .about-grid { display:grid; grid-template-columns:1.08fr .92fr; gap:65px; align-items:center; }
  .about-grid .section-heading { margin-bottom:0; }
  .about-paragraph { margin:0 0 18px; color:#38556b; line-height:2.05; font-size:15px; }
  .about-tiles { display:grid; grid-template-columns:repeat(2,1fr); gap:15px; }
  .about-tile { background:#f5f7fa; padding:27px 23px; min-height:147px; border-top:3px solid #cba467; box-shadow:0 8px 24px rgba(7,35,63,.035); }
  .about-tile span { font:800 24px/1 "DM Sans",sans-serif; color:#b88b4b; }
  .about-tile h3 { font-size:15px; margin:15px 0 0; color:#163751; }
  .about-tile p { font-size:12px; color:#6c8395; margin:7px 0 0; }
  .union-banner { display:flex; align-items:center; gap:26px; border:1px solid #e5edf2; background:linear-gradient(100deg,#fff,#f8fafc); padding:34px; box-shadow:0 22px 70px rgba(7,28,53,.06); }
  .union-logo { flex:0 0 165px; min-height:112px; display:grid; place-items:center; padding:8px 20px; border-inline-end:1px solid #e2e9ef; }
  .union-logo img { width:140px; max-height:95px; object-fit:contain; }
  .union-banner h3 { color:#0d3253; font-size:21px; font-weight:900; margin:0 0 9px; }
  .union-banner p { color:#546d83; font-size:14px; margin:0; max-width:760px; line-height:1.95; }
  .union-banner .union-stamp { margin-inline-start:auto; color:#ad8346; border:1px solid #d9bc91; font:800 10px "DM Sans",sans-serif; letter-spacing:.15em; writing-mode:vertical-rl; padding:12px 8px; white-space:nowrap; }

  /* Union-specific teal identity, based on the organiser's official brochure. */
  .union-profile { position:relative; overflow:hidden; background:linear-gradient(180deg,#f0f6f7 0%,#f7f9fb 100%); }
  .union-profile::before {content:""; position:absolute; width:320px; height:320px; border-radius:50%; border:80px solid rgba(62,178,172,.047); top:100px; inset-inline-end:-180px; pointer-events:none;}
  .union-heading {display:flex; justify-content:space-between; align-items:flex-end; gap:28px; margin-bottom:35px;}
  .union-heading .section-heading {margin:0;}
  .union-heading .section-label,.union-profile .section-label {color:#087b7b;}
  .union-inpage-link {flex:none; color:#147879; background:white; border:1px solid #b9dcd9; border-radius:3px; padding:12px 16px; font-size:12px; font-weight:800; transition:background .2s;}
  .union-inpage-link:hover {background:#e1f3f2;}
  .union-inpage-link span {padding-inline-start:8px;}
  .union-story-grid {display:grid; grid-template-columns:1.08fr .92fr; gap:20px; align-items:stretch;}
  .union-history-card {padding:36px 38px; background:white; border:1px solid #e0eaeb; box-shadow:0 14px 50px rgba(9,47,63,.055);}
  .union-identity-row {display:flex; align-items:center; justify-content:space-between; gap:20px; padding-bottom:23px; margin-bottom:30px; border-bottom:1px solid #e7edee;}
  .union-logo-box {max-width:160px; min-width:110px; height:89px; display:grid; place-items:center;}
  .union-logo-box img {max-width:100%; max-height:89px; object-fit:contain;}
  .union-established {text-align:end; display:grid; gap:3px; max-width:230px;}
  .union-established span {font-size:10px; font-weight:800; color:#517079; line-height:1.55;}
  .union-established b {font:900 clamp(36px,4vw,56px)/1 "DM Sans",sans-serif; color:#188f8e; letter-spacing:-.045em;}
  .union-card-label,.union-purpose-kicker {display:block; color:#087c7d; font-size:11px; font-weight:900; letter-spacing:.03em; margin-bottom:10px;}
  .union-history-card h3 {color:#102f48; font-size:clamp(19px,2vw,27px); font-weight:900; margin:0 0 18px; line-height:1.5;}
  .union-history-card > p {font-size:14px; line-height:2.05; color:#4f6879; margin:0 0 27px;}
  .union-legal-line {display:flex; gap:8px; flex-direction:column; background:#edf7f7; border-inline-start:3px solid #29b5ae; padding:14px 18px;}
  .union-legal-line b {font-size:10px; letter-spacing:.04em; color:#087b7b;}
  .union-legal-line span {font-size:12px; font-weight:800; color:#245563; line-height:1.6;}
  .union-purpose-card {background:linear-gradient(125deg,#126b71,#0b464f); position:relative; color:#d7f1ee; padding:41px 43px; overflow:hidden; box-shadow:0 24px 45px rgba(4,57,62,.09); display:flex; flex-direction:column; justify-content:center;}
  .union-purpose-card::before {content:""; border:1px solid rgba(198,247,239,.21); border-radius:50%; width:310px; height:310px; position:absolute; top:-180px; inset-inline-end:-120px; box-shadow:0 0 0 36px rgba(255,255,255,.035);}
  .union-purpose-kicker {position:relative; color:#abede5; margin-bottom:24px;}
  .union-purpose-card h3 {font-size:clamp(21px,2.2vw,30px); font-weight:900; line-height:1.5; color:white; margin:0 0 24px; position:relative;}
  .union-purpose-card p {font-size:14px; line-height:2.15; color:#daf1ef; margin:0; position:relative;}
  .union-purpose-symbol {display:flex; align-items:center; gap:5px; margin-bottom:23px; direction:ltr;}
  .union-purpose-symbol span {height:3px; width:31px; background:#7ad3c7; transform:rotate(-35deg); transform-origin:center;}
  .union-purpose-symbol span:nth-child(2) {height:3px; width:20px; background:#d2bd8a;}
  .union-purpose-symbol span:nth-child(3) {height:3px; width:11px;}
  .union-purpose-footer {border-top:1px solid rgba(224,255,250,.25); padding-top:23px; margin-top:40px; position:relative;}
  .union-purpose-footer strong {font-size:10px; letter-spacing:.06em; color:#b3eae1;}
  .union-objective-header {margin:74px 0 28px; display:flex; gap:24px; align-items:end; justify-content:space-between;}
  .union-objective-header h3 {font-size:clamp(24px,2.55vw,37px); margin:0; color:#0a314b; font-weight:900;}
  .union-objective-header .section-label {margin-bottom:10px;}
  .union-seven {display:flex; align-items:center; gap:13px;}
  .union-seven b {font:900 40px/1 "DM Sans",sans-serif; color:#138e8a;}
  .union-seven span {font-size:10px; font-weight:800; color:#6e8990; max-width:125px; line-height:1.65;}
  .union-objective-grid {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px;}
  .union-objective {display:flex; align-items:flex-start; gap:18px; padding:23px 25px; background:#fff; border:1px solid #e0e9e9; border-radius:2px; position:relative; transition:border-color .2s, transform .2s;}
  .union-objective::after {content:""; position:absolute; height:3px; width:0; background:#31b8ad; bottom:0; inset-inline-start:0; transition:width .25s;}
  .union-objective:hover {border-color:#98cac8; transform:translateY(-2px);}
  .union-objective:hover::after {width:100%;}
  .union-objective:last-child {grid-column:1/-1;}
  .union-objective-number {font:900 21px/1 "DM Sans",sans-serif; color:#16968f; width:42px; height:42px; border-radius:50%; border:1px solid #c9e7e3; background:#effaf7; display:grid; place-items:center; flex:none;}
  .union-objective-body h4 {font-size:15px; font-weight:900; color:#173d52; margin:0 0 8px;}
  .union-objective-body p {font-size:13px; line-height:1.95; color:#556f7a; margin:0;}
  .union-source-footnote {font-size:11px; color:#69848b; margin:20px 0 0; line-height:1.8;}

  /* Full institutional profile lives on its own WordPress page. */
  .union-teaser {background:linear-gradient(165deg,#f3f8f8,#eef3f5);}
  .union-teaser-panel {position:relative; display:grid; grid-template-columns:175px minmax(0,1fr) 195px; gap:31px; align-items:center; padding:38px 42px; background:white; border:1px solid #dbe6e8; box-shadow:0 15px 45px rgba(12,50,62,.07); overflow:hidden;}
  .union-teaser-logo {display:grid; place-items:center; padding:0 32px 0 0; border-inline-end:1px solid #e0e8e9; min-height:127px;}
  .union-teaser-logo img {max-height:110px; max-width:155px; object-fit:contain;}
  .union-teaser-copy {min-width:0;}
  .union-teaser-copy h3 {font-size:clamp(19px,2vw,27px); color:#102f48; margin:8px 0 13px; font-weight:900;}
  .union-teaser-copy p {color:#546d7d; font-size:13px; line-height:2; margin:0 0 19px;}
  .union-teaser-cta {display:inline-flex; align-items:center; gap:17px; background:#0d716f; color:white; font-weight:900; padding:12px 20px; font-size:12px; border-radius:3px; transition:background .2s,transform .2s;}
  .union-teaser-cta:hover {background:#104d54; color:white; transform:translateY(-2px);}
  .union-teaser-cta span {font:900 17px "DM Sans",sans-serif; transform:scaleX(-1);}
  .union-teaser-stat {display:flex; flex-direction:column; align-items:center; border-inline-start:1px solid #e4eced; padding-inline-start:30px; color:#248c89;}
  .union-teaser-stat strong {font:900 clamp(34px,4.2vw,55px)/1 "DM Sans",sans-serif; letter-spacing:-.05em;}
  .union-teaser-stat span {font:800 10px/1.5 "DM Sans",sans-serif; letter-spacing:.08em; margin-top:10px; text-align:center;}
  .union-teaser-lines {width:35px; height:3px; background:#a6d3cb; margin-top:22px; transform:rotate(-25deg);}
  .union-page-hero {position:relative; overflow:hidden; color:#effaf9; background:linear-gradient(112deg,#052b38,#126d72); padding:79px 0 83px;}
  .union-page-hero::before {content:""; position:absolute; width:430px; height:430px; border-radius:50%; border:58px solid rgba(225,255,251,.075); inset-inline-end:-155px; top:-280px; box-shadow:0 0 0 65px rgba(255,255,255,.018); pointer-events:none;}
  .union-page-hero-grid {display:grid; grid-template-columns:1fr 285px; gap:60px; align-items:end; position:relative;}
  .union-breadcrumb {display:flex; flex-wrap:wrap; gap:13px; font-size:12px; align-items:center; margin-bottom:29px; color:#cdeee8;}
  .union-breadcrumb a {color:#e3f7f3; border-bottom:1px solid rgba(236,253,250,.55);}
  .union-breadcrumb a:hover {color:white;}
  .union-page-kicker {display:block; margin-bottom:15px; color:#a2e4d6; letter-spacing:.05em; font-weight:900; font-size:11px;}
  .union-page-title {font-size:clamp(34px,4vw,58px); margin:0 0 22px; color:white; font-weight:900; max-width:850px;}
  .union-page-lede {font-size:16px; line-height:2; color:#d4eeec; max-width:770px; margin:0;}
  .union-page-milestones {display:grid; grid-template-columns:1fr 1fr; gap:14px;}
  .union-page-milestones div {border:1px solid rgba(203,252,244,.27); padding:18px 15px; min-height:135px; background:rgba(255,255,255,.055);}
  .union-page-milestones b {font:900 34px/1 "DM Sans",sans-serif; color:#d3edd0; display:block; margin-bottom:11px;}
  .union-page-milestones span {display:block; font-size:10px; line-height:1.6; font-weight:800; color:#d6eeec;}
  .union-standalone .union-profile {padding-top:89px;}
  .union-standalone .union-profile .section-heading .section-title {font-size:clamp(27px,2.6vw,39px);}
  .union-return-section {background:white; padding:56px 0 65px; border-top:1px solid #e3eaef;}
  .union-return-inner {display:flex; align-items:center; justify-content:space-between; gap:20px;}
  .union-return-inner h2 {color:#102f48; font-size:25px; margin:7px 0 10px; font-weight:900;}
  .union-return-inner p {margin:0; color:#61778b; font-size:13px;}
  .union-return-cta {display:flex; align-items:center; gap:18px; flex:none; padding:15px 21px; background:#0b3156; color:white; font-weight:900; font-size:12px;}
  .union-return-cta:hover {color:white; background:#145179;}
  .union-return-cta span {font-size:19px;}
  .lbf-nav a[aria-current="page"] {color:#148080; border-bottom:2px solid #20b9ae;}
  @media (max-width:1100px) {
    .union-teaser-panel {grid-template-columns:138px minmax(0,1fr); gap:24px;}
    .union-teaser-stat {display:none;}
    .union-page-hero-grid {grid-template-columns:1fr 220px; gap:32px;}
    .union-page-milestones {grid-template-columns:1fr;}
    .union-page-milestones div {min-height:0;}
  }
  @media (max-width:690px) {
    .union-teaser-panel {grid-template-columns:1fr; padding:27px 23px;}
    .union-teaser-logo {min-height:95px; padding:0 0 20px; border:0; border-bottom:1px solid #e0e8e9; justify-content:start;}
    .union-teaser-logo img {max-width:120px; max-height:88px;}
    .union-page-hero {padding:54px 0;}
    .union-page-hero-grid {grid-template-columns:1fr;}
    .union-page-milestones {grid-template-columns:1fr 1fr; gap:10px;}
    .union-page-milestones div {min-height:125px; padding:15px;}
    .union-page-milestones b {font-size:28px;}
    .union-return-inner {flex-direction:column; align-items:flex-start;}
  }

  @media (max-width:900px) {
    .union-heading {align-items:flex-start; flex-direction:column;}
    .union-story-grid {grid-template-columns:1fr;}
    .union-objective-header {margin-top:56px;}
  }
  @media (max-width:600px) {
    .union-history-card,.union-purpose-card {padding:26px 22px;}
    .union-identity-row {gap:13px;}
    .union-logo-box {min-width:92px; max-width:110px;}
    .union-logo-box img {max-height:74px;}
    .union-established b {font-size:37px;}
    .union-objective-header {align-items:start; gap:14px;}
    .union-seven b {font-size:32px;}
    .union-seven span {max-width:95px; font-size:9px;}
    .union-objective-grid {grid-template-columns:1fr;}
    .union-objective:last-child {grid-column:auto;}
    .union-objective {padding:20px 17px; gap:12px;}
    .union-objective-number {width:37px; height:37px; font-size:18px;}
    .union-objective-body h4 {font-size:14px;}
    .union-objective-body p {font-size:12px;}
  }


  .topics-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
  .topic { background:#fff; border:1px solid #e2e8ee; padding:31px 27px 28px; min-height:260px; position:relative; transition:transform .2s,border-color .2s,box-shadow .2s; overflow:hidden; }
  .topic:hover { transform:translateY(-3px); border-color:#cfaf7f; box-shadow:0 20px 42px rgba(14,36,55,.075); }
  .topic::before { content:""; position:absolute; inset-inline-start:0; top:0; bottom:0; width:3px; background:#d2ad6b; }
  .topic-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:31px; }
  .topic-number { font:800 28px/1 "DM Sans",sans-serif; color:#a98548; }
  .topic-decoration { display:block; height:28px; width:28px; border:1.8px solid #9bb1c5; border-radius:50%; position:relative; }
  .topic-decoration:before,.topic-decoration:after { content:""; position:absolute; width:30px; height:1px; top:11px; left:-3px; background:#b6c8d7; transform:rotate(45deg); }
  .topic-decoration:after { transform:rotate(-45deg); }
  .topic h3 { margin:0 0 11px; font-size:19px; font-weight:900; color:#103658; }
  .topic p { margin:0; font-size:13px; color:#648094; line-height:1.95; }

  .program-head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; }
  .program-head .section-heading { margin-bottom:38px; }
  .program-note { font-size:12px; color:#9fb3c4; padding-bottom:42px; }
  .day-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
  .day { border:1px solid rgba(218,231,243,.18); background:rgba(255,255,255,.045); }
  .day-head { padding:24px 30px; background:rgba(208,164,97,.1); display:flex; justify-content:space-between; gap:16px; border-bottom:1px solid rgba(255,255,255,.12); }
  .day-head h3 { margin:0; font-size:19px; font-weight:900; color:#fff; }
  .day-head small { display:block; font-size:12px; color:#edcd90; }
  .day-number { font:800 35px/1 "DM Sans",sans-serif; color:#efd0a0; }
  .session { display:flex; gap:19px; align-items:flex-start; padding:22px 30px; border-bottom:1px solid rgba(255,255,255,.1); }
  .session:last-child { border:0; }
  .session-marker { color:#d3ad73; font:800 15px "DM Sans",sans-serif; min-width:34px; }
  .session h4 { color:#fff; margin:0 0 6px; font-size:14px; font-weight:800; }
  .session p { margin:0; font-size:12px; color:#aabed0; }
  .program-disclaimer { background:rgba(253,228,179,.09); border-inline-start:3px solid #caa366; padding:14px 20px; font-size:12px; color:#e0cda8; margin-top:22px; }

  .experience-row { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:27px; }
  .experience { padding:26px 20px; background:#fff; border:1px solid #e4ebf0; min-height:175px; }
  .experience b { font:800 24px/1 "DM Sans"; color:#cda96a; }
  .experience h3 { color:#173a5b; font-size:15px; font-weight:900; margin:20px 0 7px; }
  .experience p { color:#6d8396; font-size:12px; margin:0; }
  .speaker-invite { background:linear-gradient(114deg,#f5f0e6,#fff); border:1px solid #e8d9bf; padding:34px 40px; display:flex; align-items:center; justify-content:space-between; gap:25px; margin-top:35px; }
  .speaker-invite h3 { color:#1b3752; margin:0 0 8px; font-weight:900; font-size:20px; }
  .speaker-invite p { color:#6e7e86; font-size:13px; margin:0; }
  .speaker-invite button { background:#0d3459; color:#fff; padding:14px 25px; border:0; white-space:nowrap; font-weight:800; }

  .sponsor-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:11px; }
  .sponsor-tier { padding:26px 17px 22px; background:white; border:1px solid #e2e8ee; min-height:248px; display:flex; flex-direction:column; }
  .sponsor-tier.featured { background:#0d3054; border-color:#0d3054; color:white; box-shadow:0 18px 45px rgba(8,31,57,.15); }
  .sponsor-label { color:#9b7540; font-size:10px; font-family:"DM Sans",sans-serif; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
  .sponsor-tier.featured .sponsor-label { color:#e9c690; }
  .sponsor-tier h3 { color:#14334e; font-size:18px; font-weight:900; margin:13px 0 25px; }
  .sponsor-tier.featured h3 { color:#fff; }
  .sponsor-price { font:800 clamp(18px,1.8vw,26px)/1.25 "DM Sans",sans-serif; color:#103555; margin-top:auto; white-space:nowrap; }
  .sponsor-tier.featured .sponsor-price { color:#f3d5a0; }
  .sponsor-currency { font-size:12px; color:#71899e; margin-top:4px; }
  .sponsor-tier.featured .sponsor-currency { color:#c7d9e8; }
  .sponsor-tier button { margin-top:20px; border:1px solid #d8b981; background:transparent; color:#153a60; font-size:11px; font-weight:800; padding:11px 6px; }
  .sponsor-tier.featured button { color:#e7c58d; }
  .sponsors-bottom { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-top:25px; background:#f8fafb; border:1px solid #e5ecf2; padding:20px 24px; }
  .sponsors-bottom p { margin:0; color:#5b7184; font-size:13px; }
  .sponsors-bottom a { font-size:13px; font-weight:900; color:#a57a3d; white-space:nowrap; }

  .registration-shell { display:grid; grid-template-columns:.8fr 1.2fr; gap:28px; }
  .registration-intro { background:#0c2d4f; color:#fff; padding:40px 36px; position:relative; overflow:hidden; }
  .registration-intro::after { content:""; position:absolute; border-radius:100%; border:1px solid rgba(232,197,133,.24); width:340px; height:340px; bottom:-190px; inset-inline-end:-140px; }
  .registration-intro h3 { font-size:28px; font-weight:900; margin:13px 0 19px; color:#fff; }
  .registration-intro p { font-size:14px; color:#c2d5e5; line-height:1.9; margin:0; }
  .registration-flow { list-style:none; padding:0; margin:37px 0 0; display:grid; gap:16px; }
  .registration-flow li { display:flex; align-items:center; gap:14px; color:#dfebf5; font-size:12px; font-weight:700; }
  .registration-flow b { width:31px; height:31px; color:#e7c88e; border:1px solid rgba(232,197,133,.38); border-radius:50%; display:grid; place-items:center; font:800 12px "DM Sans"; flex:none; }
  .registration-content { background:white; border:1px solid #e2e9ef; padding:32px; min-width:0; }
  .registration-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:21px; }
  .registration-head h3 { margin:0; color:#123554; font-size:19px; font-weight:900; }
  .reg-stage { font:800 11px "DM Sans"; color:#a98248; white-space:nowrap; }
  .role-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:11px; margin-bottom:21px; }
  .role-card { border:1px solid #dfe7ee; background:#fafcfd; text-align:start; border-radius:4px; padding:16px 15px; display:flex; align-items:center; gap:12px; color:#1a3a57; }
  .role-card[aria-pressed="true"] { background:#f8f1e4; border-color:#c49f64; box-shadow:inset 0 0 0 1px #c49f64; }
  .role-card b { display:block; font-weight:900; font-size:14px; }
  .role-card small { display:block; margin-top:3px; font-size:10px; color:#698498; }
  .role-symbol { width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:#e9f0f6; color:#0b3559; flex:none; }
  .role-symbol svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.65; }
  .registration-form { border-top:1px solid #e8eef2; padding-top:20px; }
  .form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
  .form-field { display:flex; flex-direction:column; gap:6px; min-width:0; }
  .form-field.wide { grid-column:1 / -1; }
  .form-field label { color:#27455f; font-weight:800; font-size:11px; }
  .form-field input,.form-field select,.form-field textarea { background:#fbfcfd; width:100%; border:1px solid #d9e3ea; padding:11px 12px; border-radius:3px; color:#173751; font-size:12px; min-height:43px; }
  .form-field textarea { resize:vertical; min-height:76px; }
  .form-field input::placeholder,.form-field textarea::placeholder { color:#95a4b0; }
  .form-check { display:flex; align-items:flex-start; gap:10px; color:#60798c; font-size:11px; margin-top:20px; line-height:1.8; }
  .form-check input { margin-top:4px; accent-color:#a97f44; }
  .form-actions { display:flex; align-items:center; justify-content:space-between; margin-top:21px; gap:14px; flex-wrap:wrap; }
  .submit-preview { background:#0a355b; color:white; border:0; padding:13px 20px; font-size:12px; font-weight:900; }
  .form-actions small { color:#987644; font-size:10px; font-weight:700; max-width:260px; }
  .form-result { margin-top:20px; background:#fff8e7; border-inline-start:3px solid #c39b5d; color:#634a26; font-size:12px; padding:13px 18px; }
  .registration-footer { font-size:11px; color:#8296a7; margin-top:12px; }
  .category-note { font-size:12px; color:#596f81; margin:0 0 15px; }

  .archive-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:20px; }
  .archive-card { min-height:277px; position:relative; overflow:hidden; padding:37px; border:1px solid #e1e7ec; display:flex; flex-direction:column; justify-content:space-between; }
  .archive-card.current { color:white; background:linear-gradient(128deg,#0b2a4a,#205b81); }
  .archive-card.previous { background:linear-gradient(120deg,#fcfaf6,#e8e2d5); }
  .archive-card::before { content:""; position:absolute; width:220px; height:220px; border-radius:50%; border:40px solid rgba(202,160,97,.1); top:-110px; inset-inline-end:-100px; }
  .archive-year { display:flex; align-items:center; justify-content:space-between; position:relative; }
  .archive-year b { font:900 56px/1 "DM Sans"; letter-spacing:-.05em; }
  .archive-year span { font:900 12px "DM Sans","Cairo"; color:#bc9861; }
  .archive-card h3 { margin:12px 0 6px; font-size:24px; font-weight:900; position:relative; }
  .archive-card p { margin:0 0 16px; font-size:13px; line-height:1.7; position:relative; }
  .archive-card.current p { color:#c2d6e5; }
  .archive-card.previous p { color:#6b7d89; }
  .archive-card a { color:inherit; font-size:12px; font-weight:900; display:inline-flex; align-items:center; gap:6px; width:fit-content; border-bottom:1px solid currentColor; padding-bottom:4px; position:relative; }
  .archive-note { margin-top:18px; color:#7e90a0; font-size:11px; }

  .footer-main { background:#061a30; color:#b5c5d4; padding:58px 0 35px; }
  .footer-grid { display:grid; grid-template-columns:1.1fr .7fr .75fr; gap:60px; }
  .footer-title { font-size:18px; font-weight:900; color:white; margin:0 0 15px; }
  .footer-paragraph { color:#9fb5c6; font-size:13px; line-height:2; margin:0; }
  .footer-links { display:grid; gap:11px; font-size:13px; }
  .footer-links a { color:#b5c9d7; }
  .footer-links a:hover { color:#deb97e; }
  .footer-copyright { padding-top:27px; margin-top:40px; border-top:1px solid rgba(255,255,255,.12); display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; font:600 11px "DM Sans","Cairo",sans-serif; color:#7891a5; }

  @media (max-width: 1150px) {
    .lbf-container { width:min(1140px,calc(100% - 48px)); }
    .nav-inner { gap:15px; }
    .brand { min-width:170px; }
    .brand-mark { width:52px; height:50px; }
    .brand-name strong { font-size:12px; }
    .lbf-nav { gap:11px; }
    .lbf-nav a { font-size:11px; }
    .nav-actions { gap:9px; }
    .header-register { padding-inline:11px; font-size:11px; }
    .sponsor-tier { padding-inline:13px; }
  }
  @media (max-width: 900px) {
    .menu-toggle { display:flex; margin-inline-start:auto; }
    .lbf-nav { display:none; position:absolute; top:100%; left:0; right:0; background:#fff; padding:20px 27px; flex-direction:column; align-items:stretch; gap:4px; box-shadow:0 20px 25px rgba(12,35,52,.11); }
    .lbf-nav.open { display:flex; }
    .nav-inner { min-height:78px; }
    .nav-actions { margin-inline-start:0; }
    .hero-grid { grid-template-columns:1fr; min-height:auto; padding:70px 0 60px; gap:0; }
    .hero-copy { max-width:100%; }
    .hero-art { min-height:350px; margin-top:34px; }
    .hero-portal { height:325px; width:255px; }
    .hero-vertical { right:8%; }
    .hero-title { max-width:770px; }
    .about-grid,.registration-shell { grid-template-columns:1fr; gap:35px; }
    .topics-grid { grid-template-columns:repeat(2,1fr); }
    .sponsor-grid { grid-template-columns:repeat(3,1fr); }
    .experience-row { grid-template-columns:repeat(2,1fr); }
    .footer-grid { gap:30px; }
  }
  @media (max-width: 600px) {
    .lbf-container { width:calc(100% - 32px); }
    .topline-inner { justify-content:center; }
    .topline-event { display:none; }
    .lbf-header .brand { min-width:0; }
    .lbf-header .brand-mark { width:47px; }
    .lbf-header .brand-name strong { font-size:11px; }
    .lbf-header .brand-name small { font-size:8px; }
    .lbf-header .header-register { display:none; }
    .nav-inner { gap:11px; }
    .hero-grid { padding-block:48px 54px; }
    .hero-title { font-size:36px; }
    .hero-art { min-height:290px; }
    .hero-portal { height:270px; width:207px; }
    .portal-caption b { font-size:32px; }
    .hero-meta { align-items:flex-start; flex-direction:column; gap:12px; }
    .hero-meta i { display:none; }
    .hero-buttons { gap:10px; }
    .hero-main-cta,.hero-secondary-cta { padding:0 18px; min-height:48px; font-size:12px; }
    .facts-row { grid-template-columns:repeat(2,1fr); }
    .fact { padding:18px 10px; gap:9px; border-bottom:1px solid #eef1f4; }
    .fact-number { font-size:29px; }
    .fact-caption { font-size:10px; }
    .section { padding-block:65px; }
    .topics-grid,.day-grid,.archive-grid,.registration-shell { grid-template-columns:1fr; }
    .topic { min-height:0; padding:24px; }
    .topic-top { margin-bottom:20px; }
    .about-tiles { gap:10px; }
    .about-tile { padding:18px 17px; }
    .union-banner { flex-direction:column; align-items:flex-start; padding:24px; }
    .union-logo { flex:auto; border:0; border-bottom:1px solid #e2e9ef; width:100%; }
    .union-stamp { display:none; }
    .sponsor-grid { grid-template-columns:repeat(2,1fr); }
    .sponsor-tier { min-height:215px; }
    .sponsor-tier h3 { font-size:15px; }
    .sponsor-price { font-size:20px; }
    .experience-row { gap:10px; }
    .experience { padding:21px 17px; min-height:145px; }
    .speaker-invite { padding:25px; flex-direction:column; align-items:stretch; }
    .registration-intro,.registration-content { padding:25px 22px; }
    .form-grid { grid-template-columns:1fr; }
    .form-field.wide { grid-column:auto; }
    .archive-card { padding:27px; }
    .footer-grid { grid-template-columns:1fr; gap:33px; }
    .footer-main { padding-top:44px; }
    .program-head { display:block; }
    .program-note { padding-bottom:15px; }
    .sponsors-bottom { flex-direction:column; align-items:stretch; }
    .footer-copyright { line-height:1.7; }
  }
  @media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none !important; transition:none !important; } }
}

.union-teaser-cta > span[data-lbf-ar],.union-return-cta > span[data-lbf-ar]{transform:none!important}
@media(max-width:600px){.lbf-header .brand-mark{width:56px;height:58px;padding-inline-end:5px}.lbf-header .brand-mark img{width:52px;height:52px;max-height:none;object-fit:contain}.lbf-header .brand-name strong{font-size:11px}.lbf-header .brand-name small{font-size:8px}.lbf-header .lang-picker{gap:2px}.lbf-header .lang-picker button{padding:6px 3px;font-size:10px}.lbf-header .brand{min-width:0}.lbf-header .nav-inner{gap:10px}}@media(max-width:360px){.lbf-header .brand-name{max-width:82px}.lbf-header .brand{gap:6px}.lbf-header .brand-mark{width:48px;padding-inline-end:3px}.lbf-header .brand-mark img{width:44px;height:44px}.lbf-header .menu-toggle{width:32px;flex:none}.lbf-header .nav-inner{gap:8px}.lbf-header .lang-picker button{padding:6px 2px;font-size:9px}}