/* ═══════════════════════════════════════════════════
   AIC LIQUID GLASS — GLOBAL STYLESHEET
   Palette: Deep Navy-Blue from Dribbble #26152206
   ═══════════════════════════════════════════════════ */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --bg:        #050D1A;
  --bg2:       #071425;
  --b1:        #0D3B6E;
  --b2:        #1565C0;
  --b3:        #1E88E5;
  --b4:        #42A5F5;
  --cyan:      #00B8D9;
  --teal:      #00BFA5;
  --violet:    #7C4DFF;
  --gold:      #FFD54F;
  --g-bg:      rgba(255,255,255,.06);
  --g-bg-h:    rgba(255,255,255,.10);
  --g-bdr:     rgba(255,255,255,.11);
  --g-bdr-h:   rgba(255,255,255,.22);
  --tp:        rgba(255,255,255,.95);
  --ts:        rgba(255,255,255,.65);
  --tm:        rgba(255,255,255,.38);
  --r-lg:      24px;
  --r-md:      16px;
  --r-sm:      12px;
  --blur:      20px;
}

html{scroll-behavior:smooth}
body{font-family:'DM Sans','Helvetica Neue',Helvetica,Arial,sans-serif;background:var(--bg);color:var(--tp);overflow-x:hidden;min-height:100vh;transition:background-color .35s ease,color .35s ease}

/* ── BG ── */
.bg-canvas{position:fixed;inset:0;z-index:0;
  background:radial-gradient(ellipse at 20% 20%,#0d2a5a,transparent 55%),
             radial-gradient(ellipse at 80% 10%,#0a1f4e,transparent 50%),
             radial-gradient(ellipse at 60% 80%,#071635,transparent 55%),
             linear-gradient(160deg,#050D1A,#071425 50%,#060f1e);
  overflow:hidden}
.orb{will-change:transform;position:absolute;border-radius:50%;opacity:.38;animation:forb 22s ease-in-out infinite}
.o1{width:600px;height:600px;background:radial-gradient(#1565C0,#0D3B6E 50%,transparent 70%);top:-200px;left:-100px;animation-duration:22s}
.o2{width:500px;height:500px;background:radial-gradient(#3949AB,#1A237E 50%,transparent 70%);top:10%;right:-150px;animation-duration:18s;animation-delay:-6s}
.o3{width:400px;height:400px;background:radial-gradient(#006064,#004D40 50%,transparent 70%);bottom:10%;left:20%;animation-duration:25s;animation-delay:-12s}
.o4{width:300px;height:300px;background:radial-gradient(#7C4DFF44,#31199244 50%,transparent 70%);top:50%;right:10%;animation-duration:20s;animation-delay:-4s}
.o5{width:250px;height:250px;background:radial-gradient(#00B8D944,transparent 70%);bottom:5%;right:30%;animation-duration:16s;animation-delay:-8s}
@keyframes forb{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(18px,-14px,0)}}25%{transform:translate(40px,-30px) scale(1.05)}50%{transform:translate(-20px,50px) scale(.95)}75%{transform:translate(30px,20px) scale(1.02)}}
.bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:60px 60px}

/* ── GLASS ── */
.gc{background:rgba(10,24,44,0.88);border:1px solid var(--g-bdr);border-radius:var(--r-lg);position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}
.gc::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.10),transparent 50%);pointer-events:none}
.gc::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);pointer-events:none}
.gc:hover{transform:translateY(-5px);border-color:var(--g-bdr-h);box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 40px rgba(21,101,192,.15)}

/* ── LAYOUT ── */
.container{max-width:1200px;margin:0 auto;padding:0 40px}
.rel{position:relative;z-index:1}
.section{padding:96px 0;position:relative;z-index:1}
.section-sm{padding:64px 0;position:relative;z-index:1}

/* ── TOPBAR ── */
.topbar .container{display:flex;justify-content:space-between;align-items:center}

/* ── TOPBAR COMPLETE FIX ── */
/* Dark mode topbar — tetap gelap */
.topbar {
  position: relative;
  z-index: 100;
  background: rgba(5,13,26,.96);
  border-bottom: 1px solid rgba(255,255,255,.06);
  padding: 7px 0;
}
.topbar a { font-size: 11px; color: rgba(255,255,255,.55); text-decoration: none; transition: color .2s; }
.topbar a:hover { color: var(--b4); }

/* Light mode topbar — putih bersih, teks hitam jelas */
[data-theme="light"] .topbar {
  background: #ffffff !important;
  border-bottom: 1.5px solid rgba(21,101,192,.15) !important;
  box-shadow: 0 1px 8px rgba(21,101,192,.08) !important;
}
[data-theme="light"] .topbar a {
  color: #1f2937 !important;
  font-weight: 600 !important;
}
[data-theme="light"] .topbar a:hover { color: #1565C0 !important; }
[data-theme="light"] .topbar .sp {
  background: rgba(21,101,192,.09) !important;
  border: 1px solid rgba(21,101,192,.18) !important;
  color: #374151 !important;
}
[data-theme="light"] .topbar .sp:hover {
  background: rgba(21,101,192,.20) !important;
  color: #1565C0 !important;
}

.topbar-l{display:flex;gap:20px}
.topbar a{font-size:11px;color:var(--tm);text-decoration:none;transition:color .2s}
.topbar a:hover{color:var(--b4)}
.topbar-r{display:flex;gap:6px}
.sp{width:26px;height:26px;border-radius:7px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:var(--tm);font-size:11px;text-decoration:none;transition:all .2s}
.sp:hover{background:rgba(21,101,192,.3);border-color:var(--b3);color:#fff}
.sp svg{width:12px;height:12px;fill:currentColor}

/* ── NAVBAR ── */
.navbar{position:sticky;top:0;z-index:200;background:rgba(5,13,26,.82);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.07);height:68px}
.navbar .container{height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}
.nav-logo{display:flex;align-items:center;gap:11px;text-decoration:none;flex-shrink:0}
.nav-gem-img{height:44px;width:auto;object-fit:contain}
.nav-gem::before{content:'';position:absolute;top:0;left:-50%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transform:skewX(-15deg)}
.nav-logo-t strong{display:block;font-size:13px;font-weight:800;color:#fff;line-height:1.2}
.nav-logo-t span{font-size:9px;color:var(--tm);font-weight:400}

/* ── MEGA MENU ── */
.nav-menu{display:flex;align-items:center;gap:0;list-style:none;flex:1;justify-content:center}
.nav-item{position:relative}
.nav-link{display:flex;align-items:center;gap:4px;padding:7px 13px;border-radius:9px;font-size:13px;font-weight:500;color:var(--ts);text-decoration:none;transition:all .2s;white-space:nowrap;cursor:pointer;background:none;border:none;font-family:'DM Sans',sans-serif}
.nav-link:hover,.nav-link.active{background:rgba(255,255,255,.08);color:#fff}
.nav-link .chevron{font-size:9px;opacity:.6;transition:transform .2s}
.nav-item:hover .chevron{transform:rotate(180deg)}

/* Dropdown */
.dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:240px;background:rgba(7,20,37,.95);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-md);padding:8px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s;z-index:300;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.nav-item:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.dd-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;color:var(--ts);text-decoration:none;font-size:13px;font-weight:500;transition:all .2s;position:relative}
.dd-item:hover{background:rgba(255,255,255,.08);color:#fff}
.dd-item .dd-arrow{margin-left:auto;font-size:10px;color:var(--tm)}
.dd-icon{width:28px;height:28px;border-radius:8px;background:rgba(21,101,192,.2);border:1px solid rgba(66,165,245,.15);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}

/* Mega (sub-committees) */
.mega-drop{position:absolute;top:calc(100% + 8px);left:-20px;width:480px;background:rgba(7,20,37,.95);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-lg);padding:20px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s;z-index:300;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.dd-item:hover .mega-drop,
.dd-item.has-mega:hover .mega-drop{opacity:1;visibility:visible;transform:translateY(0)}
/* Nested mega */
.has-mega{position:relative}
.has-mega .mega-drop{top:0;left:calc(100% + 8px)}
.has-mega:hover .mega-drop{opacity:1;visibility:visible;transform:translateY(0)}
.mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mega-item{padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);text-decoration:none;transition:all .2s;display:block}
.mega-item:hover{background:rgba(21,101,192,.15);border-color:rgba(66,165,245,.25)}
.mega-item .mi-tag{font-size:9px;font-weight:800;color:var(--b4);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:4px}
.mega-item .mi-title{font-size:12px;font-weight:600;color:rgba(255,255,255,.85);line-height:1.4}
.mega-header{font-size:9px;font-weight:800;color:var(--tm);text-transform:uppercase;letter-spacing:2px;padding:0 4px;margin-bottom:10px}

.nav-cta-btn{background:linear-gradient(135deg,#1565C0,#1E88E5);color:#fff;font-size:13px;font-weight:700;padding:8px 18px;border-radius:100px;text-decoration:none;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 16px rgba(21,101,192,.4);white-space:nowrap;transition:all .2s;flex-shrink:0}
.nav-cta-btn:hover{transform:translateY(-1px);box-shadow:0 6px 24px rgba(21,101,192,.5)}

/* Mobile toggle */
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;background:none;border:none}
.hamburger span{width:22px;height:2px;background:var(--ts);border-radius:2px;transition:all .3s}

/* ── BREADCRUMB ── */
.breadcrumb{position:relative;z-index:1;background:rgba(255,255,255,.02);border-bottom:1px solid rgba(255,255,255,.05);padding:10px 0}
.breadcrumb nav{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--tm)}
.breadcrumb a{color:var(--tm);text-decoration:none;transition:color .2s}
.breadcrumb a:hover{color:var(--b4)}
.breadcrumb .sep{color:rgba(255,255,255,.15)}
.breadcrumb .cur{color:var(--ts);font-weight:600}

/* ── PAGE HERO ── */
.page-hero{padding:80px 0 70px;position:relative;z-index:1;border-bottom:1px solid rgba(255,255,255,.05)}
.page-hero::after{content:'';position:absolute;width:500px;height:500px;border-radius:50%;background:rgba(21,101,192,.12);top:-150px;right:-100px;filter:blur(80px);pointer-events:none}

/* ── TYPOGRAPHY ── */
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--cyan);margin-bottom:14px}
.eyebrow::before{content:'';width:18px;height:1.5px;background:var(--cyan);display:block}
.eyebrow.center{justify-content:center}
.eyebrow.center::before{display:none}
.eyebrow.center::after{content:'';width:18px;height:1.5px;background:var(--cyan);display:block}
.h-display{font-family:'Playfair Display',serif;font-size:clamp(42px,5vw,68px);font-weight:400;line-height:1.1;color:#fff;letter-spacing:-1.5px}
.h-display em,.h-section em{font-style:italic;background:linear-gradient(135deg,#42A5F5,#00B8D9,#7C4DFF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.h-section{font-family:'Playfair Display',serif;font-size:clamp(30px,4vw,52px);font-weight:400;line-height:1.15;color:#fff;letter-spacing:-1px}
.h-card{font-size:17px;font-weight:700;color:#fff;line-height:1.3}
.body-lg{font-size:17px;color:var(--ts);line-height:1.75}
.body-md{font-size:14px;color:var(--ts);line-height:1.75}
.body-sm{font-size:12px;color:var(--tm);line-height:1.65}
.divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(66,165,245,.18),transparent);position:relative;z-index:1}

/* ── BUTTONS ── */
.btn-p:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(21,101,192,.55)}
.btn-o:hover{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.3);transform:translateY(-2px)}
.btn-sm{padding:8px 18px;font-size:12px}

/* ── BADGES ── */
.badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:4px 10px;border-radius:100px}
.badge-blue{background:rgba(66,165,245,.15);color:var(--b4);border:1px solid rgba(66,165,245,.25)}
.badge-cyan{background:rgba(0,184,217,.12);color:var(--cyan);border:1px solid rgba(0,184,217,.2)}
.badge-teal{background:rgba(0,191,165,.12);color:var(--teal);border:1px solid rgba(0,191,165,.2)}
.badge-gold{background:rgba(255,213,79,.1);color:var(--gold);border:1px solid rgba(255,213,79,.2)}
.badge-dot::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;animation:pd 2s infinite}
@keyframes pd{0%,100%{opacity:1}50%{opacity:.35}}

/* ── CARDS GRID ── */
.g2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.g-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}

/* ── STATS ── */
.stats-glass{border-radius:var(--r-lg);padding:32px 48px;display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.stat-cell{text-align:center;padding:0 24px;border-right:1px solid rgba(255,255,255,.08)}
.stat-cell:last-child{border-right:none}
.stat-n{font-family:'Playfair Display',serif;font-size:48px;letter-spacing:-2px;line-height:1;background:linear-gradient(135deg,#fff 30%,#42A5F5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px}
.stat-l{font-size:10px;font-weight:600;color:var(--tm);text-transform:uppercase;letter-spacing:1.5px}

/* ── MARQUEE ── */
.marquee-bar{background:linear-gradient(90deg,rgba(21,101,192,.8),rgba(57,73,171,.8));border-top:1px solid rgba(66,165,245,.2);border-bottom:1px solid rgba(66,165,245,.2);padding:11px 0;overflow:hidden;position:relative;z-index:1}
.mq-inner{display:flex;white-space:nowrap}
.mq-track{display:inline-flex;gap:48px;animation:mqscroll 28s linear infinite}
.mq-track+.mq-track{animation-delay:-14s}
@keyframes mqscroll{from{transform:translateX(0)}to{transform:translateX(-100%)}}
.mq-item{font-size:11px;font-weight:700;color:rgba(255,255,255,.8);text-transform:uppercase;letter-spacing:2px}
.mq-sep{color:rgba(255,255,255,.3);font-size:7px}

/* ── MEMBER LOGOS ── */
.member-logo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;justify-items:center}
.mlg-item{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:24px 20px;display:flex;align-items:center;justify-content:center;transition:all .2s;width:100%;min-height:120px}
.mlg-item:hover{background:rgba(21,101,192,.15);border-color:rgba(66,165,245,.3);transform:translateY(-3px)}
.mlg-item img{max-height:100px;max-width:100%;object-fit:contain;filter:brightness(.85) saturate(.8);transition:filter .2s}
.mlg-item:hover img{filter:brightness(1) saturate(1)}

/* ── EVENTS LIST ── */
.ev-row{display:grid;grid-template-columns:80px 1fr auto;gap:20px;align-items:center;padding:20px 24px;border-radius:var(--r-md);transition:all .25s}
.ev-row:hover{transform:translateX(6px)}
.ev-date{background:rgba(21,101,192,.2);border:1px solid rgba(66,165,245,.2);border-radius:12px;padding:10px;text-align:center}
.ev-day{font-family:'Playfair Display',serif;font-size:26px;line-height:1;color:var(--b4)}
.ev-mon{font-size:9px;text-transform:uppercase;color:var(--tm);font-weight:700;letter-spacing:1px;margin-top:2px}
.ev-type{font-size:9px;font-weight:800;color:var(--cyan);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:4px}
.ev-title{font-size:14px;font-weight:600;color:#fff;margin-bottom:4px;line-height:1.4}
.ev-loc{font-size:11px;color:var(--tm)}
.btn-ev{background:rgba(21,101,192,.2);border:1px solid rgba(66,165,245,.25);color:var(--b4);font-size:11px;font-weight:700;padding:8px 16px;border-radius:100px;text-decoration:none;white-space:nowrap;transition:all .2s}
.btn-ev:hover{background:rgba(21,101,192,.4);border-color:var(--b4);color:#fff}

/* ── MESSAGES ── */
.msg-card{padding:36px;border-radius:var(--r-lg);position:relative;overflow:hidden}
.msg-qm{font-family:'Playfair Display',serif;font-size:100px;line-height:.8;color:var(--b3);opacity:.1;position:absolute;top:10px;right:20px;pointer-events:none}
.msg-role{display:inline-block;background:rgba(66,165,245,.12);color:var(--b4);font-size:9px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;padding:4px 12px;border-radius:100px;border:1px solid rgba(66,165,245,.2);margin-bottom:18px}
.msg-text{font-family:'Playfair Display',serif;font-style:italic;font-size:15px;color:rgba(255,255,255,.85);line-height:1.8;margin-bottom:24px}
.msg-author{display:flex;align-items:center;gap:14px}
.msg-photo{width:50px;height:50px;border-radius:50%;overflow:hidden;border:2px solid rgba(66,165,245,.3);background:linear-gradient(135deg,#1565C0,#3949AB);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;color:#fff;flex-shrink:0}
.msg-photo img{width:100%;height:100%;object-fit:cover}
.msg-name{font-size:13px;font-weight:700;color:#fff}
.msg-pos{font-size:11px;color:var(--tm);margin-top:1px}

/* ── COMMITTEE CARDS ── */
.comm-card{padding:26px;border-radius:var(--r-md);cursor:pointer}
.comm-tag{display:inline-block;background:rgba(66,165,245,.15);color:var(--b4);font-size:9px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;padding:4px 10px;border-radius:100px;border:1px solid rgba(66,165,245,.25);margin-bottom:14px}
.comm-card h3{font-size:14px;font-weight:700;color:#fff;margin-bottom:8px;line-height:1.4}
.comm-card p{font-size:12px;color:var(--ts);line-height:1.6}
.comm-arrow{color:var(--b4);margin-top:14px;font-size:14px}

/* ── NEWS CARDS ── */
.news-card{display:flex;flex-direction:column;overflow:hidden}
.news-thumb{height:168px;background:linear-gradient(135deg,#0D3B6E,#1565C0);display:flex;align-items:center;justify-content:center;font-size:44px;position:relative;overflow:hidden}
.news-thumb img{width:100%;height:100%;object-fit:cover}
.news-body{padding:20px;flex:1;display:flex;flex-direction:column}
.news-cat{font-size:9px;font-weight:800;color:var(--cyan);text-transform:uppercase;letter-spacing:2px;margin-bottom:7px}
.news-ttl{font-size:14px;font-weight:700;color:#fff;line-height:1.45;margin-bottom:8px}
.news-exc{font-size:12px;color:var(--ts);line-height:1.65;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.news-ft{display:flex;justify-content:flex-end;padding-top:14px;margin-top:auto}
.news-lnk{font-size:11px;font-weight:700;color:var(--b4);text-decoration:none;transition:color .2s}
.news-lnk:hover{color:var(--cyan)}

/* ── ACCORDION (FAQ) ── */
.acc-item{border-bottom:1px solid rgba(255,255,255,.07)}
.acc-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:18px 0;background:none;border:none;cursor:pointer;font-family:'DM Sans','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:14px;font-weight:600;color:#fff;text-align:left;gap:16px}
.acc-icon{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:14px;transition:transform .3s,background .2s;flex-shrink:0}
.acc-btn.open .acc-icon{transform:rotate(45deg);background:rgba(21,101,192,.4);border-color:rgba(66,165,245,.4)}
.acc-body{display:none;padding:0 0 18px;font-size:13px;color:var(--ts);line-height:1.75}
.acc-body.open{display:block}

/* ── CONTACT ── */
.ci-icon{width:38px;height:38px;border-radius:11px;background:rgba(21,101,192,.2);border:1px solid rgba(66,165,245,.2);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.ci-label{font-size:9px;font-weight:800;color:var(--tm);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:3px}
.ci-val{font-size:13px;color:var(--ts);line-height:1.5}
.fi{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-sm);padding:12px 16px;color:#fff;font-size:13px;font-family:'DM Sans','Helvetica Neue',Helvetica,Arial,sans-serif;outline:none;transition:border-color .2s,background .2s;width:100%}
.fi:focus{border-color:rgba(66,165,245,.5);background:rgba(255,255,255,.07)}
.fi::placeholder{color:rgba(255,255,255,.25)}
textarea.fi{resize:none;height:110px}
select.fi option{background:#0a1f38}

/* ── TABLE ── */
.dtable{width:100%;border-collapse:collapse;font-size:13px}
.dtable th{background:rgba(255,255,255,.04);padding:11px 16px;text-align:left;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--tm);border-bottom:1px solid rgba(255,255,255,.08)}
.dtable td{padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.05);color:var(--ts)}
.dtable tr:last-child td{border-bottom:none}
.dtable tr:hover td{background:rgba(255,255,255,.03)}

/* ── TIMELINE ── */
.timeline{position:relative}
.timeline::before{content:'';position:absolute;left:20px;top:0;bottom:0;width:1px;background:rgba(255,255,255,.08)}
.tl-item{display:flex;gap:28px;padding-bottom:36px}
.tl-dot{width:42px;min-width:42px;display:flex;flex-direction:column;align-items:center}
.tl-circle{width:12px;height:12px;border-radius:50%;background:var(--b4);border:2px solid rgba(255,255,255,.2);margin-top:4px;z-index:1}
.tl-yr{font-size:11px;color:var(--tm);margin-top:5px;font-weight:600}
.tl-content h3{font-size:14px;font-weight:700;color:#fff;margin-bottom:4px}
.tl-content p{font-size:12px;color:var(--ts);line-height:1.6}

/* ── CTA BAND ── */
.cta-band{padding:90px 0;position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}
.cta-glass{border-radius:var(--r-lg);padding:64px;text-align:center;position:relative;overflow:hidden}
.cta-glass::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(21,101,192,.18),transparent 70%);pointer-events:none}

/* ── FOOTER ── */
.footer{padding:64px 0 28px;position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.06)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:44px;margin-bottom:44px}
.footer-brand p{font-size:12px;color:var(--tm);line-height:1.7;max-width:280px;margin-top:14px}
.fc h4{font-size:9px;font-weight:800;color:rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:2px;margin-bottom:14px}
.fc ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.fc ul li a{font-size:12px;color:var(--tm);text-decoration:none;transition:color .2s}
.fc ul li a:hover{color:var(--b4)}
.footer-bot{border-top:1px solid rgba(255,255,255,.05);padding-top:20px;display:flex;justify-content:space-between;align-items:center}
.footer-bot p{font-size:11px;color:rgba(255,255,255,.25)}
.footer-bot a{color:rgba(255,255,255,.3);text-decoration:none;transition:color .2s}
.footer-bot a:hover{color:var(--b4)}
.footer-socials{display:flex;gap:8px;margin-top:14px}

/* ── GALLERY ── */
.gallery-masonry{columns:3;column-gap:14px}
.gal-item{break-inside:avoid;margin-bottom:14px;border-radius:var(--r-sm);overflow:hidden;position:relative;cursor:pointer;background:rgba(255,255,255,.04)}
.gal-item img{width:100%;display:block;transition:transform .3s}
.gal-item:hover img{transform:scale(1.05)}
.gal-overlay{position:absolute;inset:0;background:rgba(10,37,64,.5);opacity:0;transition:opacity .3s;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px}
.gal-item:hover .gal-overlay{opacity:1}
.gal-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(5,13,26,.85));color:rgba(255,255,255,.8);font-size:11px;padding:20px 12px 10px;opacity:0;transition:opacity .3s}
.gal-item:hover .gal-caption{opacity:1}
.lightbox{display:none;position:fixed;inset:0;z-index:999;background:rgba(5,13,26,.95);align-items:center;justify-content:center}
.lightbox.open{display:flex}
.lightbox img{max-width:85vw;max-height:85vh;border-radius:12px;object-fit:contain}
.lb-close{position:absolute;top:24px;right:28px;color:#fff;font-size:36px;cursor:pointer;background:none;border:none;line-height:1;font-weight:300;transition:color .2s}
.lb-close:hover{color:var(--b4)}

/* ── SCROLL ANIM ── */
[da]{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}
[da].v{opacity:1;transform:translateY(0)}
[da][dd="1"]{transition-delay:.1s}[da][dd="2"]{transition-delay:.2s}[da][dd="3"]{transition-delay:.3s}[da][dd="4"]{transition-delay:.4s}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .g3{grid-template-columns:1fr 1fr}
  .g4{grid-template-columns:1fr 1fr}
  .stats-glass{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .container{padding:0 24px}
  .gallery-masonry{columns:2}
}
@media(max-width:768px){
  .g2,.g3,.g4{grid-template-columns:1fr}
  .nav-menu{display:none}
  .hamburger{display:flex}
  .nav-menu.open{display:flex;flex-direction:column;position:absolute;top:68px;left:0;right:0;background:rgba(5,13,26,.97);backdrop-filter:blur(24px);padding:16px;border-bottom:1px solid rgba(255,255,255,.08);z-index:300}
  .dropdown,.mega-drop{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.06)}
  .has-mega .mega-drop{left:0;top:auto}
  .gallery-masonry{columns:1}
  .ev-row{grid-template-columns:1fr;gap:10px}
  .footer-grid{grid-template-columns:1fr}
}

@keyframes spin{to{transform:rotate(360deg)}}

.nav-item.dd-open .dropdown,
.nav-item.dd-open .mega-drop { opacity:1; visibility:visible; transform:translateY(0); }
.nav-item.dd-open .chevron { transform:rotate(180deg); }

/* DM Sans optical size & tracking tweaks */
body { font-optical-sizing: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.h-display, .h-section { letter-spacing: -1px; }
.eyebrow { letter-spacing: 2.5px; }
.nav-link, .btn-p, .btn-o, .nav-cta-btn { letter-spacing: 0.1px; }
.body-lg { font-size: 17px; font-weight: 400; }
.body-md { font-size: 14px; font-weight: 400; }
.body-sm { font-size: 12px; font-weight: 400; }
.comm-tag, .badge, .badge-blue, .badge-gold, .badge-cyan, .badge-teal { letter-spacing: 1.5px; }
h3, .h-card { font-weight: 700; letter-spacing: -0.2px; }

.flag-img{display:inline-block;width:20px;height:14px;object-fit:cover;
  border-radius:2px;vertical-align:middle;
  box-shadow:0 1px 3px rgba(0,0,0,.35);flex-shrink:0}
.flag-sm{width:16px;height:11px}
.flag-lg{width:28px;height:19px}
.flag-chip{display:inline-flex;align-items:center;gap:6px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);
  border-radius:8px;padding:4px 10px;font-size:11px;color:var(--ts)}


/* ══════════════════════════════════════════════════════
   THEME TOGGLE — sliding pill (amzigo style)
   ══════════════════════════════════════════════════════ */
.theme-switch {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}
.theme-switch input[type="checkbox"] {
  position: absolute;
  width: 1px; height: 1px;
  opacity: 0; pointer-events: none;
}
.ts-track {
  position: relative;
  width: 56px; height: 30px;
  border-radius: 100px;
  background: rgba(255,255,255,.15);
  border: 1.5px solid rgba(255,255,255,.25);
  box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
  transition: background .4s, border-color .4s, box-shadow .4s;
  display: block;
}
.ts-thumb {
  position: absolute;
  top: 4px; left: 4px;
  width: 20px; height: 20px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,.35);
  display: flex; align-items: center; justify-content: center;
  font-size: 11px; line-height: 1;
  transition: transform .4s cubic-bezier(.4,0,.2,1), box-shadow .3s;
}
/* icons — only one visible at a time */
.ts-icon-sun  { display: none;  }
.ts-icon-moon { display: flex;  }

/* checked = light mode — thumb slides right */
.theme-switch input:checked ~ .ts-track {
  background: linear-gradient(135deg, #b8d4f0, #c8e0f8);
  border-color: rgba(21,101,192,.35);
  box-shadow: inset 0 1px 3px rgba(21,101,192,.18);
}
.theme-switch input:checked ~ .ts-track .ts-thumb {
  transform: translateX(26px);
  background: linear-gradient(135deg, #fff, #e8f2ff);
  box-shadow: 0 2px 8px rgba(21,101,192,.3);
}
.theme-switch input:checked ~ .ts-track .ts-thumb .ts-icon-sun  { display: flex; }
.theme-switch input:checked ~ .ts-track .ts-thumb .ts-icon-moon { display: none;  }

/* ══════════════════════════════════════════════════════
   LIGHT MODE — full redesign
   ══════════════════════════════════════════════════════ */
[data-theme="light"] {
  --bg:    #EAF1FB;
  --bg2:   #DDE9F7;
  --b2:    #1565C0;
  --b3:    #1E88E5;
  --b4:    #1565C0;
  --cyan:  #006D99;
  --teal:  #00796B;
  --gold:  #C84B00;
  --g-bg:  rgba(255,255,255,.92);
  --g-bg-h:rgba(255,255,255,.98);
  --g-bdr: rgba(21,101,192,.14);
  --g-bdr-h:rgba(21,101,192,.30);
  --tp:    #0B1829;
  --ts:    rgba(11,24,41,.75);
  --tm:    rgba(11,24,41,.45);
}
[data-theme="light"] body {
  background: #EAF1FB !important;
  color: #0B1829 !important;
}
/* animated background canvas */
[data-theme="light"] .bgc,
[data-theme="light"] .bg-canvas {
  background:
    radial-gradient(ellipse at 15% 20%, rgba(180,210,245,.65) 0%, transparent 50%),
    radial-gradient(ellipse at 85% 80%, rgba(195,220,248,.50) 0%, transparent 45%),
    linear-gradient(150deg, #cfe3f5 0%, #dceaf8 30%, #e8f2fd 60%, #d8e8f5 100%) !important;
}
[data-theme="light"] .bg-grid,
[data-theme="light"] .bgg {
  background-image:
    linear-gradient(rgba(21,101,192,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21,101,192,.045) 1px, transparent 1px) !important;
}
[data-theme="light"] .orb { opacity:.20 !important; }
[data-theme="light"] .orb.o1 { background: radial-gradient(circle, rgba(21,101,192,.35), transparent 70%) !important; }
[data-theme="light"] .orb.o2 { background: radial-gradient(circle, rgba(30,136,229,.28), transparent 70%) !important; }
[data-theme="light"] .orb.o3 { background: radial-gradient(circle, rgba(0,119,168,.20), transparent 70%) !important; }
[data-theme="light"] .orb.o4 { background: radial-gradient(circle, rgba(80,60,180,.12), transparent 70%) !important; }
[data-theme="light"] .orb.o5 { background: radial-gradient(circle, rgba(0,140,170,.10), transparent 70%) !important; }

/* TOPBAR — light in light mode */
[data-theme="light"] 


/* NAVBAR */

/* ══ NAVBAR LIGHT MODE — max specificity ══ */
html[data-theme="light"] .navbar,
html[data-theme="light"] .navbar.sticky,
[data-theme="light"] .navbar {
  background: #f8faff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: 1.5px solid rgba(21,101,192,.13) !important;
  box-shadow: 0 1px 12px rgba(21,101,192,.09) !important;
}
html[data-theme="light"] .nav-link,
[data-theme="light"] .nav-link {
  color: #1a2535 !important;
}
html[data-theme="light"] .nav-link:hover,
html[data-theme="light"] .nav-link.active,
[data-theme="light"] .nav-link:hover,
[data-theme="light"] .nav-link.active {
  background: rgba(21,101,192,.08) !important;
  color: #0A0F1E !important;
}
html[data-theme="light"] .nav-logo-t strong,
[data-theme="light"] .nav-logo-t strong {
  color: #0A0F1E !important;
}
html[data-theme="light"] .nav-logo-t span,
[data-theme="light"] .nav-logo-t span {
  color: #6b7280 !important;
}
html[data-theme="light"] .hamburger span,
[data-theme="light"] .hamburger span {
  background: #374151 !important;
}
html[data-theme="light"] .chevron,
[data-theme="light"] .chevron {
  color: #374151 !important;
}

[data-theme="light"] .navbar {
  background: rgba(255,255,255,.97) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: 1.5px solid rgba(21,101,192,.12) !important;
  box-shadow: 0 2px 12px rgba(21,101,192,.10) !important;
}
[data-theme="light"] .nav-link            { color: #1f2937 !important; }
[data-theme="light"] .nav-link:hover,
[data-theme="light"] .nav-link.active     { background: rgba(21,101,192,.08) !important; color: #0B1829 !important; }
[data-theme="light"] .nav-logo-t strong   { color: #0A0F1E !important; }
[data-theme="light"] .nav-logo-t span     { color: #6b7280 !important; }
[data-theme="light"] .hamburger span      { background: rgba(11,24,41,.55) !important; }
[data-theme="light"] .dropdown,
[data-theme="light"] .mega-drop {
  background: rgba(255,255,255,.99) !important;
  border-color: rgba(21,101,192,.12) !important;
  box-shadow: 0 16px 48px rgba(21,101,192,.14) !important;
}
[data-theme="light"] .dd-item             { color: rgba(11,24,41,.68) !important; }
[data-theme="light"] .dd-item:hover       { background: rgba(21,101,192,.06) !important; color: #0B1829 !important; }
[data-theme="light"] .mega-header         { color: rgba(11,24,41,.35) !important; }
[data-theme="light"] .nav-menu.open       { background: rgba(255,255,255,.99) !important; border-bottom-color: rgba(21,101,192,.08) !important; }
[data-theme="light"] .dd-icon             { background: rgba(21,101,192,.10) !important; border-color: rgba(21,101,192,.18) !important; }

/* GLASS CARDS */
[data-theme="light"] .gc {
  background: rgba(255,255,255,.88) !important;
  border-color: rgba(21,101,192,.13) !important;
  box-shadow: 0 2px 16px rgba(21,101,192,.07), 0 1px 3px rgba(21,101,192,.04), inset 0 1px 0 rgba(255,255,255,.95) !important;
}
[data-theme="light"] .gc::before { background: linear-gradient(135deg, rgba(255,255,255,.70), transparent 55%) !important; }
[data-theme="light"] .gc::after  { background: linear-gradient(90deg, transparent, rgba(21,101,192,.08), transparent) !important; }
[data-theme="light"] .gc:hover   {
  box-shadow: 0 8px 28px rgba(21,101,192,.12), inset 0 1px 0 rgba(255,255,255,.98) !important;
  border-color: rgba(21,101,192,.24) !important;
}

/* BREADCRUMB */
[data-theme="light"] .breadcrumb            { background: rgba(21,101,192,.03) !important; border-bottom-color: rgba(21,101,192,.06) !important; }
[data-theme="light"] .breadcrumb a,
[data-theme="light"] .breadcrumb nav        { color: rgba(11,24,41,.44) !important; }
[data-theme="light"] .breadcrumb .cur       { color: rgba(11,24,41,.70) !important; }
[data-theme="light"] .breadcrumb a:hover    { color: #1565C0 !important; }

/* TYPOGRAPHY — stronger contrast */
[data-theme="light"] .h-display,
[data-theme="light"] .h-section             { color: #0B1829 !important; }
[data-theme="light"] .body-lg               { color: rgba(11,24,41,.78) !important; }
[data-theme="light"] .body-md               { color: rgba(11,24,41,.72) !important; }
[data-theme="light"] .body-sm               { color: rgba(11,24,41,.60) !important; }
[data-theme="light"] .eyebrow               { color: #006D99 !important; }
[data-theme="light"] .eyebrow::before,
[data-theme="light"] .eyebrow::after        { background: #006D99 !important; }
[data-theme="light"] .page-hero             { border-bottom-color: rgba(21,101,192,.08) !important; }

/* STATS BAR */
[data-theme="light"] .stats-glass {
  background: rgba(255,255,255,.90) !important;
  border-color: rgba(21,101,192,.12) !important;
  box-shadow: 0 2px 14px rgba(21,101,192,.06) !important;
}
[data-theme="light"] .stat-cell { border-right-color: rgba(21,101,192,.10) !important; }
[data-theme="light"] .stat-l    { color: rgba(11,24,41,.50) !important; }
[data-theme="light"] .stat-n    { background: linear-gradient(135deg,#0B1829 30%,#1565C0) !important; -webkit-background-clip:text !important; -webkit-text-fill-color:transparent !important; }

/* MARQUEE */
[data-theme="light"] .marquee-bar { background: linear-gradient(90deg, rgba(21,101,192,.85), rgba(30,136,229,.85)) !important; }

/* MEMBER LOGOS */
[data-theme="light"] .mlg-item       { background: rgba(255,255,255,.85) !important; border-color: rgba(21,101,192,.12) !important; box-shadow: 0 1px 6px rgba(21,101,192,.06) !important; }
[data-theme="light"] .mlg-item:hover { background: rgba(21,101,192,.06) !important; border-color: rgba(21,101,192,.22) !important; }
[data-theme="light"] .mlg-item img   { filter: none !important; }

/* EVENTS */
[data-theme="light"] .ev-date       { background: rgba(21,101,192,.08) !important; border-color: rgba(21,101,192,.16) !important; }
[data-theme="light"] .ev-day        { color: #1565C0 !important; }
[data-theme="light"] .ev-type       { color: #006D99 !important; }
[data-theme="light"] .ev-title      { color: #0B1829 !important; }
[data-theme="light"] .ev-loc        { color: rgba(11,24,41,.55) !important; }
[data-theme="light"] .btn-ev        { background: rgba(21,101,192,.09) !important; border-color: rgba(21,101,192,.20) !important; color: #1565C0 !important; }
[data-theme="light"] .btn-ev:hover  { background: rgba(21,101,192,.18) !important; color: #0B1829 !important; }
[data-theme="light"] .ev-row:hover  { background: rgba(21,101,192,.04) !important; }

/* BUTTONS */
[data-theme="light"] .btn-o         { background: rgba(21,101,192,.06) !important; border-color: rgba(21,101,192,.18) !important; color: #0B1829 !important; }
[data-theme="light"] .btn-o:hover   { background: rgba(21,101,192,.13) !important; }

/* MESSAGES */
[data-theme="light"] .msg-card      { background: rgba(255,255,255,.88) !important; }
[data-theme="light"] .msg-role      { background: rgba(21,101,192,.09) !important; border-color: rgba(21,101,192,.20) !important; color: #1565C0 !important; }
[data-theme="light"] .msg-text      { color: rgba(11,24,41,.75) !important; }
[data-theme="light"] .msg-name      { color: #0B1829 !important; }
[data-theme="light"] .msg-pos       { color: rgba(11,24,41,.50) !important; }
[data-theme="light"] .msg-qm        { color: #1565C0 !important; opacity: .07 !important; }

/* COMMITTEES */
[data-theme="light"] .comm-tag      { background: rgba(21,101,192,.09) !important; color: #1565C0 !important; border-color: rgba(21,101,192,.22) !important; }
[data-theme="light"] .comm-card h3  { color: #0B1829 !important; }
[data-theme="light"] .comm-card p   { color: rgba(11,24,41,.68) !important; }
[data-theme="light"] .comm-arrow    { color: #1565C0 !important; }

/* NEWS */
[data-theme="light"] .news-ttl      { color: #0B1829 !important; }
[data-theme="light"] .news-cat      { color: #006D99 !important; }
[data-theme="light"] .news-exc      { color: rgba(11,24,41,.68) !important; }
[data-theme="light"] .news-lnk      { color: #1565C0 !important; }
[data-theme="light"] .news-dp       { background: rgba(11,24,41,.45) !important; color: #fff !important; }

/* TABLE */
[data-theme="light"] .dtable th         { background: rgba(21,101,192,.05) !important; border-bottom-color: rgba(21,101,192,.10) !important; color: rgba(11,24,41,.50) !important; }
[data-theme="light"] .dtable td         { border-bottom-color: rgba(21,101,192,.06) !important; color: rgba(11,24,41,.75) !important; }
[data-theme="light"] .dtable tr:hover td{ background: rgba(21,101,192,.03) !important; }

/* ACCORDION */
[data-theme="light"] .acc-item      { border-bottom-color: rgba(21,101,192,.09) !important; }
[data-theme="light"] .acc-btn  { color: #0A0F1E !important; }
[data-theme="light"] .acc-icon      { background: rgba(21,101,192,.07) !important; border-color: rgba(21,101,192,.14) !important; color: #1565C0 !important; }
[data-theme="light"] .acc-body      { color: rgba(11,24,41,.70) !important; }

/* FORM */
[data-theme="light"] .fi            { background: rgba(255,255,255,.94) !important; border-color: rgba(21,101,192,.18) !important; color: #0B1829 !important; }
[data-theme="light"] .fi:focus      { background: #fff !important; border-color: rgba(21,101,192,.45) !important; }
[data-theme="light"] .fi::placeholder { color: rgba(11,24,41,.30) !important; }
[data-theme="light"] select.fi option  { background: #fff !important; color: #0B1829 !important; }

/* CTA */
[data-theme="light"] .cta-glass     { background: rgba(255,255,255,.95) !important; border-color: rgba(21,101,192,.15) !important; box-shadow: 0 4px 32px rgba(21,101,192,.08) !important; }
[data-theme="light"] .cta-band      { border-color: rgba(21,101,192,.08) !important; }

/* GALLERY */
[data-theme="light"] .gal-item      { background: rgba(21,101,192,.05) !important; border-radius: 10px; }
[data-theme="light"] .lightbox      { background: rgba(11,24,41,.96) !important; }

/* MISC */
[data-theme="light"] .divider       { background: linear-gradient(90deg, transparent, rgba(21,101,192,.15), transparent) !important; }
[data-theme="light"] .badge-blue    { background: rgba(21,101,192,.10) !important; color: #1565C0 !important; border-color: rgba(21,101,192,.22) !important; }
[data-theme="light"] .badge-gold    { background: rgba(200,75,0,.10) !important; color: #C84B00 !important; border-color: rgba(200,75,0,.20) !important; }
[data-theme="light"] .badge-teal    { background: rgba(0,121,107,.10) !important; color: #00796B !important; border-color: rgba(0,121,107,.20) !important; }
[data-theme="light"] .ci-icon       { background: rgba(21,101,192,.09) !important; border-color: rgba(21,101,192,.18) !important; }
[data-theme="light"] .tag-req       { background: rgba(200,75,0,.10) !important; color: #C84B00 !important; border-color: rgba(200,75,0,.20) !important; }

/* FOOTER */
[data-theme="light"] .footer              { border-top-color: rgba(21,101,192,.09) !important; }
[data-theme="light"] .footer-brand p      { color: rgba(11,24,41,.48) !important; }
[data-theme="light"] .fc h4               { color: rgba(11,24,41,.30) !important; }
[data-theme="light"] .fc ul li a          { color: rgba(11,24,41,.52) !important; }
[data-theme="light"] .fc ul li a:hover    { color: #1565C0 !important; }
[data-theme="light"] .footer-bot          { border-top-color: rgba(21,101,192,.07) !important; }
[data-theme="light"] .footer-bot p,
[data-theme="light"] .footer-bot a        { color: rgba(11,24,41,.30) !important; }
[data-theme="light"] .footer-bot a:hover  { color: #1565C0 !important; }
[data-theme="light"] .footer-socials .sp  { background: rgba(21,101,192,.08) !important; border-color: rgba(21,101,192,.15) !important; color: rgba(11,24,41,.55) !important; }

/* SCROLLBAR */

[data-theme="light"] .btn-o,
[data-theme="light"] a.btn-o,
[data-theme="light"] .btn-p,
[data-theme="light"] a.btn-p,
[data-theme="light"] .btn-ev,
[data-theme="light"] a.btn-ev {
  text-decoration: none !important;
}
[data-theme="light"] a:not(.nav-link):not(.dd-item):not(.nav-cta-btn):not(.nav-logo):not(.footer-brand):not(.fc ul li a):not(.footer-bot a) {
  color: #1565C0;
}


/* ═══ UNIVERSAL LIGHT MODE TEXT FIX ═══
   All grey/muted text → readable dark in light mode
   ════════════════════════════════════════════════ */

/* Override all CSS variables used for text */
[data-theme="light"] {
  --tp: #0A0F1E;
  --ts: #111827;
  --tm: #374151;
}

/* Body default text */
[data-theme="light"] body { color: #111827 !important; }

/* Every element that uses var(--ts) or var(--tm) inline */
[data-theme="light"] * { color: inherit; }

/* Catch ALL inline style color:var(--ts) and color:var(--tm) */
[data-theme="light"] [style*="color:var(--ts)"],
[data-theme="light"] [style*="color: var(--ts)"] { color: #2C3E50 !important; }

[data-theme="light"] [style*="color:var(--tm)"],
[data-theme="light"] [style*="color: var(--tm)"] { color: #546E7A !important; }

[data-theme="light"] [style*="color:var(--tp)"],
[data-theme="light"] [style*="color: var(--tp)"] { color: #0A1628 !important; }

/* ALL white text → dark */
[data-theme="light"] [style*="color:#fff"],
[data-theme="light"] [style*="color: #fff"],
[data-theme="light"] [style*="color:white"],
[data-theme="light"] [style*="color:#ffffff"],
[data-theme="light"] [style*="color:#FFF"] { color: #0A1628 !important; }

/* rgba white text → dark */
[data-theme="light"] [style*="color:rgba(255,255,255,.95)"] { color: #0A0F1E !important; }
[data-theme="light"] [style*="color:rgba(255,255,255,.90)"] { color: #0A0F1E !important; }
[data-theme="light"] [style*="color:rgba(255,255,255,.85)"] { color: #0A0F1E !important; }
[data-theme="light"] [style*="color:rgba(255,255,255,.82)"] { color: #111827 !important; }
[data-theme="light"] [style*="color:rgba(255,255,255,.80)"] { color: #111827 !important; }
[data-theme="light"] [style*="color:rgba(255,255,255,.75)"] { color: #111827 !important; }
[data-theme="light"] [style*="color:rgba(255,255,255,.72)"] { color: #111827 !important; }
[data-theme="light"] [style*="color:rgba(255,255,255,.70)"] { color: #111827 !important; }
[data-theme="light"] [style*="color:rgba(255,255,255,.65)"] { color: #111827 !important; }
[data-theme="light"] [style*="color:rgba(255,255,255,.60)"] { color: #1f2937 !important; }
[data-theme="light"] [style*="color:rgba(255,255,255,.55)"] { color: #1f2937 !important; }
[data-theme="light"] [style*="color:rgba(255,255,255,.50)"] { color: #374151 !important; }
[data-theme="light"] [style*="color:rgba(255,255,255,.45)"] { color: #374151 !important; }
[data-theme="light"] [style*="color:rgba(255,255,255,.40)"] { color: #374151 !important; }
[data-theme="light"] [style*="color:rgba(255,255,255,.38)"] { color: #374151 !important; }
[data-theme="light"] [style*="color:rgba(255,255,255,.35)"] { color: #4b5563 !important; }
[data-theme="light"] [style*="color:rgba(255,255,255,.30)"] { color: #4b5563 !important; }
[data-theme="light"] [style*="color:rgba(255,255,255,.28)"] { color: #6b7280 !important; }
[data-theme="light"] [style*="color:rgba(255,255,255,.25)"] { color: #6b7280 !important; }

/* Class-based text colors */
[data-theme="light"] .body-lg  { color: #111827 !important; }
[data-theme="light"] .body-md  { color: #111827 !important; }
[data-theme="light"] .body-sm  { color: #374151 !important; }
[data-theme="light"] .news-exc { color: #374151 !important; }
[data-theme="light"] .ev-loc   { color: #374151 !important; }
[data-theme="light"] .msg-pos  { color: #374151 !important; }
[data-theme="light"] .stat-l   { color: #4b5563 !important; }
  /* Also catch rgba dark blue inline styles from our own CSS variables */
  [data-theme="light"] [style*="color:rgba(13,27,46"]  { color: #111827 !important; }
  [data-theme="light"] [style*="color:rgba(11,24,41"]  { color: #374151 !important; }
  [data-theme="light"] [style*="color:rgba(10,22,42"]  { color: #111827 !important; }
  [data-theme="light"] [style*="color:rgba(12,20,38"]  { color: #111827 !important; }


/* Headings always dark */
[data-theme="light"] h1, [data-theme="light"] h2,
[data-theme="light"] h3, [data-theme="light"] h4,
[data-theme="light"] h5, [data-theme="light"] h6 { color: #0A0F1E !important; }

/* Paragraphs and list items */
[data-theme="light"] p   { color: #111827 !important; }
[data-theme="light"] li  { color: #111827 !important; }
[data-theme="light"] td  { color: #111827 !important; }
[data-theme="light"] th  { color: #374151 !important; }
[data-theme="light"] span { color: inherit; }
[data-theme="light"] div  { color: inherit; }

/* Specific component text */
[data-theme="light"] .mq-item       { color: #fff !important; }  /* marquee stays white on blue bg */
[data-theme="light"] .topbar a      { color: #cbd5e1 !important; }
[data-theme="light"] .nav-link      { color: #374151 !important; }
[data-theme="light"] .mega-header   { color: #9CA3AF !important; }
[data-theme="light"] .eyebrow       { color: #0077A8 !important; }
[data-theme="light"] .badge-blue    { color: #1565C0 !important; }
[data-theme="light"] .badge-gold    { color: #92400E !important; }
[data-theme="light"] .badge-teal    { color: #065F46 !important; }
[data-theme="light"] .btn-ev        { color: #1565C0 !important; }
[data-theme="light"] .btn-o    { color: #111827 !important; }
[data-theme="light"] .btn-dl        { color: #1565C0 !important; }
[data-theme="light"] .news-lnk      { color: #1565C0 !important; }
[data-theme="light"] .ev-type       { color: #0077A8 !important; }
[data-theme="light"] .news-cat      { color: #0077A8 !important; }
[data-theme="light"] .comm-tag      { color: #1565C0 !important; }
[data-theme="light"] .acc-btn  { color: #0A0F1E !important; }
[data-theme="light"] .acc-body { color: #111827 !important; }
[data-theme="light"] .fc h4   { color: #6b7280 !important; }
[data-theme="light"] .fc ul li a { color: #374151 !important; }
[data-theme="light"] .footer-brand p { color: #374151 !important; }
[data-theme="light"] .footer-bot p,
[data-theme="light"] .footer-bot a  { color: #9CA3AF !important; }

/* Keep gradient text (h-display em, h-section em) intact */
[data-theme="light"] .h-display em,
[data-theme="light"] .h-section em {
  background: linear-gradient(135deg,#1565C0,#00BFA5) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
}

/* stat-n gradient */
[data-theme="light"] .stat-n {
  background: linear-gradient(135deg, #0A1628 20%, #1565C0) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
}

/* Keep white text on colored backgrounds */
[data-theme="light"] .btn-p,
[data-theme="light"] a.btn-p,
[data-theme="light"] .nav-cta-btn  { color: #fff !important; }
[data-theme="light"] .marquee-bar * { color: rgba(255,255,255,.9) !important; }

/* ── EVENT CARD FLAG IMAGES — fix size ── */
.ev-flag-img {
  width: 32px !important;
  height: 24px !important;
  object-fit: cover !important;
  border-radius: 3px !important;
  box-shadow: 0 1px 4px rgba(0,0,0,.25) !important;
  flex-shrink: 0 !important;
}
/* Event card banner image — constrained height */
.ev-card-banner {
  height: 120px !important;
  overflow: hidden !important;
  position: relative !important;
}
.ev-card-banner img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

[data-theme="light"] ::-webkit-scrollbar-track { background: #ddeaf7; }
[data-theme="light"] ::-webkit-scrollbar-thumb { background: rgba(21,101,192,.30); }
[data-theme="light"] ::-webkit-scrollbar-thumb:hover { background: rgba(21,101,192,.50); }

/* Home page CTA buttons light mode */
[data-theme="light"] .home-btn-solid {
  box-shadow: 0 4px 16px rgba(21,101,192,.35) !important;
}
[data-theme="light"] .home-btn-outline {
  background: rgba(21,101,192,.08) !important;
  border-color: rgba(21,101,192,.25) !important;
  color: #1565C0 !important;
}
[data-theme="light"] .home-btn-outline:hover {
  background: rgba(21,101,192,.15) !important;
}