/* =====================================================================
   JKYWDS  THEME v8  -  Teal + Coral + Gold, Fraunces / Plus Jakarta Sans
   Loaded LAST on every page. Pure CSS animations (no contact details touched).
   ===================================================================== */
:root{
  --gold:#f5b942;--teal2:#14b8a6;--coral:#ff7d5c;
  --grad:linear-gradient(135deg,#0d7a78 0%,#14b8a6 55%,#f5b942 130%);
  --grad-warm:linear-gradient(135deg,#d9432b,#ff7d5c 60%,#f5b942);
  --shadow:0 24px 50px -28px rgba(6,47,58,.45);
  --ease:cubic-bezier(.2,.8,.2,1);
}
body{font-feature-settings:"ss01","kern";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3{font-optical-sizing:auto;letter-spacing:-.02em}
h2{font-weight:700}

/* ---- gradient scroll bar ---- */
#bar{background:var(--grad-warm);height:5px;box-shadow:0 0 14px rgba(255,125,92,.7)}

/* ---- header: glass + animated underline ---- */
header{background:color-mix(in srgb,var(--s) 78%,transparent);backdrop-filter:blur(18px) saturate(1.6);border-bottom:1px solid color-mix(in srgb,var(--ln) 70%,transparent);transition:box-shadow .3s}
header.fx-sc,header:hover{box-shadow:0 12px 32px -22px rgba(6,47,58,.6)}
.menu a:not(.btn){background-image:linear-gradient(90deg,var(--sf),var(--gold))}
.logo span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% auto;animation:gradMove 6s linear infinite}
.logo small{-webkit-text-fill-color:var(--mu)}
@keyframes gradMove{to{background-position:200% center}}
.logo i{background:var(--grad)}

/* ---- buttons: gradient, shine sweep, ripple ---- */
.btn{position:relative;overflow:hidden;background:var(--grad-warm);background-size:160% 160%;letter-spacing:.01em;box-shadow:0 12px 26px -14px rgba(217,67,43,.8);transition:transform .25s var(--ease),box-shadow .25s,background-position .6s}
.btn:hover{background-position:100% 50%;transform:translateY(-3px) scale(1.03)}
.btn:active{transform:scale(.97)}
.btn:not(.ab):before{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:shine 4.5s ease-in-out infinite}
@keyframes shine{0%,60%{left:-80%}100%{left:140%}}
.btn.g{background:rgba(255,255,255,.06);backdrop-filter:blur(6px);box-shadow:none;border-color:currentColor}
.btn.g:not(.ab):before{display:none}
.btn.d{background:var(--grad);box-shadow:0 12px 26px -14px rgba(13,122,120,.9)}
.fx-rip{position:absolute;border-radius:50%;background:rgba(255,255,255,.55);transform:scale(0);animation:fxrip .7s ease-out forwards;pointer-events:none}
@keyframes fxrip{to{transform:scale(3.2);opacity:0}}

/* ---- hero ---- */
.hero{background:linear-gradient(160deg,#04202a,#0d7a78 62%,#d9432b)}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(40% 50% at 85% 20%,rgba(245,185,66,.28),transparent 70%),radial-gradient(35% 45% at 10% 90%,rgba(20,184,166,.32),transparent 70%);animation:heroGlow 9s ease-in-out infinite alternate}
@keyframes heroGlow{to{transform:scale(1.15) translate(2%,-2%);opacity:.75}}
.hero h1{font-weight:800;color:#fff;text-shadow:0 4px 28px rgba(3,24,32,.65)}
.hero h1 span:nth-child(odd){color:#fff}.hero h1 span:nth-child(4){color:#ffe3b3}
.hero .lead{border-left:4px solid var(--gold);padding-left:1rem}
.hero .cta .btn:first-child{animation:beat 3s ease-in-out 1.5s infinite}
.mq{background:linear-gradient(90deg,#0d7a78,#14b8a6,#d9432b,#0d7a78);background-size:300% 100%;animation:gradMove2 14s linear infinite;box-shadow:0 10px 30px -18px #000}
@keyframes gradMove2{to{background-position:300% 0}}

/* ---- inner page banners ---- */
.inner{background:linear-gradient(135deg,#04202a,#0d7a78 70%,#14b8a6)}
.inner:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;left:-120px;bottom:-200px;background:radial-gradient(circle,rgba(245,185,66,.35),transparent 70%);animation:blob 12s ease-in-out infinite alternate}
.inner h1{font-weight:800;animation:up .9s var(--ease) both}
.inner p{animation:up 1s .25s var(--ease) both}
@keyframes blob{to{transform:translate(60px,-40px) scale(1.25)}}

/* ---- stats ---- */
.st{background:linear-gradient(135deg,#04202a,#0b5f66);position:relative;overflow:hidden}
.st:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent,rgba(20,184,166,.18),transparent 30%,rgba(245,185,66,.15),transparent 60%);animation:slowSpin 22s linear infinite}
.st .w{position:relative}
.st b{background:linear-gradient(135deg,#ffe3b3,#ff7d5c);-webkit-background-clip:text;background-clip:text;color:transparent}
.st .w>div{padding:.8rem;border-radius:20px;transition:transform .35s var(--ease),background .35s}
.st .w>div:hover{transform:translateY(-6px) scale(1.04);background:rgba(255,255,255,.07)}

/* ---- section headings: animated accent underline ---- */
section h2{position:relative;display:inline-block;padding-bottom:.55rem}
section h2:after{content:"";position:absolute;left:0;bottom:0;height:5px;width:72px;border-radius:5px;background:var(--grad-warm);transform-origin:left;animation:underline 1.2s var(--ease) both}
@keyframes underline{from{transform:scaleX(0)}}
.cta-b h2:after,.hd h2:after{display:none}
.hd{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.hd h2:after{display:block}

/* ---- cards: spotlight, gradient border, lift ---- */
.c{background:color-mix(in srgb,var(--s) 92%,transparent);border:1px solid color-mix(in srgb,var(--ln) 80%,transparent);box-shadow:0 10px 30px -24px rgba(6,47,58,.5);transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}
.c:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(20,184,166,.20),transparent 65%);z-index:1}
.c:hover:before{opacity:1}
.c:hover{box-shadow:0 30px 55px -28px rgba(13,122,120,.65);border-color:var(--teal2)}
.c:after{content:"";position:absolute;left:0;bottom:0;height:4px;width:100%;background:var(--grad-warm);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.c:hover:after{transform:scaleX(1)}
.tag{background:linear-gradient(135deg,rgba(20,184,166,.18),rgba(245,185,66,.22));color:var(--cr)}
.ph2{background:var(--grad)}
.ph2 img{filter:saturate(1.08)}
.c:hover .ph2 img{filter:saturate(1.25) contrast(1.04)}
.ln{color:var(--cr);position:relative}
.ln:after{display:inline-block;transition:transform .3s}.ln:hover:after{transform:translateX(5px)}
:root[data-t=dark] .ln{color:var(--teal2)}

/* ---- about picture: floating frame ---- */
.pic{position:relative;border-radius:34px 34px 130px 34px;box-shadow:0 36px 70px -34px rgba(6,47,58,.75);animation:floaty 7s ease-in-out infinite}
.pic:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(160deg,rgba(20,184,166,.18),transparent 45%,rgba(217,67,43,.2));mix-blend-mode:soft-light;pointer-events:none}
.pic img{transition:transform 1.2s var(--ease)}.pic:hover img{transform:scale(1.08)}
@keyframes floaty{50%{transform:translateY(-12px)}}

/* ---- alternating section bands ---- */
.alt{background:linear-gradient(180deg,color-mix(in srgb,var(--sf2) 85%,transparent),color-mix(in srgb,var(--sf2) 45%,transparent));position:relative}
.alt:before,.alt:after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--teal2),transparent);opacity:.5}
.alt:before{top:0}.alt:after{bottom:0}

/* ---- team avatars: rotating ring ---- */
.tm .av{border:0;position:relative;background:var(--s);box-shadow:0 0 0 5px var(--s),0 0 0 8px transparent;transition:transform .5s var(--ease)}
.tm:hover .av{transform:scale(1.07) rotate(-2deg)}
.tm .av:before{content:"";position:absolute;inset:-6px;border-radius:50%;background:conic-gradient(var(--teal2),var(--gold),var(--sf),var(--teal2));animation:slowSpin 6s linear infinite;z-index:-1}
.tm .av{z-index:0}

/* ---- slider / gallery ---- */
.tr figure{border-radius:30px;box-shadow:var(--shadow)}
.dots button.on{background:var(--grad-warm)}
.gal button{border-radius:20px;box-shadow:0 14px 30px -22px rgba(6,47,58,.7);transition:transform .4s var(--ease),box-shadow .4s}
.gal button:hover{transform:translateY(-6px) rotate(-.6deg);box-shadow:0 26px 44px -22px rgba(13,122,120,.8)}
.sb{background:var(--s);color:var(--cr)}
.sb:hover{background:var(--grad-warm);color:#fff}

/* ---- events date badge ---- */
.ev .dt{background:var(--grad);box-shadow:0 14px 28px -16px rgba(13,122,120,.9);animation:floaty 5s ease-in-out infinite}
.ev{transition:transform .35s var(--ease)}.ev:hover{transform:translateX(8px)}

/* ---- forms ---- */
.bx{background:color-mix(in srgb,var(--s) 90%,transparent);backdrop-filter:blur(10px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--ln) 80%,transparent);position:relative;overflow:hidden}
.bx:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:var(--grad-warm);background-size:200% 100%;animation:gradMove 5s linear infinite}
input,select,textarea{transition:border-color .25s,box-shadow .25s,transform .25s;background:color-mix(in srgb,var(--bg) 70%,var(--s))}
input:focus,select:focus,textarea:focus{border-color:var(--teal2);box-shadow:0 0 0 5px rgba(20,184,166,.18);transform:translateY(-2px)}
.seg button[aria-pressed=true]{background:var(--grad);color:#fff;box-shadow:0 10px 20px -12px rgba(13,122,120,.9)}
.am button:hover{transform:translateY(-3px);border-color:var(--sf)}
details{transition:box-shadow .3s,transform .3s}details:hover{transform:translateX(4px);box-shadow:0 14px 26px -22px rgba(6,47,58,.8)}
details[open]{border-color:var(--teal2)}
details[open] summary{color:var(--cr)}

/* ---- CTA band ---- */
.cta-b{background:linear-gradient(135deg,#04202a,#0d7a78 60%,#14b8a6);position:relative;overflow:hidden;box-shadow:0 40px 80px -40px rgba(6,47,58,.9)}
.cta-b:before,.cta-b:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.cta-b:before{width:320px;height:320px;right:-80px;top:-120px;background:radial-gradient(circle,rgba(245,185,66,.45),transparent 70%);animation:blob 9s ease-in-out infinite alternate}
.cta-b:after{width:260px;height:260px;left:-60px;bottom:-110px;background:radial-gradient(circle,rgba(255,125,92,.4),transparent 70%);animation:blob 11s ease-in-out infinite alternate-reverse}
.cta-b>*{position:relative;z-index:1}

/* ---- footer ---- */
footer{background:linear-gradient(180deg,#062f3a,#031820);position:relative;overflow:hidden}
footer:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--grad-warm);background-size:200% 100%;animation:gradMove 6s linear infinite}
footer a{transition:color .25s,transform .25s}footer a:hover{color:var(--gold);transform:translateX(6px)}
footer h3{position:relative;padding-bottom:.4rem}
footer h3:after{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;border-radius:3px;background:var(--grad-warm)}
footer img{animation:slowSpin 40s linear infinite}

/* ---- floating buttons ---- */
#up{background:var(--grad-warm);box-shadow:0 12px 24px -10px rgba(217,67,43,.8)}
#wa{box-shadow:0 14px 28px -12px rgba(31,170,89,.8)}
#topbar{background:linear-gradient(90deg,#04202a,#0b5f66 60%,#0d7a78)}

/* ---- badges ---- */
.badge.p{background:#d9432b22;color:var(--sf)}

/* ---- page-load + scroll reveal (works in every browser) ---- */
main{animation:pageIn .7s var(--ease) both}
@keyframes pageIn{from{opacity:0;transform:translateY(14px)}}
.js-rv .rv.fx-pre{opacity:0;transform:translateY(46px) scale(.97);filter:blur(4px)}
.js-rv .rv.fx-pre.fx-in{opacity:1;transform:none;filter:none;transition:opacity .8s var(--ease),transform .8s var(--ease),filter .8s var(--ease);transition-delay:var(--d,0s)}
@supports(animation-timeline:view()){.js-rv .rv.fx-pre{opacity:1;transform:none;filter:none}}

/* ---- decorative floating shapes behind sections ---- */
section{position:relative}
section.fx-shp:before,section.fx-shp:after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none;filter:blur(2px)}
section.fx-shp:before{width:220px;height:220px;right:4%;top:8%;background:radial-gradient(circle,rgba(20,184,166,.22),transparent 70%);animation:blob 10s ease-in-out infinite alternate}
section.fx-shp:after{width:180px;height:180px;left:2%;bottom:6%;background:radial-gradient(circle,rgba(245,185,66,.25),transparent 70%);animation:blob 13s ease-in-out infinite alternate-reverse}

/* ---- cursor glow (desktop) ---- */
#glow{position:fixed;width:340px;height:340px;margin:-170px 0 0 -170px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(20,184,166,.13),transparent 65%);transition:opacity .4s;opacity:0;left:0;top:0;will-change:transform}
@media(hover:none){#glow{display:none}}

/* ---- dark mode touch-ups ---- */
:root[data-t=dark] .c{background:color-mix(in srgb,var(--s) 88%,transparent)}

/* ---- reduced motion: keep it calm ---- */
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .js-rv .rv.fx-pre{opacity:1;transform:none;filter:none}
}

/* ---- fixes: headings inside cards/panels stay block + centred, no accent bar ---- */
.ok h2,.bx h2,.cta-b h2,.panel h2{display:block;padding-bottom:0}
.ok h2:after,.bx h2:after,.cta-b h2:after,.panel h2:after{display:none}
.ok svg{display:block;margin:0 auto}
/* animated submit buttons (loading/success/error) keep their own look */
.btn.ab[data-s]{transform:none}
.pan-ft{font-weight:600;letter-spacing:.04em}.pan-ft b{color:var(--gold,#f5b942);letter-spacing:.12em}

/* ---- IMPORTANT: Facebook follow box ---- */
.fbx-s{padding:2.2rem 0}
.fbx{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:1.6rem;align-items:center;padding:1.8rem 2rem;border-radius:30px;color:#fff;overflow:hidden;background:linear-gradient(120deg,#0b3a8f,#1877f2 55%,#3b9bff);box-shadow:0 30px 60px -30px rgba(24,119,242,.9);isolation:isolate}
.fbx:before{content:"";position:absolute;inset:-60% -10% auto auto;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.28),transparent 65%);z-index:-1;animation:blob 9s ease-in-out infinite alternate}
.fbx:after{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid rgba(255,255,255,.35);pointer-events:none;animation:fbpulse 2.6s ease-in-out infinite}
@keyframes fbpulse{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.45)}50%{box-shadow:0 0 0 12px rgba(255,255,255,0)}}
.fbx-ic{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;background:#fff;color:#1877f2;animation:floaty 4s ease-in-out infinite;box-shadow:0 14px 30px -14px rgba(0,0,0,.6)}
.fbx-ic svg{width:44px;height:44px}
.fbx-tag{display:inline-block;padding:.25rem .8rem;border-radius:999px;background:#ffd24a;color:#4a3000;font-weight:800;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;animation:beat 2.4s ease-in-out infinite}
.fbx h2{color:#fff;margin:.5rem 0 .3rem;font-size:clamp(1.4rem,3.4vw,2.1rem);display:block;padding:0}
.fbx h2:after{display:none}
.fbx p{margin:0;color:rgba(255,255,255,.92);max-width:56ch}
.fbx-a{display:grid;gap:.6rem;justify-items:stretch}
.fbx-b{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.95rem 1.5rem;border-radius:999px;background:#fff;color:#1877f2;font-weight:800;text-decoration:none;box-shadow:0 14px 28px -14px rgba(0,0,0,.6);transition:transform .25s var(--ease),box-shadow .25s}
.fbx-b svg{width:22px;height:22px}
.fbx-b:hover{transform:translateY(-3px) scale(1.04)}
.fbx-s2{text-align:center;color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px}
@media(max-width:820px){.fbx{grid-template-columns:1fr;text-align:center;justify-items:center;padding:1.6rem 1.2rem}.fbx-a{width:100%}}

/* ---- Facebook banner: extra motion ---- */
.fbx-p{position:absolute;bottom:-30px;left:var(--x);font-style:normal;font-size:1.5rem;opacity:0;pointer-events:none;z-index:0;animation:fbrise 5.5s ease-in infinite;animation-delay:var(--dl)}
@keyframes fbrise{0%{transform:translateY(0) scale(.6) rotate(-10deg);opacity:0}15%{opacity:.95}100%{transform:translateY(-230px) scale(1.25) rotate(14deg);opacity:0}}
.fbx>*:not(.fbx-p){position:relative;z-index:1}
.fbx{background-size:200% 200%;animation:fbflow 8s ease-in-out infinite alternate}
@keyframes fbflow{to{background-position:100% 50%}}
.fbx-b{position:relative;overflow:hidden}
.fbx-b:before{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(24,119,242,.28),transparent);transform:skewX(-20deg);animation:shine 3.2s ease-in-out infinite}
.fbx-b svg{animation:fbwig 2.8s ease-in-out infinite;transform-origin:50% 90%}
@keyframes fbwig{0%,70%,100%{transform:rotate(0)}76%{transform:rotate(-16deg)}84%{transform:rotate(14deg)}92%{transform:rotate(-8deg)}}

/* ---- Facebook live feed section ---- */
.fbl-s{padding:3rem 0}
.fbl{display:grid;grid-template-columns:1.05fr .95fr;gap:2.4rem;align-items:center}
.fbl-k{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-radius:999px;background:#1877f2;color:#fff;font-weight:700;font-size:.9rem;box-shadow:0 12px 24px -14px #1877f2}
.fbl h2{margin:.9rem 0 .5rem;font-size:clamp(1.7rem,4vw,2.7rem)}
.fbl h2:after{background:linear-gradient(90deg,#1877f2,#3b9bff)}
.fbl p{color:var(--mu);max-width:52ch}
.fbl-f{list-style:none;padding:0;margin:1.2rem 0 1.5rem;display:grid;gap:.7rem}
.fbl-f li{display:flex;align-items:center;gap:.8rem;padding:.7rem 1rem;border-radius:16px;background:color-mix(in srgb,var(--s) 90%,transparent);border:1px solid var(--ln);font-weight:600;opacity:0;transform:translateX(-24px);animation:fbin .7s var(--ease) forwards}
.fbl-f li:nth-child(1){animation-delay:.2s}.fbl-f li:nth-child(2){animation-delay:.4s}.fbl-f li:nth-child(3){animation-delay:.6s}
.fbl-f li b{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#e7f1ff,#cfe2ff);font-size:1.15rem;animation:floaty 4s ease-in-out infinite}
@keyframes fbin{to{opacity:1;transform:none}}
.fbl-b{background:#1877f2;color:#fff;display:inline-flex;box-shadow:0 18px 34px -16px #1877f2}
.fbl-b:before{background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent)}
.fbl-r{display:flex;justify-content:center}
.fbl-ph{position:relative;width:min(100%,420px);height:620px;border-radius:34px;padding:12px;background:linear-gradient(160deg,#1877f2,#0b3a8f);box-shadow:0 40px 70px -34px rgba(24,119,242,.9);animation:floaty 7s ease-in-out infinite}
.fbl-ph:before{content:"";position:absolute;top:5px;left:50%;width:70px;height:5px;margin-left:-35px;border-radius:5px;background:rgba(255,255,255,.5)}
.fbl-ph iframe{position:relative;z-index:1;width:100%;height:100%;border:0;border-radius:24px;background:transparent;opacity:0;transition:opacity .6s}
.fbl-ph iframe.ok{opacity:1;background:#fff}
.fbl-fb{position:absolute;inset:12px;border-radius:24px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;text-align:center;padding:1.5rem;color:#0b3a8f}
.fbl-av{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#1877f2;color:#fff;animation:beat 2.4s ease-in-out infinite}
.fbl-av svg{width:38px;height:38px}
.fbl-fb span{font-size:.9rem;color:#46636b}
@media(max-width:860px){.fbl{grid-template-columns:1fr}.fbl-ph{height:560px}}

/* ---- floating Follow button ---- */
#fbf{position:fixed;right:16px;bottom:88px;z-index:60;display:flex;align-items:center;flex-direction:row-reverse;gap:.5rem;text-decoration:none;transform:translateX(140%);transition:transform .7s var(--ease)}
#fbf.show{transform:none}
.fbf-i{position:relative;z-index:2;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#1877f2;color:#fff;box-shadow:0 14px 28px -10px rgba(24,119,242,.95)}
.fbf-i svg{width:28px;height:28px}
.fbf-r{position:absolute;right:0;top:0;width:54px;height:54px;border-radius:50%;border:2px solid #1877f2;animation:fbping 2.4s ease-out infinite;pointer-events:none}
.fbf-r.r2{animation-delay:1.2s}
@keyframes fbping{from{transform:scale(1);opacity:.8}to{transform:scale(2);opacity:0}}
.fbf-t{padding:.5rem .9rem;border-radius:999px;background:#fff;color:#1877f2;font-weight:800;font-size:.9rem;box-shadow:0 12px 24px -14px rgba(0,0,0,.6);opacity:0;transform:translateX(14px);transition:opacity .3s,transform .3s;white-space:nowrap}
#fbf:hover .fbf-t,#fbf:focus-visible .fbf-t{opacity:1;transform:none}
:root[data-t=dark] .fbl-f li b{background:#173a73}