/* Layout: corporate profile — a navy header band with a summary panel, then left-labelled sections in a single measured column. */
:root{
  --bg:#f6f7f9; --surface:#ffffff; --ink:#15202e; --muted:#5a6575; --line:#dde2e9;
  --band:#13233a; --band-ink:#eef2f7; --band-muted:#a9b6c8;
  --accent:#1f5f8b; --accent-soft:#e6eef5; --c-soft:#2f8f7a; --c-tech:#b07a2a; --wa:#1f9d55; --wa-ink:#ffffff; --shadow:0 10px 30px rgba(21,32,46,.08), 0 2px 6px rgba(21,32,46,.05); --shadow-hi:0 18px 40px rgba(21,32,46,.14); --c-roles:#9fc9ea; --gold:#f2b84b;
  --display:"Source Serif 4", Georgia, "Times New Roman", serif;
  --body:"Libre Franklin", "Helvetica Neue", Arial, sans-serif;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0f1621; --surface:#16202d; --ink:#e7ecf2; --muted:#9aa7b8; --line:#273445;
  --band:#0a111b; --band-ink:#eef2f7; --band-muted:#94a3b8;
  --accent:#7fb4dc; --accent-soft:#1b2c3e; --c-soft:#5fc0a8; --c-tech:#d9a556; --wa:#25b865; --wa-ink:#06140b; --shadow:0 12px 32px rgba(0,0,0,.45), 0 2px 6px rgba(0,0,0,.3); --shadow-hi:0 20px 44px rgba(0,0,0,.6); --c-roles:#9fc9ea; --gold:#f2b84b; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0f1621; --surface:#16202d; --ink:#e7ecf2; --muted:#9aa7b8; --line:#273445;
  --band:#0a111b; --band-ink:#eef2f7; --band-muted:#94a3b8;
  --accent:#7fb4dc; --accent-soft:#1b2c3e; --c-soft:#5fc0a8; --c-tech:#d9a556; --wa:#25b865; --wa-ink:#06140b; --shadow:0 12px 32px rgba(0,0,0,.45), 0 2px 6px rgba(0,0,0,.3); --shadow-hi:0 20px 44px rgba(0,0,0,.6); --c-roles:#9fc9ea; --gold:#f2b84b; color-scheme:dark}

*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.65;margin:0}
.wrap{max-width:1000px;margin:0 auto;padding-left:max(16px, env(safe-area-inset-left, 0px));padding-right:max(16px, env(safe-area-inset-right, 0px))}
a{color:var(--accent)}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}
h1,h2,h3{text-wrap:balance;margin:0;line-height:1.2}
h1,h2{font-family:var(--display);font-weight:600}
h3{font-family:var(--body);font-weight:600}
.label{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}

/* header band */
.band{background:var(--band);color:var(--band-ink)}
.band a{color:var(--band-ink)}
nav{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-block:22px;border-bottom:1px solid rgba(255,255,255,.12)}
.mark{font-family:var(--display);font-weight:600;font-size:20px}
nav ul{list-style:none;display:flex;gap:28px;margin:0;padding:0;flex-wrap:wrap}
nav ul a{text-decoration:none;font-size:14px;font-weight:500;color:var(--band-muted)}
nav ul a:hover{color:var(--band-ink)}
.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:56px;padding-block:56px 72px;align-items:center}
.hero > *{min-width:0}
.hero .label{color:var(--band-muted)}
.hero h1{font-size:clamp(36px,5.5vw,54px);margin-top:14px;letter-spacing:-.01em;font-weight:800}
html[lang="bn"] .hero h1{font-weight:700}
.hero p{max-width:34em;margin:20px 0 30px;font-size:18px;color:var(--band-muted)}
.cta{display:flex;gap:12px;flex-wrap:wrap}
.btn{font-weight:600;font-size:14px;padding:12px 22px;border-radius:3px;text-decoration:none;border:1px solid var(--band-ink)}
.btn.primary{background:var(--band-ink);color:var(--band)}
.band .btn.primary{color:var(--band)}
.btn.ghost{color:var(--band-ink)}
.summary{position:relative;max-width:340px;justify-self:end;width:100%;align-self:end;margin-bottom:-72px;background:none}
.hero-photo{display:block;width:100%;height:auto}
.summary dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}
.summary dl div:first-child,.summary dl div:nth-child(2){grid-column:1/-1}
.summary dt{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--band-muted)}
.summary dd{margin:2px 0 0;font-size:15px}

/* sections */
section{padding-block:64px;border-top:1px solid var(--line)}
section:first-of-type{border-top:0}
.sec-head{display:grid;grid-template-columns:220px 1fr;gap:32px;margin-bottom:32px}
.sec-head > *{min-width:0}
.sec-head h2{font-size:clamp(26px,3.6vw,34px)}
.sec-head p{margin:10px 0 0;color:var(--muted);max-width:38em}
.body-col{margin-left:252px}
.about{max-width:40em;margin-top:18px}
.about p{margin:0 0 16px;font-size:17px}
.about p:first-child{font-family:var(--display);font-size:20px;line-height:1.55}
#about .sec-head{margin-bottom:0}

.services{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.services li{background:var(--surface);padding:26px 24px;min-width:0}
.services li.primary{background:var(--accent-soft)}
.services li.primary .tag{color:var(--accent)}
.services .tag{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.services h3{font-size:17px;margin:10px 0 8px}
.services p{margin:0;font-size:15px;color:var(--muted);line-height:1.6}

.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.steps li{min-width:0;border-top:2px solid var(--accent);padding-top:18px}
.steps .n{font-family:var(--display);font-size:28px;font-weight:600;color:var(--accent);line-height:1}
.steps h3{font-size:16px;margin:12px 0 6px}
.steps p{margin:0;font-size:15px;color:var(--muted);line-height:1.55}
.values{display:grid;grid-template-columns:1fr 1fr;gap:28px 48px}
.values > div{min-width:0}
.values h3{font-size:16px;margin-bottom:6px}
.values p{margin:0;font-size:15px;color:var(--muted)}
.posts-wrap{position:relative}
.posts{display:flex;gap:20px;align-items:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:4px}
.posts::-webkit-scrollbar{display:none}
.posts .post{flex:0 0 calc((100% - 40px) / 3);scroll-snap-align:start}
.posts-nav{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
@media (max-width:860px){.posts .post{flex-basis:calc((100% - 20px) / 2)}}
@media (max-width:520px){.posts .post{flex-basis:88%}}
@media (prefers-reduced-motion:reduce){.posts{scroll-behavior:auto}}
.post{background:var(--surface);border:1px solid var(--line);border-radius:3px;padding:24px;min-width:0}
.post.featured{margin-bottom:20px;padding:30px;border-color:var(--accent)}
.post.featured h3{font-size:clamp(22px,3vw,28px)}
.post.featured .full,.post.featured .excerpt{max-width:44em}
.post.featured .full p{font-size:16px}
.post .meta{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.post h3{font-family:var(--display);font-size:20px;font-weight:600;margin:10px 0 8px}
.post .excerpt{margin:0 0 14px;font-size:15px;color:var(--muted)}
.post summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--accent);list-style:none}
.post summary::-webkit-details-marker{display:none}
.post summary::after{content:" →"}
.post details[open] summary::after{content:" ↑";}
.post details[open] summary{margin-bottom:14px}
.post .full p{font-size:15px;margin:0 0 12px}
.regions{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.region{background:var(--surface);border:1px solid var(--line);border-radius:3px;padding:20px;min-width:0}
.region.wide{grid-column:1/-1}
.region .countries li{background:var(--bg)}
.regions > div{min-width:0}
.regions h3 small{font-family:var(--body);font-size:12px;font-weight:600;color:var(--accent);background:var(--accent-soft);padding:1px 8px;border-radius:2px;margin-left:6px;vertical-align:3px}
.regions h3{font-family:var(--display);font-size:19px;font-weight:600;margin-bottom:12px}
.regions h3 span{font-size:12px;font-weight:600;color:var(--accent);background:var(--accent-soft);padding:1px 8px;border-radius:2px;font-variant-numeric:tabular-nums}
.countries{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.countries li{background:var(--surface);border:1px solid var(--line);border-radius:2px;padding:6px 12px;font-size:14px;font-weight:500}
.recog{display:grid;grid-template-columns:minmax(0,560px);gap:40px;align-items:start}
.recog > div{min-width:0}
.award{display:flex;gap:20px;align-items:flex-start;background:var(--accent-soft);padding:24px;border-radius:3px}
.award .big{font-family:var(--display);font-size:48px;font-weight:600;line-height:1;color:var(--accent)}
.award h3{font-size:17px;margin-bottom:6px}
.award p{margin:0;font-size:15px;color:var(--muted)}
.recog > div > h3{font-size:15px;margin-bottom:12px}
.langs{margin:0;display:grid;gap:0}
.langs div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:15px}
.langs dt{font-weight:600}
.langs dd{margin:0;color:var(--muted);text-align:right}
.offices{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.office{background:var(--surface);border:1px solid var(--line);border-radius:3px;padding:22px 24px;min-width:0}
.office.hq{grid-column:1/-1;background:var(--accent-soft);border-color:transparent}
.office .tag{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.office.hq .tag{color:var(--accent)}
.office h3{font-family:var(--display);font-size:21px;font-weight:600;margin:6px 0 4px}
.office .co{font-size:14px;font-weight:600;margin-bottom:8px}
.office p{margin:0;font-size:15px;color:var(--muted);line-height:1.55}
.office .lic{display:inline-block;margin-top:12px;font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--accent);border:1px solid var(--accent);padding:3px 10px;border-radius:2px}
.creds{list-style:none;margin:28px 0 0;padding:20px 0 0;border-top:1px solid rgba(255,255,255,.14);display:grid;gap:8px;font-size:14px;color:var(--band-muted)}
.creds li{padding-left:18px;position:relative}
.creds li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--band-muted)}
.award-line{margin-top:18px;padding:14px 16px;background:var(--accent-soft);border-radius:2px;font-size:15px;max-width:40em}
.award-line b{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:2px}
.sectors{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-items:start}
.sector{background:var(--surface);border:1px solid var(--line);border-radius:3px;padding:20px;min-width:0}
.sector h3{font-family:var(--display);font-size:19px;font-weight:600;margin-bottom:12px}
.jobs{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.jobs li{background:var(--accent-soft);border-radius:2px;padding:4px 10px;font-size:13.5px;font-weight:500}
.faq-cols{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.faq-cols > div{min-width:0}
.faq-h{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}
.faq{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;padding:14px 28px 14px 0;font-weight:600;font-size:16px;list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:12px;font-size:20px;font-weight:400;color:var(--accent)}
.faq[open] summary::after{content:"−"}
.faq p{margin:0 0 16px;color:var(--muted);font-size:15px}
.group-wrap{display:grid;gap:24px}
.group{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}
.group li span{display:block;font-weight:400;font-size:13px;color:var(--muted)}
.group li{background:var(--surface);border:1px solid var(--line);border-radius:2px;padding:10px 16px;font-weight:600;font-size:15px}
.skill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.skill-card{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:3px;padding:22px 20px;min-width:0}
.skill-card.soft{border-top-color:var(--c-soft)}
.skill-card.tech{border-top-color:var(--c-tech)}
.skill-card.tools{border-top-color:var(--muted)}
.skill-card .tag{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.skill-card h3{font-family:var(--display);font-size:20px;font-weight:600;margin:6px 0 14px}
.skill-card ul{margin:0;padding:0;list-style:none;display:grid;gap:9px}
.skill-card li{font-size:14.5px;line-height:1.45;padding-left:16px;position:relative}
.skill-card li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:1.5px;background:var(--accent)}
.levels{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.level{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:3px;padding:20px 18px;min-width:0}
.level.poly{border-top-color:var(--c-soft)}
.level.skilled{border-top-color:var(--c-tech)}
.level.semi{border-top-color:var(--muted)}
.level.general{border-top-color:var(--line)}
.level .tag{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.level h3{font-family:var(--display);font-size:18px;font-weight:600;margin:6px 0 8px;line-height:1.25}
.level p{margin:0 0 12px;font-size:14px;color:var(--muted);line-height:1.5}
.level ul{margin:0;padding:12px 0 0;border-top:1px solid var(--line);list-style:none;display:grid;gap:6px}
.level li{font-size:13.5px;line-height:1.4}
.more-offices{margin-top:16px}
.more-offices summary{cursor:pointer;list-style:none;display:inline-block;font-weight:600;font-size:14px;color:var(--accent);border:1px solid var(--accent);padding:10px 18px;border-radius:3px}
.more-offices summary::-webkit-details-marker{display:none}
.more-offices summary::after{content:" +"}
.more-offices[open] summary::after{content:" −"}
.more-offices[open] summary{margin-bottom:16px}
.quotes{display:grid;grid-template-columns:1fr 1.5fr;gap:16px;margin-bottom:24px}
.quote{margin:0;padding:24px;border-radius:3px;background:var(--surface);border:1px solid var(--line);min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:14px}
.quote blockquote{margin:0;font-family:var(--display);font-size:18px;line-height:1.45}
.quote blockquote::before{content:"\201C";display:block;font-size:42px;line-height:.8;color:var(--accent);margin-bottom:6px}
.quote figcaption{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.quote.main{background:var(--band);border-color:var(--band);color:var(--band-ink)}
.quote.main blockquote{font-size:22px}
.quote.main blockquote::before{color:var(--band-muted)}
.quote.main figcaption{color:var(--band-muted)}
.quote.rot blockquote{font-size:22px;min-height:3.2em;transition:opacity .25s}
.quote.rot.fade blockquote,.quote.rot.fade figcaption{opacity:0}
.quote.rot figcaption{transition:opacity .25s}
.q-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.q-ctrl{display:flex;align-items:center;gap:8px}
.q-count{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;margin-right:4px}
.q-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-size:20px;line-height:1;cursor:pointer}
.q-btn:hover{border-color:var(--accent);color:var(--accent)}
@media (prefers-reduced-motion:reduce){.quote.rot blockquote,.quote.rot figcaption{transition:none}}
.ico{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--accent-soft);color:var(--accent);margin-bottom:14px}
.ico svg,.ico i{width:22px;height:22px}
.sector .ico,.region .ico{width:36px;height:36px;margin:0 0 10px}
.sector .ico svg,.region .ico svg{width:18px;height:18px}
.steps .ico{float:right;margin:0}
.office.hq .ico{background:var(--surface)}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 32px}
.why-grid > div{min-width:0}
.why-grid h3{font-size:17px;margin-bottom:6px}
.why-grid p{margin:0;font-size:15px;color:var(--muted)}
.doc-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.doc-list li{display:flex;gap:16px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:3px;padding:16px 18px;min-width:0}
.doc-list .ico{flex:none;margin:0;width:40px;height:40px}
.doc-list .ico svg{width:20px;height:20px}
.doc-list h3{font-size:16px;margin-bottom:2px}
.doc-list p{margin:0;font-size:14px;color:var(--muted)}
.cta-band{border-top:0}
.cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cta-card{background:var(--band);color:var(--band-ink);border-radius:4px;padding:32px;min-width:0}
.cta-card .ico{background:rgba(255,255,255,.1);color:var(--band-ink)}
.cta-card h3{font-family:var(--display);font-size:26px;font-weight:600;margin-bottom:8px}
.cta-card p{margin:0 0 22px;color:var(--band-muted);max-width:30em}
.btn-solid{display:inline-block;background:var(--band-ink);color:var(--band);font-weight:600;font-size:14px;padding:12px 22px;border-radius:3px;text-decoration:none}
.wa-link{font-size:13px;font-weight:600;color:var(--wa)}
.btn.wa{background:var(--wa);border-color:var(--wa);color:#fff;display:inline-flex;align-items:center;gap:8px}
.btn.wa svg{width:18px;height:18px}
.wa-float{position:fixed;right:calc(20px + env(safe-area-inset-right, 0px));bottom:calc(20px + env(safe-area-inset-bottom, 0px));z-index:20;display:inline-flex;align-items:center;gap:8px;background:var(--wa);color:var(--wa-ink);text-decoration:none;font-weight:600;font-size:15px;padding:12px 18px 12px 14px;border-radius:999px;box-shadow:0 6px 20px rgba(0,0,0,.22)}
.wa-float svg{width:22px;height:22px}
.wa-float:hover{filter:brightness(1.08)}
@media (max-width:520px){.wa-float span{display:none}.wa-float{padding:14px}}
.roles{font-family:var(--display);font-size:clamp(22px,3.2vw,32px);font-weight:600;color:var(--c-roles);margin-top:12px;min-height:1.4em;line-height:1.3}
.caret{display:inline-block;width:2px;height:1em;background:currentColor;margin-left:4px;vertical-align:-.12em;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hero p.tagline{margin:18px 0 0;font-size:19px;color:var(--band-ink);font-weight:500}
.hero p.tagline + p{margin-top:10px}
.hero .lead-in{color:var(--gold);font-weight:700}
.hero p.push{margin:-14px 0 30px;font-family:var(--display);font-style:italic;font-size:20px;color:var(--c-roles)}
@media (prefers-reduced-motion:reduce){.caret{animation:none}}
.ticker{display:flex;align-items:center;background:var(--accent);color:var(--bg);overflow:hidden;position:relative}
.ticker-label b{font-weight:800;margin-right:8px;color:var(--c-roles)}
.ticker-label{flex:none;padding:12px max(16px, env(safe-area-inset-left, 0px));font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:var(--band);color:var(--band-ink);position:relative;z-index:1}
.ticker-track{display:flex;overflow:hidden;flex:1;min-width:0}
.ticker-list{display:flex;flex:none;list-style:none;margin:0;padding:0;animation:ticker 140s linear infinite}
.ticker-list li{padding:12px 22px;font-size:15px;font-weight:600;white-space:nowrap;position:relative}
.ticker-list li::after{content:"";position:absolute;right:-3px;top:50%;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.55;transform:translateY(-50%)}
.ticker:hover .ticker-list{animation-play-state:paused}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.ticker-list{animation:none}}
.stats-band{background:var(--surface);border-bottom:1px solid var(--line)}
.stats{list-style:none;margin:0;padding:36px 0;display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.stats li{min-width:0;text-align:center;border-left:1px solid var(--line);padding:0 8px}
.stats li:first-child{border-left:0}
.stats .num,.stats .suf{font-family:var(--display);font-size:clamp(34px,4.5vw,48px);font-weight:600;color:var(--accent);line-height:1;font-variant-numeric:tabular-nums}
.stats .cap{display:block;margin-top:8px;font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--muted)}
@media (max-width:860px){.stats{grid-template-columns:repeat(3,1fr);row-gap:28px}.stats li:nth-child(4){border-left:0}}
@media (max-width:520px){.stats{grid-template-columns:1fr 1fr}.stats li{border-left:0}.stats li:last-child{grid-column:1/-1}.ticker-label{display:none}}
.progress{position:fixed;top:env(safe-area-inset-top, 0px);left:0;right:0;height:3px;z-index:30;background:transparent}
.progress span{display:block;height:100%;width:0;background:var(--c-roles)}
.to-top{position:fixed;right:calc(20px + env(safe-area-inset-right, 0px));bottom:calc(86px + env(safe-area-inset-bottom, 0px));z-index:20;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--band);color:var(--band-ink);box-shadow:0 6px 18px rgba(0,0,0,.2);opacity:0;pointer-events:none;transition:opacity .25s}
.to-top.show{opacity:1;pointer-events:auto}
.to-top svg{width:20px;height:20px}
.enq{background:var(--surface);border:1px solid var(--line);border-radius:4px;overflow:hidden;max-width:760px}
.enq-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}
.enq-tabs button{font:inherit;font-weight:600;font-size:15px;padding:16px;background:var(--bg);color:var(--muted);border:0;cursor:pointer}
.enq-tabs button.on{background:var(--surface);color:var(--accent);box-shadow:inset 0 -3px 0 var(--accent)}
.enq-form{padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}
.enq-row{display:grid;gap:6px;min-width:0}
.enq-row[hidden]{display:none}
.enq-row label{font-size:13px;font-weight:600;color:var(--muted)}
.enq-row input{font:inherit;font-size:15px;padding:10px 12px;border:1px solid var(--line);border-radius:3px;background:var(--bg);color:var(--ink);width:100%;box-sizing:border-box;min-height:44px}
.enq-row input.bad{border-color:#d14343;box-shadow:0 0 0 2px rgba(209,67,67,.2)}
.enq-row select optgroup{font-weight:700;color:var(--accent)}
.enq-row select option{color:var(--ink);font-weight:400}
.enq-preview p{white-space:pre-line}
.enq-row select{font:inherit;font-size:15px;padding:10px 12px;border:1px solid var(--line);border-radius:3px;background:var(--bg);color:var(--ink);width:100%}
.enq-preview{grid-column:1/-1;background:var(--accent-soft);border-radius:3px;padding:14px 16px}
.enq-preview p{margin:6px 0 0;font-size:15px}
.enq-form .btn.wa{justify-self:start;grid-column:1/-1;text-decoration:none}
@media (max-width:520px){.enq-form{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.to-top{transition:none}}
.band{background-image:radial-gradient(rgba(255,255,255,.07) 1px, transparent 1.4px);background-size:22px 22px}
.status{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--band-ink);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);padding:6px 12px;border-radius:999px;margin-bottom:18px}
.status .dot{width:8px;height:8px;border-radius:50%;background:var(--wa);box-shadow:0 0 0 0 var(--wa);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,184,101,.6)}70%{box-shadow:0 0 0 10px rgba(37,184,101,0)}100%{box-shadow:0 0 0 0 rgba(37,184,101,0)}}
.wave{display:inline-block;transform-origin:70% 70%;animation:wave 2.4s ease-in-out 1s 3}
@keyframes wave{0%,60%,100%{transform:rotate(0)}10%,30%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}}
.badge{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.94);color:#15202e;padding:10px 14px 10px 10px;border-radius:10px;box-shadow:0 10px 28px rgba(0,0,0,.28);font-size:13px;line-height:1.3;white-space:nowrap;animation:float 5s ease-in-out infinite}
.badge .ico{width:34px;height:34px;margin:0;background:#e6eef5;color:#1f5f8b}
.badge .ico svg{width:17px;height:17px}
.badge b{display:block;font-size:15px}
.badge span{color:#5a6575}
.badge.b1{top:22%;left:-34%}
.badge.b2{bottom:18%;right:-14%;animation-delay:-2.5s}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media (max-width:860px){.badge.b1{left:-18%}.badge.b2{right:-10%}}
@media (max-width:520px){.badge{display:none}}
@media (prefers-reduced-motion:reduce){.status .dot,.wave,.badge{animation:none}}
.map-panel{background:var(--band);border-radius:6px;padding:18px 18px 10px;margin-bottom:20px;position:relative;overflow:hidden}
.map-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.map-head .status{margin:0}
.map-title{font-family:var(--display);font-size:20px;font-weight:600;color:var(--band-ink)}
#route-map{display:block;width:100%;aspect-ratio:16/9.5;max-width:100%}
.team{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mate{background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:28px 24px;text-align:center;min-width:0}
.avatar{width:84px;height:84px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:28px;font-weight:600;background:var(--band);color:var(--band-ink);box-shadow:0 0 0 4px var(--accent-soft)}
.avatar.alt{background:var(--accent);color:var(--bg)}
.avatar.ghost{background:var(--accent-soft);color:var(--accent)}
.avatar svg{width:34px;height:34px}
.mate h3{font-family:var(--display);font-size:20px;font-weight:600}
.mate .role{font-size:14px;font-weight:600;color:var(--accent);margin-top:4px}
.mate .org{font-size:14px;color:var(--muted)}
.mate p{margin:14px 0 0;font-size:15px;color:var(--muted);font-style:italic}
.mate.join p{font-style:normal}
.mate.join a{display:inline-block;margin-top:14px;font-weight:600;font-size:14px;color:var(--accent);text-decoration:none}
.sector summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px}
.sector summary::-webkit-details-marker{display:none}
.sector summary .ico{margin:0}
.sector summary h3{margin:0;flex:1}
.sector .more::after{content:"+";font-size:22px;color:var(--accent);line-height:1}
.sector[open] .more::after{content:"−"}
.sector[open] summary{margin-bottom:14px}
.sector:hover{border-color:var(--accent)}
.sector-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.sector-head .ico{margin:0}
.sector-head h3{margin:0}
.jobs-marquee{display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.jobs-marquee .jobs{flex:none;flex-wrap:nowrap;padding-right:6px;animation:ticker 26s linear infinite}
.sector:nth-child(even) .jobs-marquee .jobs{animation-direction:reverse;animation-duration:30s}
.jobs-marquee:hover .jobs{animation-play-state:paused}
.jobs-marquee .jobs li{white-space:nowrap}
@media (prefers-reduced-motion:reduce){.jobs-marquee .jobs{animation:none}.jobs-marquee .jobs[aria-hidden]{display:none}.jobs-marquee{flex-wrap:wrap}.jobs-marquee .jobs{flex-wrap:wrap}}
.view-all{margin-top:16px;font:inherit;font-weight:600;font-size:14px;color:var(--accent);background:none;border:1px solid var(--accent);padding:10px 18px;border-radius:3px;cursor:pointer}
.view-all:hover{background:var(--accent-soft)}
.sectors.show-all .jobs-marquee{display:block;overflow:visible;-webkit-mask-image:none;mask-image:none}
.sectors.show-all .jobs-marquee .jobs{animation:none;flex-wrap:wrap;padding-right:0;width:100%;transform:none}
.sectors.show-all .jobs-marquee .jobs[aria-hidden]{display:none}
/* soft card boxes (old-site style) */
.services{gap:28px;background:none;border:0}
.services li,.sector{background:var(--surface);border:0;border-radius:8px;box-shadow:var(--shadow);padding:40px 36px;transition:transform .25s, box-shadow .25s}
.services li:hover,.sector:hover{transform:translateY(-4px);box-shadow:var(--shadow-hi)}
.sectors{gap:28px}
.sector-head h3,.services h3{font-size:21px}
@media (max-width:520px){.services li,.sector{padding:28px 22px}}
@media (prefers-reduced-motion:reduce){.services li,.sector{transition:none}.services li:hover,.sector:hover{transform:none}}
.chat-fab{position:fixed;right:calc(20px + env(safe-area-inset-right, 0px));bottom:calc(20px + env(safe-area-inset-bottom, 0px));z-index:21;display:inline-flex;align-items:center;gap:8px;font:inherit;font-weight:600;font-size:15px;background:var(--band);color:var(--band-ink);border:1px solid rgba(255,255,255,.15);padding:12px 18px 12px 14px;border-radius:999px;box-shadow:0 6px 20px rgba(0,0,0,.25);cursor:pointer}
.chat-fab svg{width:20px;height:20px}
.chat-box{position:fixed;right:calc(20px + env(safe-area-inset-right, 0px));bottom:calc(84px + env(safe-area-inset-bottom, 0px));z-index:22;width:min(360px, calc(100vw - 40px));max-height:min(560px, calc(100vh - 120px));display:flex;flex-direction:column;background:var(--surface);border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.3);overflow:hidden;border:1px solid var(--line)}
.chat-box[hidden]{display:none}
.chat-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;background:var(--band);color:var(--band-ink)}
.chat-top b{display:block;font-size:15px}
.chat-top span{font-size:12px;color:var(--band-muted)}
.chat-x{background:none;border:0;color:var(--band-ink);font-size:26px;line-height:1;cursor:pointer}
.chat-log{flex:1;min-height:260px;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px;background:var(--bg)}
.msg{max-width:85%;padding:9px 12px;border-radius:12px;font-size:14.5px;line-height:1.5;white-space:pre-line}
.msg.bot{background:var(--surface);border:1px solid var(--line);align-self:flex-start;border-bottom-left-radius:4px}
.msg.me{background:var(--accent);color:var(--bg);align-self:flex-end;border-bottom-right-radius:4px}
.msg a{color:var(--accent);font-weight:600}
.msg.typing{color:var(--muted);font-style:italic}
.chat-chips{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;gap:6px;align-items:center;min-height:52px;padding:10px 12px;border-top:1px solid var(--line);background:var(--surface)}
.chat-chips button{flex:none;white-space:nowrap;font:inherit;font-size:13px;padding:6px 10px;border-radius:999px;border:1px solid var(--accent);background:none;color:var(--accent);cursor:pointer}
.chat-form{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--line);background:var(--surface)}
.chat-form input{flex:1;min-width:0;font:inherit;font-size:15px;padding:10px 12px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--ink)}
.chat-form button{width:40px;height:40px;border-radius:50%;border:0;background:var(--accent);color:var(--bg);cursor:pointer;display:flex;align-items:center;justify-content:center}
.chat-form button svg{width:18px;height:18px}
@media (max-width:520px){.chat-fab span{display:none}.chat-fab{padding:14px}}
.review-cta{margin-top:28px;background:var(--band);color:var(--band-ink);border-radius:8px;padding:48px 40px;text-align:center;box-shadow:var(--shadow)}
.review-cta .label{color:var(--band-muted)}
.review-cta h2{font-size:clamp(28px,4vw,38px);margin:8px 0 14px}
.review-cta p{max-width:38em;margin:0 auto 26px;color:var(--band-muted);font-size:17px}
.review-cta .stars{color:var(--gold);font-size:28px;letter-spacing:6px;margin-bottom:10px}
.review-cta .cta{justify-content:center}
.review-cta .btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.review-cta .btn svg{width:18px;height:18px}
.btn.outline{color:var(--band-ink);border:1px solid var(--band-ink);background:none}
@media (max-width:520px){.review-cta{padding:36px 22px}}
.reviews{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:6px 4px 16px}
.reviews::-webkit-scrollbar{display:none}
.review{flex:0 0 calc((100% - 40px) / 3);scroll-snap-align:start;margin:0;background:var(--surface);border-radius:8px;box-shadow:var(--shadow);padding:30px 28px;display:flex;flex-direction:column;justify-content:space-between;gap:20px;min-width:0}
.review blockquote{margin:0;font-family:var(--display);font-size:17px;line-height:1.55}
.review blockquote::before{content:"\201C";display:block;font-size:44px;line-height:.8;color:var(--accent);margin-bottom:4px}
.review figcaption{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:16px}
.r-av{flex:none;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--band);color:var(--band-ink);font-weight:700;font-size:14px}
.review figcaption b{display:block;font-size:15px}
.review figcaption small{color:var(--muted);font-size:13px}
.r-src{margin-left:auto;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);padding:3px 8px;border-radius:2px}
@media (max-width:860px){.review{flex-basis:calc((100% - 20px) / 2)}}
@media (max-width:520px){.review{flex-basis:88%}}
.btn.fb{background:#1877f2;border-color:#1877f2;color:#fff}
.btn.li{background:#0a66c2;border-color:#0a66c2;color:#fff}
.gallery{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:20px}
.g-item{margin:0;border-radius:8px;overflow:hidden;box-shadow:var(--shadow);background:var(--surface);position:relative;min-width:0}
.g-big{grid-row:1/3;background:var(--band);min-height:420px}
.g-big img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom}
.g-big figcaption{position:absolute;left:0;right:0;bottom:0;padding:16px 20px;font-size:14px;font-weight:600;color:var(--band-ink);background:linear-gradient(transparent,rgba(10,17,27,.85))}
.g-more{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:28px;text-decoration:none;color:var(--ink);transition:transform .25s, box-shadow .25s}
.g-more:hover{transform:translateY(-4px);box-shadow:var(--shadow-hi)}
.g-more b{font-family:var(--display);font-size:22px}
.g-more span:last-child{color:var(--muted);font-size:15px}
.g-more.alt{background:var(--accent);color:var(--bg)}
.g-more.alt span:last-child{color:var(--bg);opacity:.85}
.g-more.alt .ico{background:rgba(255,255,255,.18);color:var(--bg)}
@media (max-width:860px){.gallery{grid-template-columns:1fr;grid-template-rows:auto}.g-big{grid-row:auto;min-height:380px}}
.photo-sizes{margin-top:20px}
.ps-wrap{overflow-x:auto;background:var(--surface);border-radius:8px;box-shadow:var(--shadow)}
.ps-table{width:100%;border-collapse:collapse;font-size:15px;min-width:520px}
.ps-table th,.ps-table td{text-align:left;padding:12px 18px;border-bottom:1px solid var(--line);vertical-align:top}
.ps-table thead th{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--bg)}
.ps-table tbody th{font-weight:600}
.ps-table tbody th small{display:block;font-weight:400;font-size:12.5px;color:var(--muted);max-width:28em;margin-top:2px}
.ps-table td:nth-child(2){font-weight:600;color:var(--accent);white-space:nowrap;font-variant-numeric:tabular-nums}
.ps-note{margin:0;padding:14px 18px;font-size:13.5px;color:var(--muted)}

.doc-photo > div{flex:1;min-width:0}
.ps-toggle{margin-top:10px}
.ps-toggle summary{cursor:pointer;list-style:none;display:inline-block;font-weight:600;font-size:14px;color:var(--accent)}
.ps-toggle summary::-webkit-details-marker{display:none}
.ps-toggle summary::after{content:" +"}
.ps-toggle[open] summary::after{content:" −"}
.ps-toggle[open] summary{margin-bottom:12px}
.ps-toggle .ps-wrap{box-shadow:none;border:1px solid var(--line)}
.ps-link{margin-top:8px;padding:0;background:none;border:0;font:inherit;font-size:14px;font-weight:600;color:var(--accent);cursor:pointer;text-align:left}
.ps-link:hover{text-decoration:underline}
.ps-modal{position:fixed;inset:0;z-index:40;background:rgba(8,14,22,.6);display:flex;align-items:center;justify-content:center;padding:max(16px, env(safe-area-inset-top, 0px)) max(16px, env(safe-area-inset-right, 0px)) max(16px, env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px))}
.ps-modal[hidden]{display:none}
.ps-panel{background:var(--surface);border-radius:10px;box-shadow:0 24px 60px rgba(0,0,0,.4);width:min(720px,100%);max-height:100%;display:flex;flex-direction:column;overflow:hidden}
.ps-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--band);color:var(--band-ink)}
.ps-head h3{font-family:var(--display);font-size:20px;font-weight:600;margin:0}
.ps-panel .ps-wrap{overflow:auto;box-shadow:none;border-radius:0;border:0}
.gphotos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.gp{margin:0;border-radius:8px;overflow:hidden;box-shadow:var(--shadow);background:var(--surface);position:relative;min-width:0}
.gp.wide{grid-column:span 2;grid-row:span 2}
.gp-btn{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in}
.gp img{display:block;width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .4s}
.gp.wide img{aspect-ratio:auto}
.gp:hover img{transform:scale(1.04)}
.gp-tag{display:inline-block;margin-right:8px;padding:2px 8px;border-radius:3px;background:var(--gold);color:#15202e;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.gp figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 12px;font-size:13px;font-weight:600;color:#fff;background:linear-gradient(transparent,rgba(10,17,27,.8));pointer-events:none}
.g-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.g-links .view-all{margin:0;text-decoration:none;display:inline-block}
.lb{position:fixed;inset:0;z-index:45;background:rgba(5,9,15,.92);display:flex;align-items:center;justify-content:center;padding:max(16px, env(safe-area-inset-top, 0px)) max(16px, env(safe-area-inset-right, 0px)) max(16px, env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px))}
.lb[hidden]{display:none}
.lb figure{margin:0;max-width:min(1100px,100%);text-align:center}
.lb img{max-width:100%;max-height:80vh;border-radius:6px}
.lb figcaption{color:#e7ecf2;margin-top:10px;font-weight:600}
.lb-x{position:absolute;top:calc(12px + env(safe-area-inset-top, 0px));right:calc(16px + env(safe-area-inset-right, 0px));background:none;border:0;color:#fff;font-size:38px;line-height:1;cursor:pointer}
@media (max-width:860px){.gphotos{grid-template-columns:1fr 1fr}.gp.wide{grid-column:1/-1;grid-row:auto}}
@media (max-width:520px){.gphotos{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.gp img{transition:none}.gp:hover img{transform:none}}
.slideshow{max-width:100%}
.sl-stage{position:relative;border-radius:10px;overflow:hidden;box-shadow:var(--shadow);background:var(--band);aspect-ratio:16/9}
.sl{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .8s ease}
.sl.on{opacity:1;z-index:1}
.sl img{width:100%;height:100%;object-fit:cover;cursor:zoom-in;display:block}
.sl figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 22px 18px;font-size:17px;font-weight:600;color:#fff;background:linear-gradient(transparent,rgba(10,17,27,.85))}
.sl-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.85);color:#15202e;font-size:26px;line-height:1;cursor:pointer}
.sl-nav.prev{left:14px}.sl-nav.next{right:14px}
.sl-count{position:absolute;top:14px;right:14px;z-index:3;font-size:12px;font-weight:700;color:#fff;background:rgba(10,17,27,.6);padding:4px 10px;border-radius:999px;font-variant-numeric:tabular-nums}
.sl-thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.th{flex:none;width:96px;height:66px;padding:0;border:2px solid transparent;border-radius:6px;overflow:hidden;cursor:pointer;opacity:.6;background:none;transition:opacity .2s,border-color .2s}
.th img{width:100%;height:100%;object-fit:cover;display:block}
.th.on,.th:hover{opacity:1;border-color:var(--accent)}
@media (max-width:520px){.sl-stage{aspect-ratio:4/3}.sl figcaption{font-size:14px}.sl-nav{width:36px;height:36px;font-size:22px}}
@media (prefers-reduced-motion:reduce){.sl{transition:none}}
.board{background:#0b1320;color:#f2b84b;border-radius:10px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:34px;font-family:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace}
.board-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(242,184,75,.18);flex-wrap:wrap}
.board-head .ico{margin:0;background:rgba(242,184,75,.14);color:#f2b84b;width:38px;height:38px}
.board-head b{font-size:18px;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.board-sub{margin-left:auto;font-size:12px;letter-spacing:.12em;color:#9aa7b8;text-transform:uppercase}
.board-scroll{overflow-x:auto}
.board table{width:100%;border-collapse:collapse;min-width:420px}
.board th{font-size:11px;letter-spacing:.16em;color:#9aa7b8;text-align:left;padding:10px 20px;font-weight:500}
.board td{padding:10px 20px;border-top:1px solid rgba(255,255,255,.06);font-size:15px;letter-spacing:.1em;font-variant-numeric:tabular-nums}
.board .flap{color:#fff;font-weight:600}
.st{display:inline-block;padding:2px 8px;border-radius:3px;font-size:12px;font-weight:700}
.st.departed{background:rgba(242,184,75,.16);color:#f2b84b}
.st.arrived{background:rgba(37,184,101,.18);color:#4fd38a}
.st.in{background:rgba(127,180,220,.18);color:#9fc9ea}
.board tbody tr{animation:flapin .5s ease-out both}
.board tbody tr:nth-child(2){animation-delay:.08s}.board tbody tr:nth-child(3){animation-delay:.16s}.board tbody tr:nth-child(4){animation-delay:.24s}.board tbody tr:nth-child(5){animation-delay:.32s}.board tbody tr:nth-child(6){animation-delay:.4s}
@keyframes flapin{from{transform:rotateX(70deg);opacity:.3}to{transform:none;opacity:1}}
.pols{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 22px;padding:10px 4px}
.pol{margin:0;background:#fff;padding:10px 10px 14px;border-radius:3px;box-shadow:0 10px 26px rgba(15,22,33,.18);transition:transform .3s, box-shadow .3s;min-width:0;position:relative}
.pol::before{content:"";position:absolute;top:-10px;left:50%;width:70px;height:20px;transform:translateX(-50%) rotate(-3deg);background:rgba(242,184,75,.55);border-radius:2px}
.pol.p0{transform:rotate(-2.5deg)}.pol.p1{transform:rotate(1.8deg) translateY(10px)}.pol.p2{transform:rotate(-1.2deg)}.pol.p3{transform:rotate(2.6deg) translateY(6px)}
.pol:hover{transform:rotate(0) scale(1.04);box-shadow:0 18px 40px rgba(15,22,33,.28);z-index:2}
.pol .gp-btn{height:auto}
.pol img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:2px}
.board td:first-child{color:#f2b84b}
.pol figcaption{padding:10px 4px 0;color:#15202e;text-align:center}
.pol figcaption b{display:block;font-family:"Caveat","Segoe Print","Bradley Hand",cursive;font-size:21px;font-weight:600;line-height:1.15}
.pol figcaption span{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#5a6575}
@media (max-width:860px){.pols{grid-template-columns:1fr 1fr}}
@media (max-width:420px){.pols{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.board tbody tr{animation:none}.pol{transition:none}}
.fb-live{margin-top:28px;background:var(--surface);border-radius:8px;box-shadow:var(--shadow);padding:24px 26px}
.fb-live-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:14px}
.fb-live-head .ico{margin:0;background:#1877f2;color:#fff;flex:none}
.fb-live-head b{display:block;font-size:17px}
.fb-live-head span{color:var(--muted);font-size:14.5px}
.fb-preview{margin:0;padding:18px;border:1px dashed var(--line);border-radius:6px;color:var(--muted);font-size:14px;text-align:center}
.fb-feed{background:var(--surface);border-radius:8px;box-shadow:var(--shadow);padding:24px;display:grid;gap:18px;justify-items:center}
.fb-feed-body{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center;gap:18px}
.fb-feed-body .fb-preview{width:100%}
.fb-follow{display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.fb-follow svg{width:18px;height:18px}
.lang-btn{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:13px;font-weight:600;background:rgba(255,255,255,.08);color:var(--band-muted);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 12px;cursor:pointer;margin-left:auto;margin-right:18px}
.lang-btn .lang-on{color:var(--band-ink)}
.lang-btn .lang-sep{opacity:.4}
html[lang="bn"] body{font-family:"Hind Siliguri","Libre Franklin",Arial,sans-serif}
html[lang="bn"] h1,html[lang="bn"] h2,html[lang="bn"] .roles,html[lang="bn"] .review blockquote,html[lang="bn"] .quote blockquote,html[lang="bn"] .post h3,html[lang="bn"] .about p:first-child{font-family:"Noto Serif Bengali","Source Serif 4",Georgia,serif}
html[lang="bn"] .label,html[lang="bn"] .tag{letter-spacing:.02em}
@media (max-width:520px){.lang-btn{margin-right:0}}
.orig-bn{margin-top:22px;padding:20px 22px;background:var(--accent-soft);border-radius:6px;border-left:3px solid var(--gold)}
.orig-bn .orig-label{font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--accent);margin-bottom:10px}
.orig-bn p{font-family:"Hind Siliguri","Libre Franklin",Arial,sans-serif;font-size:16.5px;line-height:1.75;margin:0 0 12px}
.orig-bn p:last-child{margin-bottom:0}
html[lang="bn"] .post.featured .full > p.en{display:none}
html[lang="bn"] .orig-bn{margin-top:0}
html[lang="bn"] .orig-bn .orig-label{display:none}
.post .listen{margin:10px 0 0;top:0}
.listen{display:inline-flex;align-items:center;gap:6px;margin-left:14px;vertical-align:middle;font:inherit;font-size:13px;font-weight:600;color:var(--accent);background:var(--accent-soft);border:0;border-radius:999px;padding:6px 12px 6px 10px;cursor:pointer;position:relative;top:-4px}
.listen svg{width:16px;height:16px}
.listen.on,.listen-hero.on{background:var(--accent);color:var(--bg)}
.sec-head h2 + .listen + p,.sec-head .listen + p{margin-top:12px}
.listen-hero{display:inline-flex;align-items:center;gap:6px;margin-left:12px;vertical-align:middle;background:rgba(255,255,255,.1);color:var(--band-ink);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:5px 12px 5px 10px;cursor:pointer;font:inherit;font-weight:600;font-size:12px;letter-spacing:.04em;text-transform:none}
.listen-hero svg{width:15px;height:15px}
.tts-bar{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom, 0px));transform:translateX(-50%);z-index:30;display:flex;align-items:center;gap:12px;background:var(--band);color:var(--band-ink);padding:10px 12px 10px 18px;border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.3);font-size:14px;max-width:calc(100vw - 40px)}
.tts-bar[hidden]{display:none}
.tts-bar button{font:inherit;font-weight:600;font-size:13px;border:0;border-radius:999px;padding:6px 12px;background:var(--gold);color:#15202e;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.tts-bar svg{width:14px;height:14px}
.team-grid{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:6px 4px 16px}
.team-grid::-webkit-scrollbar{display:none}
.team-grid .tm{scroll-snap-align:start;flex:0 0 calc((100% - 60px) / 4)}
.sample-badge{display:inline-block;margin-top:6px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#b07a2a;background:rgba(242,184,75,.18);padding:2px 8px;border-radius:3px}
@media (max-width:860px){.team-grid .tm{flex-basis:calc((100% - 20px) / 2)}}
@media (max-width:520px){.team-grid .tm{flex-basis:80%}}
.tm{flex:0 1 calc((100% - 60px) / 4);min-width:180px;background:var(--surface);border-radius:8px;box-shadow:var(--shadow);padding:28px 20px 24px;text-align:center;transition:transform .25s, box-shadow .25s}
.tm:hover{transform:translateY(-4px);box-shadow:var(--shadow-hi)}
.tm-av{width:82px;height:82px;margin:0 auto 14px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:26px;font-weight:600;background:var(--band);color:var(--gold);box-shadow:0 0 0 4px var(--accent-soft)}
.tm:nth-child(even) .tm-av{background:var(--accent);color:var(--bg)}
.tm h3{font-family:var(--display);font-size:20px;font-weight:600;margin:0}
.tm-org{font-size:13px;color:var(--muted);margin-top:4px}
@media (max-width:520px){.tm{flex-basis:calc((100% - 20px) / 2);min-width:0}}
@media (prefers-reduced-motion:reduce){.tm{transition:none}.tm:hover{transform:none}}
.tm-photo{display:block;width:82px;height:82px;margin:0 auto 14px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 4px var(--gold)}
.tm-photo.sample{box-shadow:0 0 0 4px var(--accent-soft)}
.tm-role{font-size:13.5px;font-weight:600;color:var(--accent);margin-top:4px}
.tm.lead{border-top:3px solid var(--gold)}
.team-support{margin-top:40px}
.ts-title{font-family:var(--display);font-size:24px;font-weight:600;margin:0 0 18px}
.ts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ts{background:var(--surface);border-radius:8px;box-shadow:var(--shadow);padding:24px 20px;min-width:0}
.ts h3{font-size:16px;margin:0 0 6px}
.ts p{margin:0;font-size:14.5px;color:var(--muted);line-height:1.55}
.join{margin-top:28px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:var(--band);color:var(--band-ink);border-radius:8px;padding:24px 26px}
.join .ico{margin:0;background:rgba(255,255,255,.12);color:var(--gold);flex:none}
.join > div{flex:1;min-width:220px}
.join h3{font-family:var(--display);font-size:22px;font-weight:600;margin:0 0 4px}
.join p{margin:0;color:var(--band-muted);font-size:15px}
.join .btn{text-decoration:none}
@media (max-width:860px){.ts-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.ts-grid{grid-template-columns:1fr}}
.tm-links{display:flex;justify-content:center;gap:10px;margin-top:14px}
.tm-links a{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .2s}
.tm-links a:hover{transform:translateY(-2px)}
.tm-links svg{width:18px;height:18px}
.tm-wa{background:var(--wa)}
.tm-fb{background:#1877f2}
.tm-name{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;border-bottom:1px dashed var(--accent)}
.tm-name:hover{color:var(--accent)}
.tm-panel{width:min(560px,100%)}
.tm-m-body{display:flex;gap:22px;padding:22px;align-items:flex-start;flex-wrap:wrap}
.tm-m-body img{width:110px;height:110px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 4px var(--accent-soft)}
.tm-m-body > div{flex:1;min-width:220px}
.tm-m-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
#tm-m-pos{margin:0 0 14px;font-weight:600;font-size:17px;color:var(--accent)}
#tm-m-resp{margin:0 0 16px;padding-left:18px;font-size:15px;line-height:1.6}
.tm-m-links{display:flex;gap:10px;flex-wrap:wrap}
.tm-m-links a{text-decoration:none;font-size:14px}
.mentor{display:flex;gap:32px;align-items:center;flex-wrap:wrap;background:var(--surface);border-radius:10px;box-shadow:var(--shadow);padding:34px 36px;border-left:4px solid var(--gold)}
.mentor-av{flex:none;width:130px;height:130px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:44px;font-weight:600;background:var(--band);color:var(--gold);box-shadow:0 0 0 6px var(--accent-soft)}
.mentor-body{flex:1;min-width:240px}
.mentor-body h3{font-family:var(--display);font-size:28px;font-weight:600;margin:0 0 2px}
.mentor-role{font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}
.mentor-body blockquote{margin:0 0 14px;font-family:var(--display);font-size:19px;line-height:1.55;color:var(--ink)}
.mentor-body p{margin:0;color:var(--muted);font-size:16px}
@media (max-width:520px){.mentor{padding:26px 22px;gap:20px}.mentor-av{width:100px;height:100px;font-size:34px}}
.site-nav{position:sticky;top:env(safe-area-inset-top, 0px);z-index:25;background:var(--band);color:var(--band-ink);box-shadow:0 2px 14px rgba(0,0,0,.18)}
.site-nav a{color:var(--band-ink)}
.site-nav nav{border-bottom:0;padding-block:14px;transition:padding .3s}
.site-nav.scrolled{box-shadow:0 6px 24px rgba(0,0,0,.28)}
.site-nav.scrolled nav{padding-block:9px}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top, 0px);z-index:26;background:var(--band)}
section,#home{scroll-margin-top:80px}
.ct{display:grid;grid-template-columns:1fr 1.1fr;gap:20px;align-items:stretch}
.ct-cta{background:var(--band);color:var(--band-ink);border-radius:6px;padding:32px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden}
.ct-cta::after{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 70%)}
.ct-cta h3{font-family:var(--display);font-size:26px;line-height:1.2;margin:0;color:var(--band-ink)}
.ct-cta p{margin:0;color:var(--band-muted);font-size:15px;line-height:1.6}
.ct-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.ct-btns .btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.ct-btns svg{width:18px;height:18px}
.ct-ghost{background:transparent!important;color:var(--band-ink)!important;border:1px solid rgba(255,255,255,.35)!important}
.ct-ghost:hover{border-color:var(--band-ink)!important}
.ct-soc{display:flex;gap:10px;margin-top:auto;padding-top:10px}
.ct-soc a{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);color:var(--band-ink)}
.ct-soc a:hover{background:rgba(255,255,255,.1)}
.ct-soc svg{width:18px;height:18px}
.ct-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ct-list li{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:16px 18px;min-width:0;transition:border-color .2s,transform .2s}
.ct-list li:hover{border-color:var(--accent);transform:translateY(-1px)}
.ct-list li>div{flex:1;min-width:0}
.ct-ico{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}
.ct-ico svg{width:20px;height:20px}
.ct-list .k{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.ct-list .val{font-weight:600;font-size:16px;margin-top:3px;word-break:break-word}
.ct-list .val.sm{font-size:14.5px}
.ct-list .val a{color:var(--ink);text-decoration:none}
.ct-list .val a:hover{color:var(--accent)}
.ct-go{flex:none;color:var(--accent);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line)}
.ct-go svg{width:16px;height:16px}
@media (max-width:760px){.ct{grid-template-columns:1fr}.ct-cta{padding:24px}}
.site-nav .mark{color:#fff!important;letter-spacing:.01em}
.hero-name{color:inherit}
.site-nav,.site-nav a,.site-nav nav ul a,.site-nav .lang-btn,.site-nav .lang-btn span{color:#fff!important}
.site-nav .nav-tog span{background:#fff}
.nav-tog{display:none;width:42px;height:42px;border:1px solid rgba(255,255,255,.25);border-radius:6px;background:transparent;cursor:pointer;padding:0;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.nav-tog span{display:block;width:20px;height:2px;background:var(--band-ink);border-radius:2px;transition:transform .25s,opacity .2s}
.nav-tog[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-tog[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-tog[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:900px){
  .site-nav nav{flex-wrap:nowrap;gap:10px;padding-block:10px;position:relative}
  .site-nav .mark{margin-right:auto;white-space:nowrap}
  .nav-tog{display:flex;order:3}
  .site-nav .lang-btn{order:2}
  .site-nav nav ul{display:none;position:absolute;left:-16px;right:-16px;top:100%;flex-direction:column;gap:0;background:var(--band);padding:6px 16px 14px;box-shadow:0 12px 20px rgba(0,0,0,.25);border-top:1px solid rgba(255,255,255,.1)}
  .site-nav nav ul.open{display:flex}
  .site-nav nav ul li a{display:block;padding:12px 4px;font-size:16px;border-bottom:1px solid rgba(255,255,255,.08)}
  .site-nav nav ul li:last-child a{border-bottom:0}
}
.chat-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--surface);border-bottom:1px solid var(--line)}
.chat-tabs button{font:inherit;font-size:14px;font-weight:600;padding:10px;border:0;background:none;color:var(--muted);cursor:pointer}
.chat-tabs button.on{color:var(--accent);box-shadow:inset 0 -3px 0 var(--accent)}
.chat-faq{flex:1;min-height:260px;overflow-y:auto;padding:6px 16px 16px;background:var(--bg)}
.chat-faq[hidden]{display:none}
.chat-faq .faq-cols.cf{display:block}
.chat-faq .faq-h{margin:16px 0 4px;font-size:11px}
.chat-faq .faq summary{font-size:14.5px;padding-block:11px}
.chat-faq .faq p{font-size:14px;margin-top:0}
.chat-faq .cf-wa{display:inline-block;margin-top:14px;font-weight:600;color:var(--wa,#1f9d55)}
.chat-box .chat-log[hidden],.chat-box .chat-chips[hidden],.chat-box .chat-form[hidden]{display:none}
.mentor{align-items:flex-start}
.mentor-av{margin-top:6px}
.mentor-body p{color:var(--ink-2,var(--muted));font-size:16px;line-height:1.75;margin:0 0 12px}
.mentor-body .mentor-close{margin:18px 0 0;padding-top:16px;border-top:1px solid var(--line);font-family:var(--display);font-style:italic;font-size:17px;color:var(--ink)}
.sec-close-row{display:flex;justify-content:center;margin-top:22px}
.sec-close{font:inherit;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;box-shadow:var(--shadow)}
.sec-close span{font-size:20px;line-height:1}
.sec-close:hover{border-color:var(--accent);color:var(--accent)}
#home{position:relative;overflow:hidden}
#home>.wrap{position:relative;z-index:2}
.hero-deco{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.hero-deco .flight{position:absolute;inset:0;width:100%;height:100%}
.orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.35;animation:orbf 16s ease-in-out infinite alternate}
.orb.o1{width:380px;height:380px;background:#2f6db5;left:-120px;top:-120px}
.orb.o2{width:300px;height:300px;background:#f2b84b;right:8%;bottom:-160px;opacity:.18;animation-delay:-6s}
@keyframes orbf{to{transform:translate(60px,40px) scale(1.12)}}
.scroll-cue{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);width:26px;height:42px;border:2px solid rgba(255,255,255,.45);border-radius:14px;display:block;z-index:3}
.scroll-cue span{position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#fff;animation:cue 1.8s ease-in-out infinite}
@keyframes cue{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(14px)}}
@media (max-width:760px){.scroll-cue{display:none}}
/* section heading accents */
.sec-head .label{display:inline-flex;align-items:center;gap:10px}
.sec-head .label::before{content:"";width:22px;height:2px;background:var(--accent);border-radius:2px}
.sec-head h2{position:relative;padding-bottom:14px}
.sec-head h2::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:56px;border-radius:3px;background:linear-gradient(90deg,#006a4e 0%,#006a4e 62%,#f42a41 62%,#f42a41 100%);transform-origin:left;transition:transform .9s cubic-bezier(.2,.7,.2,1) .15s}
.rv-on .sec-head:not(.in) h2::after{transform:scaleX(0)}
/* card hover lift */
.values>*,.services>*,.steps>*,.why-grid>*,.doc-list>*,.levels>*,.cta-grid>*,.offices>li,.sectors>.sector{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s}
.values>*:hover,.services>*:hover,.steps>*:hover,.why-grid>*:hover,.doc-list>*:hover,.levels>*:hover,.cta-grid>*:hover,.offices>li:hover,.sectors>.sector:hover{transform:translateY(-4px);box-shadow:var(--shadow-hi,0 12px 28px rgba(0,0,0,.12))}
.services .ico,.why-grid .ico,.values .ico,.steps .ico,.doc-list .ico{transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.services>*:hover .ico,.why-grid>*:hover .ico,.values>*:hover .ico,.steps>*:hover .ico,.doc-list>*:hover .ico{transform:rotate(-8deg) scale(1.1)}
/* scroll reveal */
.rv-on .rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.rv-on .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.orb,.scroll-cue span{animation:none}.fplane{display:none}.rv-on .rv{opacity:1!important;transform:none!important}.rv-on .sec-head h2::after{transform:none!important}}
.tk-fly{position:absolute;top:50%;left:0;margin-top:-11px;z-index:2;pointer-events:none;animation:tkfly 20s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))}
.tk-dir{animation:tkdir 20s step-end infinite}
.tk-bob{display:flex;align-items:center;animation:tkbob 2.6s ease-in-out infinite alternate}
.tk-trail{width:110px;height:2px;margin-right:-4px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85));border-radius:2px}
@keyframes tkfly{0%{transform:translateX(-160px)}48%{transform:translateX(calc(100vw + 20px))}50%{transform:translateX(calc(100vw + 20px))}98%{transform:translateX(-160px)}100%{transform:translateX(-160px)}}
@keyframes tkdir{0%{transform:scaleX(1)}49%{transform:scaleX(-1)}99%{transform:scaleX(1)}}
@keyframes tkbob{0%{transform:translateY(-7px) rotate(-7deg)}100%{transform:translateY(7px) rotate(7deg)}}
@media (prefers-reduced-motion:reduce){.tk-fly{display:none}}
.enq-full{grid-column:1/-1}
.enq-row.enq-full select{border-color:var(--accent);background:var(--accent-soft);font-weight:600}
.jobs-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.jobs-filter[hidden]{display:none}
.jobs-filter button{font:inherit;font-size:13.5px;font-weight:600;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.jobs-filter button.on,.jobs-filter button:hover{background:var(--band);color:#fff;border-color:var(--band)}
.jobs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.job{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:22px 20px 20px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s}
.job[hidden]{display:none}
.job:hover{transform:translateY(-4px);box-shadow:var(--shadow-hi)}
.job::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent),#9fc9ea)}
.job-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.job-flag{font-size:30px;line-height:1}
.job-status{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:999px;background:#e5f6ec;color:#17804a;white-space:nowrap}
.job-status.soon{background:var(--accent-soft);color:var(--accent)}
.job-status.closed{background:#f1f2f4;color:#6b7280}
.job h3{margin:0;font-size:19px;line-height:1.3}
.job-country{font-size:13px;font-weight:600;color:var(--accent);letter-spacing:.04em;text-transform:uppercase}
.job-meta{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:14px;color:var(--muted)}
.job-meta li{display:flex;gap:8px;align-items:center}
.job-meta svg{width:16px;height:16px;flex:none;color:var(--accent)}
.job-meta b{color:var(--ink);font-weight:600}
.job-apply{margin-top:auto;font:inherit;font-weight:600;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:4px;border:0;background:var(--wa);color:var(--wa-ink);cursor:pointer}
.job-apply svg{width:18px;height:18px}
.job.sample{outline:2px dashed var(--line);outline-offset:-6px}
.job-sample{position:absolute;right:14px;top:50px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.jobs-empty{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:24px;display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.jobs-empty[hidden]{display:none}
.jobs-empty p{margin:0;max-width:34em}
.jobs-empty .btn.wa{display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.jobs-empty .btn.wa svg{width:18px;height:18px}
.jobs-in{margin-bottom:28px;scroll-margin-top:80px}
.jobs-in .jobs-empty{max-width:760px}
.jobs-h{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 14px}
.rq-pop{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(10,17,27,.55);backdrop-filter:blur(3px);animation:rqf .25s ease}
.rq-pop[hidden]{display:none}
@keyframes rqf{from{opacity:0}to{opacity:1}}
.rq-box{background:var(--surface);color:var(--ink);border-radius:12px;width:min(460px,100%);max-height:min(80vh,640px);overflow:auto;box-shadow:0 24px 60px rgba(0,0,0,.35);animation:rqu .3s cubic-bezier(.2,.7,.2,1)}
@keyframes rqu{from{transform:translateY(18px) scale(.98);opacity:0}to{transform:none;opacity:1}}
.rq-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 18px;background:var(--band);color:#fff;border-radius:12px 12px 0 0}
.rq-head b{font-size:16px}
.rq-head span{display:block;font-size:12.5px;color:var(--band-muted);margin-top:2px}
.rq-x{background:none;border:0;color:#fff;font-size:26px;line-height:1;cursor:pointer}
.rq-list{list-style:none;margin:0;padding:12px;display:grid;gap:10px}
.rq-list li{border:1px solid var(--line);border-radius:8px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.rq-list h4{margin:0 0 3px;font-size:15.5px}
.rq-list small{color:var(--muted);font-size:12.5px;display:block}
.rq-pick{flex:none;font:inherit;font-size:13.5px;font-weight:600;padding:8px 14px;border-radius:4px;border:0;background:var(--wa);color:var(--wa-ink);cursor:pointer}
.rq-none{padding:18px;margin:0;color:var(--muted)}
.rq-foot{padding:0 18px 16px;text-align:right}
.rq-skip{font:inherit;font-size:14px;background:none;border:0;color:var(--accent);font-weight:600;cursor:pointer;text-decoration:underline}
.job-status.urgent{background:#fde8ea;color:#c8283a;animation:urg 1.6s ease-in-out infinite}
@keyframes urg{50%{box-shadow:0 0 0 5px rgba(200,40,58,.12)}}
.job-bn{font-family:"Hind Siliguri",sans-serif;font-size:15px;color:var(--muted);margin-top:2px}
.job-level{display:inline-block;margin-top:8px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);padding:3px 8px;border-radius:4px}
.job-req{margin:0;font-size:14px;color:var(--ink);background:var(--bg);border-radius:6px;padding:8px 10px}
.job-acts{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap}
.job-acts .job-apply{flex:1;margin-top:0}
.job-poster{font:inherit;font-size:14px;font-weight:600;padding:10px 14px;border-radius:4px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}
.job-poster:hover{border-color:var(--accent);color:var(--accent)}
.poster-box{position:relative;max-width:min(520px,100%);max-height:90vh}
.poster-box img{display:block;width:100%;height:auto;max-height:90vh;object-fit:contain;border-radius:10px;box-shadow:0 24px 60px rgba(0,0,0,.4)}
.poster-box .rq-x{position:absolute;top:8px;right:10px;background:rgba(0,0,0,.5);border-radius:50%;width:36px;height:36px}
.fb-feed{background:none!important;box-shadow:none!important;padding:0!important;display:block!important;text-align:center}
.fb-feed-body{max-width:none!important;width:100%;display:block!important}
.fb-feed-body.live{display:grid!important;grid-template-columns:repeat(3,1fr);gap:34px 26px!important;padding:14px 6px 6px;text-align:left}
.fb-card.pol{display:flex;flex-direction:column}
.fb-win{position:relative;height:380px;overflow:hidden;border-radius:2px;background:#f0f2f5}
.fb-win .fb-post{width:350px;transform-origin:top left;transform:scale(var(--k,1))}
.fb-card .fb-open{display:block;text-align:center;margin-top:6px;font-size:12.5px;font-weight:600;color:#1877f2;text-decoration:none}
.fb-card .fb-open:hover{text-decoration:underline}
.fb-nav{display:none!important}
.fb-feed .fb-follow{display:inline-flex!important;margin-top:28px}
.fb-feed-body .fb-preview{max-width:560px;margin:0 auto}
@media (max-width:900px){.fb-feed-body.live{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.fb-feed-body.live{grid-template-columns:1fr;padding:14px 14px 6px}.fb-win{height:420px}}
.jobs-tog{scroll-margin-top:84px;font:inherit;display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;border:1px solid var(--accent);background:var(--surface);color:var(--accent);font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow);transition:background .2s,color .2s}
.jobs-tog:hover,.jobs-tog[aria-expanded="true"]{background:var(--accent);color:#fff}
.jt-dot{width:9px;height:9px;border-radius:50%;background:#e23b4a;box-shadow:0 0 0 0 rgba(226,59,74,.6);animation:jtp 1.6s infinite}
@keyframes jtp{70%{box-shadow:0 0 0 8px rgba(226,59,74,0)}100%{box-shadow:0 0 0 0 rgba(226,59,74,0)}}
.jt-n{background:#e23b4a;color:#fff;border-radius:999px;font-size:12px;min-width:22px;height:22px;display:inline-grid;place-items:center;padding:0 6px;letter-spacing:0}
.jt-n:empty{display:none}
.jt-ch{transition:transform .25s}
.jobs-tog[aria-expanded="true"] .jt-ch{transform:rotate(180deg)}
.jobs-body{margin-top:18px;animation:jbin .35s ease}
.jobs-body[hidden]{display:none}
@keyframes jbin{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.job-level.exp{color:#b4232f;background:#fde8ea}
.job-level.fresh{color:#17804a;background:#e5f6ec}
.review blockquote.clamp{display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
.r-more{font:inherit;font-size:13px;font-weight:600;color:var(--accent);background:none;border:0;padding:0;margin-top:-10px;cursor:pointer;align-self:flex-start}
.reviews{align-items:stretch}
a.r-src{display:inline-flex;align-items:center;gap:5px;text-decoration:none;cursor:pointer;transition:background .2s,color .2s}
a.r-src:hover{background:#1877f2;color:#fff}
.r-name{color:inherit;text-decoration:none}
.r-name:hover{color:#1877f2;text-decoration:underline}
.qz{max-width:760px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}
.qz-start,.qz-end{padding:40px 28px;text-align:center}
.qz-start[hidden],.qz-play[hidden],.qz-end[hidden],.qz-btn[hidden]{display:none}
.qz-big{font-size:46px;line-height:1;margin-bottom:10px}
.qz h3{font-family:var(--display);font-size:24px;margin:0 0 8px}
.qz-start p,.qz-end p{color:var(--muted);margin:0 0 22px}
.qz-btn{font:inherit;font-weight:600;font-size:15px;padding:12px 22px;border-radius:999px;border:0;background:var(--band);color:#fff;cursor:pointer;box-shadow:0 6px 16px rgba(10,17,27,.18)}
.qz-btn:hover{background:var(--accent)}
.qz-best{margin-top:14px;font-size:13px;color:var(--muted)}
.qz-play{padding:24px 28px 28px}
.qz-top{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:var(--muted);letter-spacing:.04em}
.qz-score b{color:var(--accent)}
.qz-bar{height:6px;background:var(--accent-soft);border-radius:6px;margin:10px 0 22px;overflow:hidden}
.qz-bar i{display:block;height:100%;width:10%;background:linear-gradient(90deg,#006a4e,#f42a41);border-radius:6px;transition:width .4s}
.qz-play h3{font-size:21px;line-height:1.35;margin-bottom:18px}
.qz-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.qz-opts button{font:inherit;font-size:15px;text-align:left;padding:14px 16px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;transition:border-color .2s,background .2s,transform .15s}
.qz-opts button:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}
.qz-opts button.ok{background:#e5f6ec;border-color:#17804a;color:#11603a;font-weight:600}
.qz-opts button.no{background:#fde8ea;border-color:#c8283a;color:#9b1c2b}
.qz-opts button:disabled{cursor:default}
.qz-fb{min-height:24px;margin:16px 0 12px;font-weight:600}
.qz-fb.ok{color:#17804a}.qz-fb.no{color:#c8283a}
.qz-acts{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;align-items:center}
.qz-share{font-weight:600;color:#fff;background:var(--wa);padding:12px 20px;border-radius:999px;text-decoration:none}
@media (max-width:560px){.qz-opts{grid-template-columns:1fr}.qz-play{padding:20px}}
.qz-modes{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.qz-btn.alt{background:#006a4e}
.qz-btn.alt:hover{background:#00563f}
.lx-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.lx-tabs button{font:inherit;font-size:14px;font-weight:600;padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.lx-tabs button.on,.lx-tabs button:hover{background:var(--band);color:#fff;border-color:var(--band)}
.lx-where{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:4px 0 16px}
.lx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.lx-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px 16px 14px;display:flex;flex-direction:column;gap:4px;position:relative;transition:transform .25s,box-shadow .25s}
.lx-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.lx-en{font-size:12.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding-right:40px}
.lx-bn{font-family:"Hind Siliguri",sans-serif;font-size:14px;color:var(--muted)}
.lx-ph{font-family:var(--display);font-size:21px;font-weight:600;color:var(--ink);margin-top:8px;line-height:1.3}
.lx-ph[dir="rtl"]{font-family:"Segoe UI",Tahoma,sans-serif;font-size:22px}
.lx-tr{font-size:13.5px;color:var(--accent);font-style:italic}
.lx-say{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:0;background:var(--band);color:#fff;font-size:15px;cursor:pointer;box-shadow:0 4px 10px rgba(10,17,27,.18)}
.lx-say:hover{background:var(--accent)}
.lx-say.on{animation:lxp 1s infinite}
@keyframes lxp{50%{box-shadow:0 0 0 7px rgba(31,95,139,.18)}}
.lx-note{font-size:13px;color:var(--muted);margin:18px 0 0}
.lx-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 16px}
.lx-cats{display:flex;gap:6px;flex-wrap:wrap;flex:1}
.lx-cats button{font:inherit;font-size:13px;font-weight:600;padding:6px 12px;border-radius:6px;border:1px solid var(--line);background:var(--bg);color:var(--muted);cursor:pointer}
.lx-cats button.on,.lx-cats button:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}
.lx-q{font:inherit;font-size:14px;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);min-width:220px}
.lx-count{font-size:12.5px;color:var(--muted);font-weight:600}
.lx-none{color:var(--muted);grid-column:1/-1}
.lx-tabs button small{font-size:11px;font-weight:700;opacity:.65;margin-left:2px}
.lx-more{display:block;margin:18px auto 0;font:inherit;font-weight:600;font-size:14px;padding:11px 20px;border-radius:999px;border:1px solid var(--accent);background:var(--surface);color:var(--accent);cursor:pointer}
.lx-more:hover{background:var(--accent);color:#fff}
.lx-more[hidden]{display:none}
.lx-cats{max-height:none}
.qp{position:fixed;inset:0;z-index:70;background:var(--bg);overflow-y:auto;animation:jbin .25s ease}
.qp[hidden]{display:none}
.qp-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:16px;padding:12px max(16px,calc((100% - 1000px)/2));background:var(--band);color:#fff}
.qp-bar b{font-weight:600;font-size:15px}
.qp-back{font:inherit;font-size:14px;font-weight:600;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;cursor:pointer}
.qp-back:hover{background:rgba(255,255,255,.12)}
.qp-in{max-width:1000px;margin:0 auto;padding:36px 16px 60px}
.qp-in h2{font-family:var(--display);font-size:clamp(26px,3.6vw,34px);margin:0 0 8px}
.qp-sub{color:var(--muted);margin:0 0 24px}
.qp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.qp-card{font:inherit;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px;cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:transform .2s,box-shadow .2s,border-color .2s}
.qp-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hi);border-color:var(--accent)}
.qp-card .f{font-size:34px;line-height:1}
.qp-card b{font-size:17px;margin-top:6px;color:var(--ink)}
.qp-card span{font-size:13px;color:var(--muted)}
#qp-play,.qp-endbox{max-width:760px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:26px 28px}
#qp-play[hidden],#qp-end[hidden],#qp-pick[hidden]{display:none}
.qp-head{display:flex;gap:14px;align-items:center}
.qp-flag{font-size:38px;line-height:1}
.qp-c{font-weight:700;font-size:18px}
.qp-step{font-size:13px;color:var(--muted);font-weight:600}
.qp-step b{color:var(--accent)}
#qp-play h3{font-family:var(--display);font-size:21px;line-height:1.35;margin:0 0 18px}
.qp-endbox{text-align:center}
.qp-endbox h3{font-family:var(--display);font-size:24px;margin:0 0 8px}
.qp-endbox p{color:var(--muted);margin:0 0 22px}
.qp-learn{display:inline-block;margin-top:18px;font-weight:600;color:var(--accent)}
body.qp-open{overflow:hidden}
.fz-tabs{display:flex;gap:10px;margin:0 0 28px;flex-wrap:wrap}
.fz-tabs button{font:inherit;font-weight:700;font-size:15px;padding:12px 22px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;box-shadow:var(--shadow)}
.fz-tabs button.on{background:var(--band);color:#fff;border-color:var(--band)}
#fz-quiz[hidden],#fz-learn[hidden]{display:none}
.qz-share.fb{background:#1877f2}
.qz-share.fb:hover{background:#0f63d0}
#qp-end{position:relative;overflow:hidden}
.bp{display:grid;grid-template-columns:1fr 170px;text-align:left;margin:0 0 22px;border-radius:14px;overflow:hidden;box-shadow:0 14px 34px rgba(10,17,27,.18);animation:bpin .6s cubic-bezier(.2,.8,.2,1)}
@keyframes bpin{from{transform:translateY(24px) rotate(-1.5deg);opacity:0}to{transform:none;opacity:1}}
.bp-main{background:linear-gradient(135deg,#13233a,#1f3d63);color:#fff;padding:18px 22px;position:relative}
.bp-top{display:flex;justify-content:space-between;font-size:11.5px;font-weight:700;letter-spacing:.14em;color:#9fc9ea}
.bp-route{display:flex;align-items:center;gap:14px;margin:14px 0 12px}
.bp-c small,.bp-info small{display:block;font-size:10px;letter-spacing:.14em;color:#9fb3cc;font-weight:700}
.bp-c b{display:block;font-family:"IBM Plex Mono",monospace;font-size:34px;line-height:1.05;letter-spacing:.04em}
.bp-c span{font-size:12.5px;color:#cfdbea}
.bp-c.r{text-align:right}
.bp-line{flex:1;position:relative;height:2px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.45) 0 6px,transparent 6px 12px)}
.bp-plane{position:absolute;top:50%;left:0;transform:translate(-50%,-55%);font-style:normal;font-size:22px;color:#fff;animation:bpfly 1.6s cubic-bezier(.3,.7,.2,1) .3s forwards}
@keyframes bpfly{to{left:calc(var(--p)*100%)}}
.bp-info{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;border-top:1px dashed rgba(255,255,255,.25);padding-top:10px}
.bp-info b{font-family:"IBM Plex Mono",monospace;font-size:14px}
.bp-status{display:inline-block;margin-top:12px;font-size:12px;font-weight:800;letter-spacing:.16em;padding:6px 12px;border-radius:6px;transform:rotate(-2deg);border:2px solid}
.bp-status.ok{color:#7ff0b5;border-color:#7ff0b5}
.bp-status.mid{color:#9fc9ea;border-color:#9fc9ea}
.bp-status.low{color:#ff9aa5;border-color:#ff9aa5}
.bp-stub{background:#fff;color:#13233a;padding:16px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;position:relative;border-left:2px dashed #cbd5e1}
.bp-stub::before,.bp-stub::after{content:"";position:absolute;left:-11px;width:20px;height:20px;border-radius:50%;background:var(--surface)}
.bp-stub::before{top:-10px}.bp-stub::after{bottom:-10px}
.bp-flag{font-size:30px;line-height:1}
.bp-score b{font-family:var(--display);font-size:44px;line-height:1}
.bp-score span{font-size:16px;color:#5a6575;font-weight:600}
.bp-stars span{color:#d5dbe3;font-size:17px}
.bp-stars span.on{color:#f42a41}
.bp-bar{display:flex;gap:2px;height:30px;align-items:stretch}
.bp-bar i{display:block;background:#13233a}
.cf{position:absolute;top:-10px;width:8px;height:12px;border-radius:2px;animation:cf 2.2s ease-in forwards;pointer-events:none}
@keyframes cf{to{transform:translate(var(--x),620px) rotate(var(--r));opacity:.2}}
@media (max-width:620px){.bp{grid-template-columns:1fr}.bp-stub{border-left:0;border-top:2px dashed #cbd5e1;flex-direction:row;justify-content:space-around}.bp-stub::before,.bp-stub::after{display:none}.bp-info{grid-template-columns:1fr 1fr}.bp-c b{font-size:26px}}
@media (prefers-reduced-motion:reduce){.bp,.bp-plane,.cf{animation:none}.bp-plane{left:calc(var(--p)*100%)}}
@media (max-width:620px){#qp-play,.qp-endbox{padding:18px 14px}.bp{grid-template-columns:minmax(0,1fr)}.bp-main{min-width:0;padding:16px}.bp-route{gap:8px}.bp-c b{font-size:24px}.bp-bar{display:none}.bp-score b{font-size:36px}}
.bp-main,.bp-route>*{min-width:0}
.qz-btn.dl{background:linear-gradient(135deg,#006a4e,#f42a41)}
.qz-btn.dl:hover{filter:brightness(1.08)}
.lx-dl{position:absolute;top:12px;right:54px;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:15px;cursor:pointer}
.lx-dl:hover{border-color:var(--accent);color:var(--accent)}
.lx-en{padding-right:84px!important}
.qp-mode{display:inline-flex;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:5px;margin-bottom:22px}
.qp-mode button{font:inherit;font-weight:700;font-size:14px;padding:9px 16px;border-radius:999px;border:0;background:none;color:var(--muted);cursor:pointer}
.qp-mode button.on{background:#006a4e;color:#fff}
#qp-m-country[hidden],#qp-m-lang[hidden],#fz-club[hidden],.cl-invite[hidden],.qz-share[hidden]{display:none}
.qz-share.club{background:linear-gradient(135deg,#006a4e,#1f5f8b)}
.cl-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.cl-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:22px;display:flex;flex-direction:column;gap:12px}
.cl-card h3{margin:0;font-size:19px}
.cl-card label{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--muted)}
.cl-card input,.cl-card select{font:inherit;font-size:15px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink)}
.cl-card .qz-btn{align-self:flex-start}
.cl-list{display:grid;gap:10px}
.cl-item{border:1px solid var(--line);border-radius:10px;padding:14px;display:grid;gap:8px}
.cl-item b{font-size:16px}
.cl-item small{color:var(--muted)}
.cl-acts{display:flex;gap:8px;flex-wrap:wrap}
.cl-acts a,.cl-acts button{font:inherit;font-size:13px;font-weight:600;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;text-decoration:none}
.cl-acts .go{background:var(--band);color:#fff;border-color:var(--band)}
.cl-acts .wa{background:var(--wa);color:#fff;border-color:var(--wa)}
.cl-invite{background:linear-gradient(135deg,#13233a,#1f3d63);color:#fff;border-radius:14px;padding:24px;margin-bottom:22px;display:flex;gap:18px;align-items:center;flex-wrap:wrap;justify-content:space-between}
.cl-invite h3{margin:0 0 4px;font-size:22px}
.cl-invite p{margin:0;color:#cfdbea}
@media (max-width:760px){.cl-grid{grid-template-columns:1fr}}
.cl-invite .cl-acts .go{background:#fff;color:#13233a;border-color:#fff;font-size:15px;padding:11px 18px}
.cl-share{display:flex;flex-wrap:wrap;gap:6px;align-items:center;border-top:1px dashed var(--line);padding-top:10px}
.cl-share span{font-size:12px;font-weight:700;color:var(--muted);margin-right:4px}
.cl-share a,.cl-share button{font:inherit;font-size:12.5px;font-weight:700;padding:7px 11px;border-radius:999px;border:0;color:#fff;text-decoration:none;cursor:pointer}
.s-wa{background:#25d366}.s-fb{background:#1877f2}.s-ms{background:#0084ff}.s-tg{background:#229ed9}.s-vb{background:#7360f2}.s-im{background:#0a66c2}.s-x{background:#111}.s-em{background:#5a6575}.s-sms{background:#2f8f7a}.s-more{background:var(--band)}
.cl-item.new{animation:clnew 1.6s ease}
@keyframes clnew{0%{box-shadow:0 0 0 0 rgba(0,106,78,.6)}100%{box-shadow:0 0 0 14px rgba(0,106,78,0)}}
.bp-name{max-width:420px;margin:0 auto 14px;text-align:left;display:grid;gap:6px}
.bp-name label{font-size:13px;font-weight:700;color:var(--ink)}
.bp-name input{font:inherit;font-size:16px;padding:12px 14px;border:2px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);text-transform:uppercase;letter-spacing:.04em}
.bp-name input:focus{border-color:#006a4e;outline:none}
.bp-name input.bad{border-color:#f42a41;box-shadow:0 0 0 3px rgba(244,42,65,.15)}
.bp-note{max-width:560px;margin:0 auto 14px;font-size:14px;background:#e5f6ec;color:#11603a;border-radius:10px;padding:10px 14px}
.bp-note[hidden]{display:none}
.qz-btn.sh{background:linear-gradient(135deg,#1877f2,#c13584)}
.cl-item{gap:10px}
.cl-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.cl-top small{display:block;color:var(--muted);margin-top:2px}
.cl-tg{font:inherit;font-size:12.5px;font-weight:700;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--bg);cursor:pointer;white-space:nowrap}
.cl-board{display:none}
.cl-item.open .cl-board{display:block}
.cl-board,.cl-preview{background:linear-gradient(180deg,#13233a,#1f3d63);border-radius:14px;padding:18px 14px 12px;color:#fff}
.cl-preview{margin-top:14px}
.cb-empty{text-align:center;color:#cfdbea;padding:14px}
.cb-pod{display:flex;justify-content:center;align-items:flex-end;gap:10px;margin-bottom:14px}
.cb-p{display:flex;flex-direction:column;align-items:center;gap:4px;width:30%;max-width:120px;text-align:center}
.cb-p b{font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cb-pts{font-size:12px;color:#9fc9ea;font-weight:700}
.cb-step{width:100%;border-radius:10px 10px 0 0;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:24px}
.cb-p.p0 .cb-step{height:70px;background:linear-gradient(180deg,#006a4e,#0a8a64)}
.cb-p.p1 .cb-step{height:50px}
.cb-p.p2 .cb-step{height:36px}
.cb-av{position:relative;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:18px;color:#fff;box-shadow:0 0 0 3px #fff,0 6px 14px rgba(0,0,0,.3)}
.cb-p.p0 .cb-av{width:66px;height:66px;font-size:22px;animation:cbb 2s ease-in-out infinite}
@keyframes cbb{50%{transform:translateY(-4px)}}
.cb-crown{position:absolute;top:-22px;left:50%;transform:translateX(-50%);font-size:22px}
.cb-av.sm{width:34px;height:34px;font-size:13px;flex:none;box-shadow:0 0 0 2px #fff}
.cb-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.cb-list li{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border-radius:10px;padding:8px 10px}
.cb-list li.me{background:rgba(0,106,78,.45);box-shadow:inset 0 0 0 1px #0a8a64}
.cb-rank{width:26px;text-align:center;font-weight:800;font-size:15px}
.cb-nm{flex:1;min-width:0;display:grid;gap:2px}
.cb-nm b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cb-nm small{font-size:11.5px;color:#cfdbea}
.cb-bar{display:block;height:5px;border-radius:5px;background:rgba(255,255,255,.15);overflow:hidden}
.cb-bar i{display:block;height:100%;background:linear-gradient(90deg,#0a8a64,#f42a41)}
.cb-score{font-family:"IBM Plex Mono",monospace;font-weight:700;font-size:17px;text-align:right}
.cb-score small{display:block;font-size:10px;color:#9fc9ea}
.cl-join{display:flex;gap:8px;flex-wrap:wrap}
.cl-join input{font:inherit;font-size:15px;padding:11px 14px;border-radius:999px;border:0;min-width:180px}
.cl-join .go{font:inherit;font-weight:700;padding:11px 18px;border-radius:999px;border:0;background:#fff;color:#13233a;cursor:pointer}
.cl-invite{align-items:flex-start}
.cl-acts .live{background:linear-gradient(135deg,#f42a41,#c0263a);color:#fff;border-color:#f42a41;animation:fzp 2.2s infinite}
.cl-voice{font-size:12.5px;color:var(--muted);margin:0}
.skills{display:grid;grid-template-columns:1fr 1fr;gap:28px 48px}
.skills > div{min-width:0}
.skills h3{font-size:15px;margin-bottom:12px}
.skills ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.skills li{padding-left:16px;position:relative;font-size:15px}
.skills li::before{content:"";position:absolute;left:0;top:.7em;width:6px;height:1.5px;background:var(--accent)}
.skills .secondary li{color:var(--muted)}

.role{display:grid;grid-template-columns:220px 1fr;gap:32px}
.role > *{min-width:0}
.role .when{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}
.role .when b{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);padding:2px 8px;border-radius:2px;margin-top:8px}
.role h3{font-size:19px}
.role .org{color:var(--muted);font-size:15px;margin:2px 0 14px}
.role ul{margin:0;padding-left:18px;max-width:40em}
.role li{margin-bottom:6px}

.edu{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.edu div{background:var(--surface);border:1px solid var(--line);border-radius:3px;padding:20px;min-width:0}
.edu h3{font-size:16px}
.edu p{margin:4px 0 0;font-size:14px;color:var(--muted);line-height:1.5}
.edu .gpa{font-size:13px;font-weight:600;color:var(--accent);margin-top:12px;font-variant-numeric:tabular-nums}

blockquote{margin:0;padding:0;max-width:40em}
blockquote p{font-family:var(--display);font-size:clamp(20px,2.6vw,24px);line-height:1.45;margin:0 0 18px}
blockquote footer{font-weight:600;font-size:15px}
blockquote footer span{display:block;font-weight:400;color:var(--muted);font-size:14px}

.contact{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.contact div{background:var(--surface);border:1px solid var(--line);border-radius:3px;padding:20px;min-width:0}
.contact .k{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.contact .val{font-weight:600;font-size:16px;margin-top:6px;word-break:break-word;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.copy{font-family:var(--body);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:none;border:1px solid var(--line);color:var(--muted);padding:3px 8px;border-radius:2px;cursor:pointer}
.copy:hover{color:var(--ink);border-color:var(--muted)}
footer.site{padding-block:28px;margin-top:40px;justify-content:center!important;background:var(--band);color:var(--band-muted);box-shadow:0 0 0 100vmax var(--band);clip-path:inset(0 -100vmax);font-size:13px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}

@media (max-width:860px){
  .hero{grid-template-columns:1fr;gap:36px;padding-block:44px 52px}
  .summary{justify-self:center;margin-bottom:-52px;max-width:280px}
  .sec-head,.role{grid-template-columns:1fr;gap:8px}
  .body-col{margin-left:0}
  .services,.steps,.sectors,.skill-grid,.regions,.levels,.why-grid{grid-template-columns:1fr 1fr}
  .cta-grid{grid-template-columns:1fr}
  .team,.quotes,.faq-cols,.recog,.posts,.values,.skills,.edu,.contact{grid-template-columns:1fr}
}
@media (max-width:520px){
  .services,.steps,.offices,.sectors,.skill-grid,.regions,.levels,.why-grid,.doc-list{grid-template-columns:1fr}
  nav ul{gap:16px}
}
/* Navy round icons */
.ico,.badge .ico,.ct-ico{background:var(--band)!important;color:#fff!important;box-shadow:0 4px 12px rgba(10,17,27,.18)}
.ico svg,.ct-ico svg{stroke-width:1.9}
.cta-card .ico,.g-more.alt .ico,.join .ico,.fb-live-head .ico{background:rgba(255,255,255,.14)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.posts{align-items:stretch!important}
.posts .post{display:flex;flex-direction:column;align-items:flex-start}
.posts .post>details{margin-top:auto;width:100%}
.posts .post>details[open]{margin-top:0}
.site-nav nav ul a.fz-link{background:linear-gradient(135deg,#006a4e,#0a8a64);color:#fff!important;padding:7px 14px;border-radius:999px;font-weight:700;box-shadow:0 0 0 0 rgba(0,106,78,.6);animation:fzp 2.2s infinite;position:relative}
.site-nav nav ul a.fz-link::after{content:"NEW";position:absolute;top:-8px;right:-10px;background:#f42a41;color:#fff;font-size:9px;font-weight:800;letter-spacing:.06em;padding:2px 5px;border-radius:6px}
.site-nav nav ul a.fz-link:hover{filter:brightness(1.12)}
@keyframes fzp{0%{box-shadow:0 0 0 0 rgba(10,138,100,.55)}70%{box-shadow:0 0 0 10px rgba(10,138,100,0)}100%{box-shadow:0 0 0 0 rgba(10,138,100,0)}}
@media (max-width:900px){.site-nav nav ul a.fz-link{display:inline-block;margin:8px 0;padding:10px 16px}.site-nav nav ul li a.fz-link{border-bottom:0}}
@media (prefers-reduced-motion:reduce){.site-nav nav ul a.fz-link{animation:none}}
/* ===== Fun Zone redesign ===== */
.qp{background:#f3f6fa;font-family:"Libre Franklin","Segoe UI",Arial,sans-serif}
.qp h2,.qp h3,.qp-endbox h3,#qp-play h3{font-family:"Libre Franklin","Segoe UI",Arial,sans-serif;font-weight:800;letter-spacing:-.01em}
.qp-bar{background:rgba(13,24,40,.92);backdrop-filter:blur(10px);gap:14px}
.fz-logo{display:flex;align-items:center;gap:8px;font-size:17px!important;font-weight:800!important}
.fz-logo span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#006a4e,#0a8a64);font-size:16px}
.fz-by{margin-left:auto;font-size:12.5px;color:#9fb3cc;font-weight:600}
.fz-hero{background:radial-gradient(1200px 400px at 80% -10%,rgba(10,138,100,.35),transparent 60%),radial-gradient(800px 300px at 0% 120%,rgba(244,42,65,.25),transparent 60%),linear-gradient(135deg,#0d1828,#1f3d63);color:#fff}
.fz-hero-in{max-width:1080px;margin:0 auto;padding:44px 16px 84px;display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:center}
.fz-kicker{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#7ff0b5;background:rgba(127,240,181,.12);padding:6px 12px;border-radius:999px;margin-bottom:14px}
.fz-hero h1{font-family:"Libre Franklin","Segoe UI",Arial,sans-serif;font-weight:800;font-size:clamp(28px,4.2vw,44px);line-height:1.12;margin:0 0 12px;letter-spacing:-.02em}
.fz-hero p{margin:0;color:#cfdbea;font-size:16.5px;max-width:34em}
.fz-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fz-stats div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px 18px}
.fz-stats b{display:block;font-size:30px;font-weight:800;line-height:1}
.fz-stats span{font-size:12.5px;color:#9fc9ea;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.qp-in{max-width:1080px;margin-top:-56px;padding-top:0;position:relative}
.fz-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#fff;border-radius:20px;padding:10px;box-shadow:0 18px 40px rgba(13,24,40,.14);margin-bottom:30px}
.fz-tabs button{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;border-radius:14px;border:0!important;background:transparent!important;color:#13233a!important;box-shadow:none!important;transition:background .2s}
.fz-tabs button i{font-style:normal;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#eef2f7;font-size:22px;flex:none}
.fz-tabs button span{display:grid;gap:2px;min-width:0}
.fz-tabs button b{font-size:15.5px;font-weight:800}
.fz-tabs button small{font-size:12px;color:#5a6575;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fz-tabs button:hover{background:#f3f6fa!important}
.fz-tabs button.on{background:linear-gradient(135deg,#13233a,#1f3d63)!important;color:#fff!important}
.fz-tabs button.on i{background:rgba(255,255,255,.14)}
.fz-tabs button.on small{color:#9fc9ea}
.qp-in h2{font-size:clamp(24px,3vw,30px);margin-bottom:6px}
.qp-mode{background:#fff;box-shadow:0 4px 14px rgba(13,24,40,.06)}
.qp-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.qp-card{border:1px solid #e3e9f1;border-radius:18px;padding:20px;background:#fff;box-shadow:0 2px 8px rgba(13,24,40,.04);position:relative;overflow:hidden}
.qp-card::after{content:"Start →";position:absolute;right:16px;bottom:16px;font-size:12.5px;font-weight:800;color:#006a4e;opacity:0;transform:translateX(-6px);transition:.2s}
.qp-card:hover::after{opacity:1;transform:none}
.qp-card .f{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#f3f6fa;font-size:32px}
.qp-card b{font-size:17px;font-weight:800;margin-top:10px}
.qp-card:hover{border-color:#0a8a64;box-shadow:0 14px 30px rgba(13,24,40,.12)}
#qp-play,.qp-endbox{border-radius:22px;border:1px solid #e3e9f1;box-shadow:0 18px 40px rgba(13,24,40,.08)}
.qz-opts button{border-radius:14px;border:2px solid #e3e9f1;background:#fff;font-weight:600;padding:15px 16px}
.qz-opts button:hover:not(:disabled){border-color:#1f5f8b;background:#f3f8fd}
.qz-opts button.ok{border-color:#17804a;background:#e5f6ec}
.qz-opts button.no{border-color:#c8283a;background:#fde8ea}
.qz-bar{height:10px;border-radius:10px}
.qz-btn,.qz-share{border-radius:14px!important;font-weight:800!important}
.lx-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.lx-tabs button{flex:none;border-radius:14px;background:#fff}
.lx-tools{background:#fff;border:1px solid #e3e9f1;border-radius:18px;padding:14px;flex-direction:column;align-items:stretch}
.lx-cats{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.lx-cats button{flex:none;border-radius:999px}
.lx-q{min-width:0;width:100%}
.lx-card{border-radius:18px;border:1px solid #e3e9f1;box-shadow:0 2px 8px rgba(13,24,40,.04)}
.cl-card,.cl-item{border-radius:18px;border-color:#e3e9f1}
@media (max-width:820px){.fz-hero-in{grid-template-columns:1fr;padding:30px 16px 76px}.fz-tabs{grid-template-columns:1fr}.fz-tabs button small{white-space:normal}.fz-by{display:none}}
.cb-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}
.cb-stats div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:10px 6px;text-align:center;display:grid;gap:2px}
.cb-stats i{font-style:normal;font-size:20px}
.cb-stats b{font-size:22px;font-weight:800;font-family:"IBM Plex Mono",monospace}
.cb-stats span{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#9fc9ea;font-weight:700}
.cnt.pop{animation:cpop .45s cubic-bezier(.3,1.6,.5,1)}
@keyframes cpop{0%{transform:scale(1)}50%{transform:scale(1.35);color:#7ff0b5}100%{transform:scale(1)}}
.fz-stats .wide{grid-column:1/-1;display:flex;align-items:baseline;gap:12px;background:linear-gradient(135deg,rgba(0,106,78,.55),rgba(244,42,65,.35))}
@media (max-width:560px){.cb-stats{grid-template-columns:repeat(2,1fr)}}
.cb-av.ph{color:transparent}
.cb-list li[data-m],.cb-p[data-m]{cursor:pointer;transition:transform .15s}
.cb-list li[data-m]:hover{transform:translateX(3px);background:rgba(255,255,255,.14)}
.cb-p[data-m]:hover .cb-av{transform:scale(1.06)}
#cb-modal{position:fixed;inset:0;z-index:100000;background:rgba(8,16,30,.72);backdrop-filter:blur(4px);display:grid;place-items:center;padding:16px;animation:cbmf .2s}
#cb-modal[hidden]{display:none}
@keyframes cbmf{from{opacity:0}}
.cbm{position:relative;width:min(440px,100%);max-height:calc(100vh - 32px);overflow:auto;background:linear-gradient(180deg,#13233a,#1f3d63);color:#fff;border-radius:22px;padding:26px 20px 20px;box-shadow:0 24px 60px rgba(0,0,0,.45);animation:cbmp .35s cubic-bezier(.3,1.5,.5,1)}
@keyframes cbmp{from{transform:scale(.8);opacity:0}}
.cbm-x{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:15px;cursor:pointer}
.cbm-hd{text-align:center;display:grid;justify-items:center;gap:6px;margin-bottom:16px}
.cbm-hd h3{margin:6px 0 0;font-size:22px}
.cbm-hd h3 em{font-style:normal;font-size:14px;color:#7ff0b5}
.cbm-hd p{margin:0;color:#9fc9ea;font-size:13.5px}
.cb-av.xl{width:112px;height:112px;font-size:38px;box-shadow:0 0 0 4px #fff,0 10px 24px rgba(0,0,0,.4);margin-top:14px}
.cb-av.md{width:58px;height:58px;font-size:19px}
.cbm-st{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}
.cbm-st div{background:rgba(255,255,255,.1);border-radius:14px;padding:10px 4px;text-align:center;display:grid;gap:2px}
.cbm-st b{font-size:22px;font-family:"IBM Plex Mono",monospace}
.cbm-st span{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:#9fc9ea;font-weight:700}
.cbm-lv{display:grid;gap:6px;margin-bottom:14px}
.cbm-lv div{display:flex;justify-content:space-between;font-size:12.5px;color:#cfdbea;font-weight:600}
.cbm-lv .cb-bar{height:9px}
.cbm-bg{margin-bottom:14px}
.cbm-bg h4{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#9fc9ea}
.cbm-bg span{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.1);border-radius:999px;padding:6px 12px 6px 8px;margin:0 6px 6px 0;font-size:12.5px;font-weight:700}
.cbm-bg span i{font-style:normal;font-size:16px}
.cbm-bg small,.cbm-note{color:#cfdbea;font-size:13px}
.cbm-ph{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}
.cbm-ph .go,.cbm-ph button{font:inherit;font-weight:700;font-size:14px;padding:10px 16px;border-radius:999px;border:0;cursor:pointer}
.cbm-ph .go{background:#006a4e;color:#fff}
.cbm-ph button{background:rgba(255,255,255,.14);color:#fff}
.cbm-ph small{flex-basis:100%;color:#9fc9ea;font-size:12px}
.cbm-all{width:100%;font:inherit;font-weight:700;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;cursor:pointer}
.cbm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px}
.cbm-m{position:relative;display:grid;justify-items:center;gap:6px;padding:16px 8px 12px;border-radius:16px;border:0;background:rgba(255,255,255,.1);color:#fff;font:inherit;cursor:pointer;transition:transform .15s}
.cbm-m:hover{transform:translateY(-3px);background:rgba(255,255,255,.16)}
.cbm-m.me{background:rgba(0,106,78,.5);box-shadow:inset 0 0 0 1px #0a8a64}
.cbm-m b{font-size:13.5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cbm-m small{font-size:11.5px;color:#cfdbea}
.cbm-rk{position:absolute;top:6px;left:8px;font-size:13px;font-weight:800}
@media (max-width:420px){.cbm-st{grid-template-columns:repeat(2,1fr)}}
.lx-voice{background:#fff;border:1px solid #e3e9f1;border-radius:18px;padding:14px;margin:0 0 16px}
.lv-row{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}
.lv-f{display:grid;gap:4px;flex:1 1 220px;min-width:0}
.lv-f span{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#5b6b80}
.lv-f select{font:inherit;font-size:14px;padding:10px 12px;border-radius:12px;border:1px solid #d6dee9;background:#f6f8fb;min-width:0;width:100%}
.lv-sp{flex:0 1 180px}
.lv-sp input{accent-color:#006a4e;width:100%}
.lv-ai{display:flex;align-items:center;gap:10px;font:inherit;text-align:left;padding:8px 16px 8px 8px;border-radius:999px;border:0;background:linear-gradient(135deg,#13233a,#1f5f8b);color:#fff;cursor:pointer;box-shadow:0 6px 16px rgba(19,35,58,.25)}
.lv-ai i{font-style:normal;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.15);display:grid;place-items:center;font-size:19px}
.lv-ai span{display:grid;font-weight:700;font-size:14px}
.lv-ai small{font-weight:500;font-size:11.5px;color:#bcd6ee}
.lv-note{display:block;margin-top:8px;color:#5b6b80;font-size:12px}
.lx-vrow{display:flex;gap:6px;margin-top:8px}
.lx-vrow button{font:inherit;font-size:12px;font-weight:700;padding:6px 11px;border-radius:999px;border:1px solid #d6dee9;background:#f6f8fb;color:#13233a;cursor:pointer}
.lx-vrow .has{background:#e6f4ef;border-color:#9fd3bf;color:#006a4e}
.lx-vrow button.on{animation:lxp 1s infinite}
#lv-modal{position:fixed;inset:0;z-index:100000;background:rgba(8,16,30,.72);backdrop-filter:blur(4px);display:grid;place-items:center;padding:16px;animation:cbmf .2s}
#lv-modal[hidden]{display:none}
.lv-hd{text-align:center;display:grid;gap:4px;margin-bottom:12px}
.lv-hd span{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9fc9ea}
.lv-hd h3{margin:2px 0 0;font-size:28px}
.lv-hd small{color:#7ff0b5;font-size:14px}
.lv-hd p{margin:0;color:#cfdbea;font-size:13.5px}
#lv-chat{display:grid;gap:8px;max-height:190px;overflow:auto;margin-bottom:14px}
.lv-bot{display:flex;gap:8px;align-items:flex-start}
.lv-bot i{font-style:normal;flex:none;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center}
.lv-bot p{margin:0;background:rgba(255,255,255,.1);border-radius:4px 14px 14px 14px;padding:9px 12px;font-size:13.5px;line-height:1.45}
.lv-btns{display:flex;justify-content:center;align-items:center;gap:14px}
.lv-b{font:inherit;font-weight:700;font-size:13.5px;padding:10px 14px;border-radius:999px;border:0;background:rgba(255,255,255,.14);color:#fff;cursor:pointer}
.lv-b:disabled{opacity:.4;cursor:default}
.lv-b.on{background:#006a4e}
.lv-mic{width:76px;height:76px;border-radius:50%;border:0;background:#f42a41;color:#fff;font-size:30px;cursor:pointer;box-shadow:0 0 0 6px rgba(244,42,65,.25)}
.lv-mic.on{animation:lvr 1s infinite}
@keyframes lvr{50%{box-shadow:0 0 0 16px rgba(244,42,65,.15)}}
.lv-tm{text-align:center;font-size:12.5px;color:#9fc9ea;margin:10px 0 12px;min-height:1em}
.lv-acts{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:6px}
.lv-acts button,.lv-imp{font:inherit;font-weight:700;font-size:13px;padding:9px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;cursor:pointer}
.lv-acts button:disabled{opacity:.4}
.lv-acts #lv-share{background:#006a4e;border-color:#006a4e}
.lv-langs{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:12px}
.lv-langs span{background:rgba(255,255,255,.1);border-radius:999px;padding:5px 10px;font-size:12.5px}
.lv-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.lv-list li{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border-radius:12px;padding:8px 10px}
.lv-list li div{flex:1;min-width:0;display:grid}
.lv-list b{font-size:14.5px}
.lv-list small{font-size:11.5px;color:#cfdbea;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lv-pl,.lv-rm{flex:none;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;cursor:pointer}
.lv-pl.on{background:#006a4e}
.cb-feed{margin-top:14px;border-top:1px solid rgba(255,255,255,.14);padding-top:12px}
.cb-feed h4{margin:0 0 8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#9fc9ea;display:flex;justify-content:space-between}
.cb-feed ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.cb-feed li{display:flex;align-items:center;gap:10px;font-size:13px;padding:6px 8px;border-radius:10px;background:rgba(255,255,255,.05);cursor:pointer}
.cb-feed li>span:nth-child(2){flex:1;min-width:0;line-height:1.35}
.cb-feed li small{display:block;color:#9fc9ea;font-size:11.5px}
.cb-feed .dot{width:8px;height:8px;border-radius:50%;background:#7ff0b5;display:inline-block;margin-right:4px;box-shadow:0 0 0 3px rgba(127,240,181,.2)}
.cb-vsb{flex:none;font:inherit;font-size:12px;font-weight:800;padding:7px 11px;border-radius:999px;border:0;background:#f42a41;color:#fff;cursor:pointer;white-space:nowrap}
.cb-vsb:hover{filter:brightness(1.1)}
.cbm-vs{width:100%;font:inherit;font-weight:800;padding:13px;border-radius:14px;border:0;background:linear-gradient(135deg,#f42a41,#c81d34);color:#fff;cursor:pointer;margin-bottom:8px;font-size:15px}
.vs-pair{display:flex;align-items:center;gap:14px;margin-top:6px}
.vs-x{font-weight:900;font-size:20px;color:#f42a41;background:#fff;border-radius:10px;padding:4px 8px;transform:rotate(-8deg)}
.vs-live{display:flex;gap:8px;align-items:center;font-size:13.5px;background:rgba(255,255,255,.08);padding:10px 12px;border-radius:12px;margin-bottom:10px;cursor:pointer}
.vs-live input{accent-color:#006a4e;width:18px;height:18px}
.vs-msg{font-size:12.5px;line-height:1.5;color:#cfdbea;background:rgba(0,0,0,.2);border-radius:12px;padding:10px 12px;margin-bottom:12px;word-break:break-all;max-height:110px;overflow:auto}
.vs-sh{border-top:0;padding-top:0;margin:0 0 10px}
.vs-sh span{display:none}
.vs-sh button{font:inherit;font-size:12.5px;font-weight:700;padding:7px 12px;border-radius:999px;border:0;background:rgba(255,255,255,.16);color:#fff;cursor:pointer}
.vs-room{display:block;text-align:center;font-weight:700;color:#7ff0b5;font-size:13.5px;padding:8px}
.vs-ban{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center;background:linear-gradient(135deg,#f42a41,#a8172b);color:#fff;border-radius:18px;padding:16px;margin-bottom:12px;animation:cbmp .4s cubic-bezier(.3,1.5,.5,1)}
.vs-ban .vs-pair{grid-row:span 2;margin:0}
.vs-ban .cb-av.md{width:48px;height:48px;font-size:16px}
.vs-ban h3{margin:0;font-size:18px}
.vs-ban p{margin:0;font-size:13px;opacity:.9}
.vs-ban div.vs-b{grid-column:1/-1;display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.vs-ban button{font:inherit;font-weight:800;padding:10px 16px;border-radius:999px;border:0;cursor:pointer}
.vs-ban .ok{background:#fff;color:#c81d34}
.vs-ban .no{background:rgba(255,255,255,.18);color:#fff}
@media (max-width:560px){.vs-ban{grid-template-columns:1fr;text-align:center;justify-items:center}.vs-ban .vs-pair{grid-row:auto}.vs-ban div.vs-b{justify-content:center}}
.cl-dir{margin-top:18px}
.cd-hd{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.cd-hd span{font-size:13px;color:var(--muted);font-weight:600}
.cd-hd span b{color:#006a4e;font-size:16px}
.cd-tools{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 14px}
.cd-tools input,.cd-tools select{font:inherit;font-size:14px;padding:10px 14px;border-radius:12px;border:1px solid #d6dee9;background:#f6f8fb;flex:1 1 200px;min-width:0}
.cd-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.cd-item{display:flex;align-items:center;gap:12px;border:1px solid #e3e9f1;border-radius:16px;padding:12px;background:#fff;transition:transform .15s,box-shadow .15s}
.cd-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(13,24,40,.08)}
.cd-fl{font-size:30px;flex:none}
.cd-in{flex:1;min-width:0;display:grid;gap:2px}
.cd-in b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cd-in small{color:var(--muted);font-size:12px}
.cd-in .dot{width:8px;height:8px;border-radius:50%;background:#0a8a64;display:inline-block;vertical-align:middle;box-shadow:0 0 0 3px rgba(10,138,100,.18)}
.cd-meta{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:11.5px;color:#41536b;font-weight:600;margin-top:2px}
.cd-join{flex:none;font:inherit;font-size:12.5px;font-weight:800;padding:9px 12px;border-radius:999px;border:0;background:#006a4e;color:#fff;cursor:pointer}
.cd-st{flex:none;font-size:12px;font-weight:800;padding:7px 10px;border-radius:999px}
.cd-st.in{background:#e6f4ef;color:#006a4e}.cd-st.wait{background:#fff4dc;color:#8a5a00}.cd-st.no{background:#fde8eb;color:#c81d34}
.cd-off{grid-column:1/-1;background:#f6f8fb;border:1px dashed #c8d3e1;border-radius:14px;padding:16px;font-size:14px;color:#41536b;line-height:1.5}
.cl-pubc{display:flex!important;flex-direction:row!important;gap:8px;align-items:flex-start;font-size:13px;font-weight:600;color:#41536b;margin:4px 0 12px;cursor:pointer}
.cl-pubc input{accent-color:#006a4e;width:18px;height:18px;flex:none;margin-top:1px}
.cl-rq.hot{background:#f42a41!important;color:#fff!important;border-color:#f42a41!important;animation:lxp 1.4s infinite}
.cl-rq b{background:#fff;color:#f42a41;border-radius:999px;padding:0 6px;margin-left:4px}
.pubt{color:#006a4e;font-weight:700}
.rq-list{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}
.rq-list li{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border-radius:12px;padding:10px}
.rq-list li div{flex:1;min-width:0;display:grid}
.rq-list small{color:#cfdbea;font-size:12px}
.rq-list button{font:inherit;font-weight:800;font-size:12.5px;padding:8px 12px;border-radius:999px;border:0;cursor:pointer}
.rq-list .ok{background:#006a4e;color:#fff}.rq-list .no{background:rgba(255,255,255,.16);color:#fff}
.jq-f{display:grid;gap:10px}
.jq-f label{display:grid;gap:4px;font-size:12.5px;font-weight:700;color:#9fc9ea}
.jq-f input,.jq-f textarea{font:inherit;font-size:15px;padding:11px 13px;border-radius:12px;border:0;resize:vertical}
.fz-tabs{grid-template-columns:repeat(4,1fr)}
@media (max-width:1000px) and (min-width:821px){.fz-tabs{grid-template-columns:repeat(2,1fr)}}
.gm-lbar{display:flex;justify-content:flex-end;margin:-6px 0 16px}
.gm-lbar label,.gm-sel{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#41536b}
.gm-lbar select,.gm-sel select{font:inherit;font-size:14px;padding:9px 12px;border-radius:12px;border:1px solid #d6dee9;background:#fff}
.gm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.gm-card{background:#fff;border:1px solid #e3e9f1;border-radius:22px;padding:20px;box-shadow:0 10px 30px rgba(13,24,40,.06);display:flex;flex-direction:column;gap:12px;min-width:0}
.gm-wide{grid-column:1/-1}
.gm-daily{background:linear-gradient(160deg,#13233a,#1f3d63);color:#fff;border:0}
.gm-hd{display:flex;align-items:center;gap:12px}
.gm-hd>div:nth-child(2){flex:1;min-width:0}
.gm-hd h3{margin:0;font-size:18px}
.gm-hd small{color:#5b6b80;font-size:12.5px}
.gm-daily .gm-hd small{color:#9fc9ea}
.gm-ic{width:46px;height:46px;border-radius:14px;background:#eef2f7;display:grid;place-items:center;font-size:24px;flex:none}
.gm-daily .gm-ic{background:rgba(255,255,255,.14)}
.gm-streak{text-align:center;background:linear-gradient(135deg,#ff8a00,#f42a41);border-radius:14px;padding:6px 12px;display:grid}
.gm-streak b{font-size:20px}
.gm-streak small{color:#fff!important;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.gm-pop{animation:cpop .5s cubic-bezier(.3,1.6,.5,1)}
.gm-week{display:flex;gap:6px}
.gm-week span{flex:1;text-align:center;font-size:11px;font-weight:800;padding:7px 0;border-radius:10px;background:rgba(255,255,255,.08);color:#9fc9ea}
.gm-week span.on{background:#ff8a00;color:#fff}
.gm-week span.today{box-shadow:inset 0 0 0 2px #fff}
.gm-wod{position:relative;background:rgba(255,255,255,.08);border-radius:16px;padding:14px 56px 14px 16px;display:grid;gap:2px}
.gm-wod small{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#7ff0b5;font-weight:800}
.gm-wod b{font-size:26px}
.gm-wod i{color:#9fc9ea;font-size:13px}
.gm-wod span{font-size:13.5px;color:#cfdbea}
.gm-say{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:0;background:#fff;font-size:17px;cursor:pointer}
.gm-go{font:inherit;font-weight:800;font-size:15px;padding:13px 18px;border-radius:14px;border:0;background:#006a4e;color:#fff;cursor:pointer;transition:transform .15s}
.gm-go:hover{transform:translateY(-1px)}
.gm-go.ghost{background:#eef2f7;color:#13233a;font-size:13.5px;padding:10px 14px;align-self:flex-start}
.gm-done{background:rgba(127,240,181,.14);border:1px solid rgba(127,240,181,.4);border-radius:14px;padding:12px 14px;font-size:14px;font-weight:600}
.gm-wide .gm-done{background:#e6f4ef;border-color:#9fd3bf;color:#00503b}
.gm-q{display:grid;gap:10px}
.gm-q small{color:#9fc9ea;font-weight:700;font-size:12px}
.gm-q b{font-size:24px}
.gm-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.gm-opts button{font:inherit;font-size:14px;font-weight:600;padding:12px;border-radius:12px;border:0;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;text-align:left}
.gm-opts button.ok{background:#0a8a64}.gm-opts button.no{background:#f42a41}
.gm-bar{display:flex;gap:8px;flex-wrap:wrap}
.gm-bar span{background:#f3f6fa;border-radius:999px;padding:6px 12px;font-size:12.5px;color:#41536b;font-weight:600}
.gm-bar b{color:#13233a}
.gm-mem{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;perspective:800px}
.gm-c{position:relative;aspect-ratio:1/1.05;border:0;padding:0;background:none;cursor:pointer;transform-style:preserve-3d;transition:transform .45s;font:inherit}
.gm-c span{position:absolute;inset:0;border-radius:14px;display:grid;place-items:center;backface-visibility:hidden;padding:6px;font-size:12.5px;font-weight:700;line-height:1.2;word-break:break-word;text-align:center}
.gm-c .b{background:linear-gradient(135deg,#13233a,#1f5f8b);color:#fff;font-size:24px}
.gm-c .f{background:#fff;border:2px solid #d6dee9;color:#13233a;transform:rotateY(180deg)}
.gm-c.w .f{background:#eef6ff;border-color:#9fc9ea;font-size:13.5px}
.gm-c.up{transform:rotateY(180deg)}
.gm-c.ok .f{background:#e6f4ef;border-color:#0a8a64;color:#00503b}
.gm-win{text-align:center;display:grid;gap:2px;font-size:24px;background:#fff8e6;border-radius:14px;padding:10px}
.gm-win b{font-size:17px}.gm-win span{font-size:13px;color:#5b6b80}
.gm-bz{display:grid;gap:12px;justify-items:center;text-align:center;border-radius:16px;padding:6px 0;transition:background .3s}
.gm-bz.good{animation:gmg .4s}.gm-bz.bad{animation:gmb .4s}
@keyframes gmg{30%{background:#e6f4ef}}@keyframes gmb{30%{background:#fde8eb}}
.gm-bzs{width:110px;height:110px;border-radius:50%;background:linear-gradient(135deg,#ff8a00,#f42a41);color:#fff;display:grid;place-items:center;align-content:center}
.gm-bzs b{font-size:38px;line-height:1}.gm-bzs span{font-size:11px;font-weight:700;text-transform:uppercase}
.gm-bz p{margin:0;color:#41536b}
.gm-tbar{display:block;width:100%;height:8px;border-radius:8px;background:#eef2f7;overflow:hidden}
.gm-tbar i{display:block;height:100%;background:linear-gradient(90deg,#f42a41,#ff8a00);transition:width .2s linear}
.gm-bzq{display:grid;gap:4px;padding:10px 0}
.gm-bzq b{font-size:26px;color:#13233a}.gm-bzq span{color:#9aa7b8;font-weight:800}.gm-bzq em{font-style:normal;font-size:18px;font-weight:700;color:#1f5f8b}
.gm-bzb{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
.gm-bzb button{font:inherit;font-weight:800;font-size:17px;padding:16px;border-radius:14px;border:0;color:#fff;cursor:pointer}
.gm-bzb .ok{background:#0a8a64}.gm-bzb .no{background:#f42a41}
.gm-clk{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gm-tz{background:#f3f6fa;border-radius:16px;padding:14px;display:grid;gap:2px;text-align:center}
.gm-tz span{font-size:12.5px;font-weight:700;color:#41536b}
.gm-tz b{font-size:34px;font-family:"IBM Plex Mono",monospace;color:#13233a}
.gm-tz small{color:#5b6b80}
.gm-call{grid-column:1/-1;border-radius:14px;padding:12px;font-weight:700;text-align:center;font-size:14px}
.gm-call.ok{background:#e6f4ef;color:#00503b}.gm-call.no{background:#fff4dc;color:#8a5a00}
.gm-ring{position:relative;width:64px;height:64px;flex:none}
.gm-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.gm-ring circle{fill:none;stroke-width:8}
.gm-ring .t{stroke:#eef2f7}.gm-ring .v{stroke:#006a4e;stroke-linecap:round;transition:stroke-dashoffset .5s}
.gm-ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:14px}
.gm-ck{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.gm-cg h4{margin:0 0 6px;font-size:14.5px;display:flex;justify-content:space-between}
.gm-cg h4 small{color:#5b6b80;font-weight:700}
.gm-cg label{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:10px;font-size:13.5px;cursor:pointer;line-height:1.35}
.gm-cg label:hover{background:#f6f8fb}
.gm-cg label.on span{text-decoration:line-through;color:#7b8798}
.gm-cg input{accent-color:#006a4e;width:18px;height:18px;flex:none;margin:0}
@media (max-width:820px){.gm-grid{grid-template-columns:1fr}.gm-lbar{justify-content:flex-start}}
@media (max-width:420px){.gm-mem{grid-template-columns:repeat(3,1fr)}.gm-opts{grid-template-columns:1fr}.gm-tz b{font-size:28px}}
@media (max-width:820px){.fz-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.fz-tabs button{padding:10px;gap:8px}.fz-tabs button i{width:38px;height:38px;font-size:19px}.fz-tabs button b{font-size:14px}}
@media (max-width:420px){.fz-tabs button small{display:none}}
.gm-dset{display:grid;grid-template-columns:1fr auto;gap:8px}
.gm-dset label{display:grid;gap:4px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#9fc9ea}
.gm-dset select{font:inherit;font-size:14px;font-weight:600;text-transform:none;letter-spacing:0;padding:10px 12px;border-radius:12px;border:0;background:rgba(255,255,255,.14);color:#fff;min-width:0}
.gm-dset option{color:#13233a}
.gm-dl{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px;color:#9fc9ea;font-weight:700}
.gm-dl span{background:rgba(255,255,255,.1);border-radius:999px;padding:4px 9px;color:#fff}
.gm-mix{color:#9fc9ea;text-align:center;font-size:12px}
.gm-qt{display:flex;justify-content:space-between}
.gm-qh{color:#7ff0b5!important;font-size:13px!important}
.gm-daily .gm-tbar{background:rgba(255,255,255,.12);height:6px}
.gm-lis{font:inherit;font-weight:800;font-size:16px;padding:14px;border-radius:14px;border:0;background:#fff;color:#13233a;cursor:pointer}
.gm-wod b{line-height:1.2}.gm-wod[hidden]{display:none}
.ch-hero{position:relative;overflow:hidden;border-radius:26px;padding:34px 32px 26px;margin:0 0 22px;color:#fff;background:radial-gradient(900px 300px at 100% 0,rgba(244,42,65,.35),transparent 60%),radial-gradient(700px 300px at 0 100%,rgba(0,106,78,.55),transparent 60%),linear-gradient(135deg,#0f1c2f,#1f3d63);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px 28px;box-shadow:0 24px 60px rgba(13,24,40,.25)}
.ch-tag{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.06em;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);padding:6px 12px;border-radius:999px;color:#bfe9d6}
.ch-hero h2{margin:12px 0 8px;font-size:clamp(28px,4vw,40px);color:#fff;letter-spacing:-.02em}
.ch-hero p{margin:0;color:#cfdbea;font-size:15.5px;line-height:1.55;max-width:560px}
.ch-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.ch-btns button{font:inherit;font-weight:800;font-size:15px;padding:13px 20px;border-radius:14px;border:0;cursor:pointer;transition:transform .15s}
.ch-btns button:hover{transform:translateY(-2px)}
.ch-b1{background:#fff;color:#13233a}.ch-b2{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.25)!important}
.ch-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:center}
.ch-stats div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:14px 16px;display:grid}
.ch-stats b{font-size:30px;font-family:"IBM Plex Mono",monospace;line-height:1.1}
.ch-stats span{font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:#9fc9ea;font-weight:700}
.ch-steps{grid-column:1/-1;list-style:none;margin:4px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ch-steps li{display:grid;grid-template-columns:auto 1fr;gap:0 10px;align-items:center;background:rgba(0,0,0,.18);border-radius:14px;padding:10px 12px}
.ch-steps i{grid-row:span 2;font-style:normal;width:30px;height:30px;border-radius:50%;background:#006a4e;display:grid;place-items:center;font-weight:800}
.ch-steps b{font-size:14px}.ch-steps span{font-size:12px;color:#9fc9ea}
.cl-grid{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)!important;align-items:start}

.cl-side{order:2;display:grid;gap:18px}
.cl-card{border-radius:22px!important;border:1px solid #e3e9f1!important;box-shadow:0 10px 30px rgba(13,24,40,.06)!important}
#cl-form.pulse{animation:clpulse 1.2s}
@keyframes clpulse{30%{box-shadow:0 0 0 6px rgba(0,106,78,.35)}}
.cl-how ul{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:13.5px;color:#41536b}
.cl-how b{color:#13233a}
.cl-empty{text-align:center;padding:30px 10px;color:#5b6b80}
.cl-empty div{font-size:46px}.cl-empty b{display:block;font-size:18px;color:#13233a;margin:6px 0}
.cl-item{border-radius:18px!important;border:1px solid #e3e9f1!important;padding:0!important;overflow:hidden;background:#fff;transition:box-shadow .2s}
.cl-item.open{box-shadow:0 14px 34px rgba(13,24,40,.1)}
.cl-head{display:flex!important;align-items:center;gap:12px;padding:14px 16px;cursor:pointer}
.cl-head:hover{background:#f8fafc}
.cl-flag{flex:none;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:28px;box-shadow:inset 0 0 0 3px rgba(255,255,255,.35)}
.cl-flag.lg{width:72px;height:72px;font-size:40px;border-radius:22px}
.cl-hm{flex:1;min-width:0}
.cl-hm b{font-size:17px!important;margin-right:6px}
.cl-hm small{display:block;margin-top:3px;font-size:12.5px}
.cl-hm .dot{width:8px;height:8px;border-radius:50%;background:#0a8a64;display:inline-block;box-shadow:0 0 0 3px rgba(10,138,100,.18)}
.tier{display:inline-block;font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px;vertical-align:2px}
.tier.t1{background:#f6e7da;color:#8a4b1a}.tier.t2{background:#eceff3;color:#4a5568}.tier.t3{background:#fff2c7;color:#8a6400}.tier.t4{background:#dff3f6;color:#0e6170}.tier.t5{background:linear-gradient(135deg,#e2e8ff,#f4e2ff);color:#4b2a9b}
.cl-stack{display:flex;flex:none}
.cb-av.xs{width:28px;height:28px;font-size:11px;margin-left:-8px;box-shadow:0 0 0 2px #fff;flex:none}
.cl-stack .cb-av.xs:first-child{margin-left:0}
.cb-av.xs.more{background:#13233a}
.cl-chev{flex:none;font-size:20px;color:#9aa7b8;transition:transform .2s}
.cl-item.open .cl-chev{transform:rotate(180deg)}
.cl-body{display:none;padding:0 16px 16px;gap:12px}
.cl-item.open .cl-body{display:grid}
.cl-acts .inv{background:#006a4e!important;color:#fff!important;border-color:#006a4e!important}
.cl-acts .lv{margin-left:auto;color:#9aa7b8!important;border-color:transparent!important;background:transparent!important}
.cl-goal{background:#f6f8fb;border-radius:14px;padding:12px 14px;display:grid;gap:6px}
.cl-goal>div{display:flex;justify-content:space-between;gap:10px;font-size:13.5px}
.cl-goal span{font-weight:700;color:#41536b}
.cl-goal .cb-bar{height:9px;background:#e3e9f1}
.cl-goal small{color:#5b6b80;font-size:12px}
.cl-seg{display:inline-flex;background:#eef2f7;border-radius:12px;padding:4px;justify-self:start}
.cl-seg button{font:inherit;font-size:13px;font-weight:700;border:0;background:transparent;padding:8px 14px;border-radius:9px;cursor:pointer;color:#41536b}
.cl-seg button.on{background:#13233a;color:#fff}
.cl-item .cl-board{display:block!important}
.cl-chat{border:1px solid #e3e9f1;border-radius:16px;padding:12px;display:grid;gap:8px}
.cl-chat h4{margin:0;font-size:14px}
.cc-list{max-height:260px;overflow:auto;display:grid;gap:8px;padding-right:4px}
.cc-m{display:flex;gap:8px;align-items:flex-start;position:relative}
.cc-m .cb-av.xs{margin:0}
.cc-m>div{background:#f3f6fa;border-radius:4px 14px 14px 14px;padding:7px 11px;max-width:80%}
.cc-m.me{flex-direction:row-reverse}
.cc-m.me>div{background:#e6f4ef;border-radius:14px 4px 14px 14px}
.cc-m b{font-size:12px;color:#1f5f8b}
.cc-m p{margin:2px 0;font-size:14px;word-break:break-word}
.cc-m small{font-size:11px;color:#7b8798}
.cc-rm{border:0;background:none;color:#c0c8d4;cursor:pointer;font-size:12px;align-self:center}
.cc-off{margin:0;color:#5b6b80;font-size:13px}
.cc-err{color:#c81d34;font-size:12px}
.cc-f{display:flex;gap:6px}
.cc-f input{flex:1;min-width:0;font:inherit;font-size:14px;padding:10px 14px;border-radius:999px;border:1px solid #d6dee9;background:#f6f8fb}
.cc-f button{font:inherit;font-weight:800;padding:10px 16px;border-radius:999px;border:0;background:#13233a;color:#fff;cursor:pointer}
.ci .cbm-hd{gap:8px}
.ci-qr{display:grid;place-items:center;background:#fff;border-radius:16px;padding:12px;width:max-content;margin:0 auto 12px}
.ci-qr img,.ci-qr canvas{display:block}
.ci-link{display:flex;gap:6px;margin-bottom:12px}
.ci-link input{flex:1;min-width:0;font:inherit;font-size:13px;padding:10px 12px;border-radius:12px;border:0;background:rgba(255,255,255,.12);color:#fff}
.ci-link button{font:inherit;font-weight:800;padding:10px 14px;border-radius:12px;border:0;background:#fff;color:#13233a;cursor:pointer}
.ci .cl-share{border-top:0;padding-top:0;justify-content:center;margin-bottom:10px}
.ci .cl-share span{display:none}
@media (max-width:900px){.ch-hero{grid-template-columns:1fr;padding:26px 18px 20px}.ch-steps{grid-template-columns:1fr}.cl-grid{grid-template-columns:1fr!important}.cl-side{order:2}}
@media (max-width:520px){.cl-stack{display:none}.cl-flag{width:44px;height:44px;font-size:24px}.ch-stats b{font-size:24px}.cl-acts .lv{margin-left:0}}
.cl-grid>*,.cl-mine,.cl-list,.cl-item,.cl-body>*{min-width:0}
@media (max-width:520px){.cl-mine{padding:14px!important}.cl-head{padding:12px}.cl-body{padding:0 12px 12px}.cb-feed li{flex-wrap:wrap}.cb-vsb{margin-left:auto}}
.cl-chat>*,.cc-f{min-width:0}.cc-f button{flex:none}.cc-f input{width:0}
.gm-fly{background:linear-gradient(135deg,#fff,#f4f8fc)}
.fy-f{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.fy-f label{display:grid;gap:4px;font-size:12px;font-weight:700;color:#41536b;min-width:0}
.fy-f input,.fy-f select{font:inherit;font-size:15px;padding:11px 12px;border-radius:12px;border:1px solid #d6dee9;background:#fff;min-width:0;width:100%;box-sizing:border-box}
.fy-f .wide{grid-column:1/-1}
.fy-err{color:#c81d34;font-size:13px;margin:0}
.fy-pass{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:0;border-radius:20px;overflow:hidden;color:#fff;background:linear-gradient(135deg,#13233a,#1f5f8b);box-shadow:0 14px 34px rgba(19,35,58,.25)}
.fy-l{padding:20px 22px;display:grid;gap:10px;border-right:2px dashed rgba(255,255,255,.25)}
.fy-l small{color:#9fc9ea;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:11.5px}
.fy-route{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.fy-route b{font-size:26px;letter-spacing:-.01em}
.fy-pl{font-size:22px;animation:fyp 2.4s ease-in-out infinite}
@keyframes fyp{50%{transform:translateX(6px)}}
.fy-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:#cfdbea}
.fy-cd{padding:18px;display:grid;gap:8px;align-content:center;background:rgba(0,0,0,.18)}
.fy-cd small{color:#7ff0b5;font-weight:800;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;text-align:center}
.fy-cd>div{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.fy-cd span{background:rgba(255,255,255,.1);border-radius:12px;padding:8px 2px;text-align:center;display:grid}
.fy-cd b{font-size:28px;font-family:"IBM Plex Mono",monospace;line-height:1.1}
.fy-cd i{font-style:normal;font-size:10.5px;text-transform:uppercase;color:#9fc9ea;font-weight:700}
.fy-msg{display:flex;gap:12px;align-items:flex-start;background:#fff8e6;border:1px solid #ffe2a3;border-radius:16px;padding:12px 14px}
.fy-msg i{font-style:normal;font-size:26px}
.fy-msg b{font-size:15px}.fy-msg p{margin:2px 0 0;font-size:14px;color:#41536b}
.fy-tl{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}
.fy-tl div{display:grid;justify-items:center;text-align:center;gap:2px;padding:8px 4px;border-radius:12px;background:#f3f6fa;opacity:.65}
.fy-tl div.on{background:#e6f4ef;opacity:1}
.fy-tl i{font-style:normal;font-size:20px}
.fy-tl span{font-size:11px;font-weight:700;line-height:1.2}
.fy-tl small{font-size:11px;color:#5b6b80}
.fy-rem h4{margin:0 0 8px;font-size:15px}
.fy-opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.fy-o{border:1px solid #e3e9f1;border-radius:16px;padding:14px;display:grid;gap:6px;align-content:start;background:#fff}
.fy-o b{font-size:14.5px}.fy-o small{font-size:12.5px;color:#5b6b80;line-height:1.45}
.fy-o>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.fy-o .gm-go{font-size:13px;padding:9px 13px;text-decoration:none;display:inline-block}
.fy-mail{display:flex!important;flex-wrap:nowrap!important}
.fy-mail input{flex:1;min-width:0;font:inherit;font-size:14px;padding:9px 12px;border-radius:12px;border:1px solid #d6dee9}
.fy-acts{display:flex;flex-wrap:wrap;gap:8px}
.fy-acts .gm-go{text-decoration:none;font-size:14px}
.gm-go.wa{background:#25d366}
.fz-fchip{font:inherit;color:#fff;display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:12px 14px;margin:0 0 12px;cursor:pointer;backdrop-filter:blur(6px);transition:background .2s,border-color .2s}
.fz-fchip:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.3)}
.fc-ic{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#006a4e;color:#fff;transform:rotate(45deg)}
.fc-ic svg{transform:rotate(-45deg)}
.fc-main{flex:1;min-width:0;display:grid;gap:1px}
.fc-main small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9fc9ea;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fc-main b{font-size:17px;font-weight:800;letter-spacing:.02em}
.fc-main b i{font-style:normal;color:#7ff0b5;margin:0 2px}
.fc-main em{font-style:normal;font-size:12.5px;color:#cfdbea}
.fc-cd{flex:none;text-align:right;display:grid;padding-left:14px;border-left:1px solid rgba(255,255,255,.16)}
.fc-cd b{font-family:"IBM Plex Mono",monospace;font-size:20px;font-weight:700;white-space:nowrap}
.fc-cd u{text-decoration:none;font-size:12px;color:#9fc9ea;margin-left:1px}
.fc-cd small{font-size:11px;color:#9fc9ea;font-weight:600}
.fc-go{flex:none;font-size:26px;line-height:1;color:#9fc9ea}
@media (max-width:420px){.fz-fchip{gap:10px;padding:10px 12px}.fc-ic{width:36px;height:36px}.fc-cd b{font-size:16px}.fc-go{display:none}}
@media (max-width:820px){.fy-f{grid-template-columns:1fr 1fr}.fy-pass{grid-template-columns:1fr}.fy-l{border-right:0;border-bottom:2px dashed rgba(255,255,255,.25)}.fy-tl{grid-template-columns:repeat(4,minmax(0,1fr))}.fy-opts{grid-template-columns:1fr}}
#jx-modal{position:fixed;inset:0;z-index:100000;background:rgba(8,16,30,.72);backdrop-filter:blur(4px);display:grid;place-items:center;padding:16px;animation:cbmf .2s}
#jx-modal[hidden]{display:none}
.jx{display:grid;gap:12px}
.jx-top{display:flex;justify-content:space-between;font-size:12.5px;font-weight:800;color:#9fc9ea;padding-right:40px}
.jx-bar{display:block;height:8px;border-radius:8px;background:rgba(255,255,255,.12);overflow:hidden}
.jx-bar i{display:block;height:100%;background:linear-gradient(90deg,#0a8a64,#7ff0b5);transition:width .3s}
.jx-q{text-align:center;display:grid;gap:4px;padding:14px 0}
.jx-q small{color:#7ff0b5;font-weight:700}.jx-q b{font-size:28px}.jx-q i{color:#9fc9ea;font-size:14px}
.jx-o{display:grid;gap:8px}
.jx-o button{font:inherit;font-size:15px;font-weight:600;padding:13px 14px;border-radius:14px;border:0;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;text-align:left;display:grid;gap:2px}
.jx-o button:hover:not(:disabled){background:rgba(255,255,255,.2)}
.jx-o button.ok{background:#0a8a64}.jx-o button.no{background:#f42a41}
.jx-o small{color:#cfdbea;font-size:12px;font-weight:500}
.jx-end{text-align:center;justify-items:center}
.jx-end h3{margin:0;font-size:24px}.jx-end p{margin:0;color:#cfdbea}
.jx-stars{display:flex;gap:6px;font-size:52px;line-height:1}
.jx-stars span{color:rgba(255,255,255,.18)}
.jx-stars span.on{color:#ffc93c;animation:jxs .6s cubic-bezier(.3,1.7,.5,1) both;text-shadow:0 4px 18px rgba(255,201,60,.5)}
@keyframes jxs{from{transform:scale(0) rotate(-40deg)}}
.jx-btns{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.jm-st{text-align:center;background:linear-gradient(135deg,#ffc93c,#ff8a00);color:#fff;border-radius:14px;padding:6px 12px;display:grid}
.jm-st b{font-size:18px}.jm-st small{color:#fff!important;font-size:10.5px;font-weight:700}
.jm-wrap{max-height:520px;overflow-y:auto;border-radius:18px;background:radial-gradient(circle at 20% 10%,#dff6ea,transparent 40%),radial-gradient(circle at 80% 60%,#dcecff,transparent 40%),linear-gradient(180deg,#eef8f3,#e8f1fb);scroll-behavior:smooth}
.jm-path{position:relative;margin:0 auto;max-width:520px}
.jm-path svg{position:absolute;inset:0;width:100%;height:100%}
.jm-path polyline{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.jm-path .bg{stroke:#fff;stroke-width:14;stroke-dasharray:2 18}
.jm-path .fg{stroke:#0a8a64;stroke-width:8;opacity:.5}
.jm-n{position:absolute;transform:translate(-50%,-50%);width:66px;height:66px;border-radius:50%;border:0;cursor:pointer;background:radial-gradient(circle at 35% 30%,#3fa0ff,#1f5f8b);color:#fff;box-shadow:0 6px 0 #164666,0 10px 20px rgba(19,35,58,.25);display:grid;place-items:center;font:inherit;transition:transform .15s}
.jm-n:hover:not(:disabled){transform:translate(-50%,-55%)}
.jm-n i{font-style:normal;font-size:24px;line-height:1;margin-top:-6px}
.jm-n b{position:absolute;bottom:7px;font-size:11px;font-weight:800;opacity:.9}
.jm-n.done{background:radial-gradient(circle at 35% 30%,#2fd08a,#0a8a64);box-shadow:0 6px 0 #066246,0 10px 20px rgba(10,138,100,.3)}
.jm-n.lock{background:#c8d3e1;box-shadow:0 6px 0 #a7b4c6;cursor:default}
.jm-n.me{animation:jmb 1.4s ease-in-out infinite;background:radial-gradient(circle at 35% 30%,#ff7a7a,#f42a41);box-shadow:0 6px 0 #a8172b,0 0 0 8px rgba(244,42,65,.18)}
@keyframes jmb{50%{transform:translate(-50%,-58%)}}
.jm-s{position:absolute;top:-16px;font-size:15px;color:#ffc93c;letter-spacing:-2px;text-shadow:0 1px 2px rgba(0,0,0,.25)}
.jm-s em{font-style:normal;color:rgba(0,0,0,.18)}
.jm-lb{position:absolute;top:72px;white-space:nowrap;font-size:11.5px;font-weight:700;color:#13233a;background:rgba(255,255,255,.85);padding:2px 8px;border-radius:999px}
.jm-you{position:absolute;left:72px;top:16px;background:#13233a;color:#fff;font-size:11px;font-weight:800;padding:3px 8px;border-radius:8px;white-space:nowrap}
.sc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sc-c{font:inherit;text-align:left;border:1px solid #e3e9f1;background:#fff;border-radius:18px;padding:14px;display:grid;gap:3px;cursor:pointer;transition:transform .15s,box-shadow .15s}
.sc-c:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 24px rgba(13,24,40,.1)}
.sc-c i{font-style:normal;font-size:30px}
.sc-c b{font-size:15px}.sc-c small{color:#5b6b80;font-size:12.5px}
.sc-c span{font-size:12px;font-weight:700;color:#006a4e;margin-top:4px}
.sc-c.done{background:#f2faf6;border-color:#b7e2d0}
.sc-c:disabled{opacity:.5;cursor:default}.sc-c:disabled span{color:#9aa7b8}
.sc-scene{display:flex;gap:12px;align-items:flex-start}
.sc-e{font-size:44px;line-height:1;flex:none}
.sc-bub{background:#fff;color:#13233a;border-radius:4px 18px 18px 18px;padding:12px 14px}
.sc-bub p{margin:0;font-weight:600;font-size:15px}.sc-bub small{color:#5b6b80;font-size:13px}
.sc-ask{color:#7ff0b5;font-weight:800;font-size:12.5px;text-transform:uppercase;letter-spacing:.06em}
.sc-o button b{font-size:16px}
.sc-fb{display:grid;gap:10px}
.sc-fb>div{border-radius:12px;padding:10px 12px;font-size:14px}
.sc-fb .g{background:rgba(10,138,100,.3)}.sc-fb .b{background:rgba(255,201,60,.18)}
.sc-badge{font-size:60px;width:110px;height:110px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#ffe08a,#ff8a00);box-shadow:0 0 0 8px rgba(255,201,60,.25);animation:jxs .6s cubic-bezier(.3,1.7,.5,1)}
.pc-w{text-align:center;display:grid;gap:3px;background:#f3f6fa;border-radius:16px;padding:16px}
.pc-w small{font-weight:800;color:#5b6b80;font-size:12px}.pc-w b{font-size:28px;color:#13233a}.pc-w i{color:#1f5f8b}.pc-w span{font-size:13px;color:#5b6b80}
.pc-b{display:flex;align-items:center;justify-content:center;gap:12px}
.pc-mic{width:72px;height:72px;border-radius:50%;border:0;background:#f42a41;color:#fff;font-size:28px;cursor:pointer;box-shadow:0 0 0 6px rgba(244,42,65,.2)}
.pc-mic.on{animation:lvr 1s infinite}
.pc-r{text-align:center;font-size:13.5px;color:#41536b;display:grid;gap:4px;justify-items:center;min-height:40px}
.pc-r p{margin:0;font-weight:600}.pc-r small{color:#7b8798}
.pc-s{display:flex;align-items:baseline;gap:8px}
.pc-s b{font-size:34px}.pc-s.g b{color:#0a8a64}.pc-s.m b{color:#d98a00}.pc-s.b b{color:#f42a41}
@media (max-width:820px){.sc-grid{grid-template-columns:1fr 1fr}}
@media (max-width:420px){.sc-grid{grid-template-columns:1fr}.jm-n{width:58px;height:58px}}
.jm-n.r .jm-you{left:auto;right:72px}
.fy-air{display:block;color:#006a4e;font-weight:800;font-size:12.5px;min-height:1em}
.fy-air.no{color:#9aa7b8;font-weight:600}
.fy-al{display:inline-block;background:rgba(255,255,255,.14);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800;color:#fff}
.fy-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.fy-info h4{margin:0 0 8px;font-size:15px}
.fy-wx,.fy-wear,.fy-pk{border:1px solid #e3e9f1;border-radius:16px;padding:14px;background:#fff;min-width:0}
.fy-pk{grid-column:1/-1}
.fy-now{display:flex;align-items:center;gap:12px}
.fy-now .e{font-size:42px}
.fy-now b{font-size:30px;font-family:"IBM Plex Mono",monospace;display:block}
.fy-now small{color:#5b6b80;font-size:12.5px}
.fy-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:10px 0}
.fy-days div{text-align:center;background:#f3f6fa;border-radius:10px;padding:6px 2px;display:grid;font-size:12px}
.fy-days div.arr{background:#e6f4ef;box-shadow:inset 0 0 0 2px #0a8a64}
.fy-days span{font-size:18px}.fy-days b{font-size:13px}.fy-days i{font-style:normal;color:#7b8798}
.fy-arr{background:#fff8e6;border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.45;margin-top:6px}
.fy-wear ul,.fy-pk ul{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-size:13.5px}
.fy-wear li.h{font-weight:800;color:#1f5f8b}
.fy-pk ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}
.fy-pk li{background:#f6f8fb;border-radius:10px;padding:8px 10px;line-height:1.4}
.fy-pkb{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.fy-wx{grid-column:span 2}
@media (max-width:820px){.fy-info{grid-template-columns:1fr}.fy-wx{grid-column:auto}.fy-pk ul{grid-template-columns:1fr}}
.fz-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
.fz-tabs button small{white-space:nowrap}
@media (max-width:1100px) and (min-width:821px){.fz-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:820px){.fz-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.fz-tabs button[data-t=fly]{grid-column:1/-1;background:linear-gradient(135deg,#fff3f4,#fff)!important}.fz-tabs button[data-t=fly].on{background:linear-gradient(135deg,#13233a,#1f3d63)!important}}
#gm-clock .gm-clk{max-width:640px}
@font-face{font-family:"Twemoji Country Flags";unicode-range:U+1F1E6-1F1FF,U+1F3F4,U+E0062-E0063,U+E0065,U+E0067,U+E006C,U+E006E,U+E0073-E0074,U+E0077,U+E007F;src:url(https://cdn.jsdelivr.net/npm/country-flag-emoji-polyfill@0.1.8/dist/TwemojiCountryFlags.woff2) format("woff2");font-display:swap}
body,button,input,select,textarea{font-family:"Twemoji Country Flags",var(--sans,"Inter"),"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.fy-tr{display:grid;gap:8px;background:#f6f8fb;border:1px dashed #c8d3e1;border-radius:14px;padding:12px}
.fy-tr>label{max-width:320px}
.fy-leg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;background:#fff;border:1px solid #e3e9f1;border-radius:12px;padding:10px}
.fy-leg>b{grid-column:1/-1;font-size:13.5px;color:#1f5f8b}
.fy-sec{grid-column:1/-1;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#006a4e;margin-top:4px}
.jy{border:1px solid #e3e9f1;border-radius:18px;padding:6px 14px;background:#fff;display:grid}
.jy-pt{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px 0}
.jy-pt i{font-style:normal;width:40px;height:40px;border-radius:12px;background:#eef2f7;display:grid;place-items:center;font-size:19px}
.jy-pt.tr i{background:#fff4dc}
.jy-pt b{font-size:15px}.jy-pt small{display:block;color:#5b6b80;font-size:12.5px}
.jy-t{text-align:right;display:grid;gap:1px}
.jy-t>b{font-size:22px;font-family:"IBM Plex Mono",monospace}
.jy-t span{font-size:13px;color:#41536b}.jy-t span b{font-family:"IBM Plex Mono",monospace;font-size:15px;color:#13233a}
.jy-fl{display:flex;justify-content:space-between;gap:10px;margin-left:19px;padding:6px 0 6px 31px;border-left:3px dotted #9fc9ea;font-size:12.5px;color:#5b6b80}
.jy-fl b{color:#1f5f8b}
.jy-tot{display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:space-between;border-top:1px solid #eef2f7;padding:10px 0;font-size:13px;color:#41536b}
@media (max-width:820px){.fy-leg{grid-template-columns:1fr 1fr}.jy-t>b{font-size:18px}}
.fz-fchip{margin:22px 0 0;max-width:520px}
.jy-help{margin:0 0 6px 52px;background:#fffaf0;border:1px solid #ffe2a3;border-radius:14px;padding:4px 12px}
.jy-help summary{cursor:pointer;font-weight:800;font-size:13.5px;padding:8px 0;color:#8a5a00;list-style:none}
.jy-help summary::-webkit-details-marker{display:none}
.jy-help summary::after{content:"⌄";float:right;transition:transform .2s}
.jy-help[open] summary::after{transform:rotate(180deg)}
.jy-hub{margin:0 0 8px;font-size:13px;background:#fff;border-radius:10px;padding:8px 10px;line-height:1.45}
.jy-help ol{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:6px}
.jy-help li{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45}
.jy-help li i{font-style:normal;flex:none;width:28px;height:28px;border-radius:8px;background:#fff;display:grid;place-items:center}
.jy-help li div>b{display:block;font-size:13.5px}.jy-help li span b{color:#13233a}
.jy-help li span{color:#41536b}
.jy-add{font:inherit;font-size:13px;font-weight:700;border:0;background:#eef6ff;color:#1f5f8b;padding:7px 12px;border-radius:999px;cursor:pointer}
.jy-tr0{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 6px 52px;font-size:12.5px;color:#5b6b80;background:#f6f8fb;border-radius:12px;padding:8px 12px}
.fy-cancel{background:#eef2f7!important;color:#13233a!important}
@media (max-width:520px){.jy-help,.jy-tr0{margin-left:0}}
#fy-stops:invalid{border-color:#f4a3ad;background:#fff7f8}
.bp-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:14px}
.bp-ci,.bp-wal{border:1px solid #e3e9f1;border-radius:16px;padding:14px;display:grid;gap:10px;align-content:start;background:#fff;min-width:0}
.bp-air{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.bp-air>b{font-size:17px}
.bp-st{font-size:12.5px;font-weight:800;padding:6px 10px;border-radius:999px}
.bp-st.wait{background:#eef6ff;color:#1f5f8b}.bp-st.open{background:#e6f4ef;color:#006a4e}.bp-st.shut{background:#fde8eb;color:#c81d34}
.bp-times{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.bp-times li{display:flex;justify-content:space-between;gap:10px;background:#f6f8fb;border-radius:10px;padding:8px 10px;font-size:13px}
.bp-times span{color:#5b6b80}
.bp-go{text-align:center;text-decoration:none}
.bp-how{margin:0;padding-left:20px;display:grid;gap:4px;font-size:13px;color:#41536b}
.bp-note{margin:0;background:#fff8e6;border:1px solid #ffe2a3;border-radius:12px;padding:10px 12px;font-size:12.5px;line-height:1.5;color:#5a4300}
.bp-wal h4{margin:0;font-size:15px}
.bp-list{display:grid;gap:8px}
.bp-it{display:flex;align-items:center;gap:10px;border:1px solid #e3e9f1;border-radius:12px;padding:8px}
.bp-it>div{flex:1;min-width:0;display:grid}
.bp-it b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bp-it small{color:#7b8798;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bp-th{flex:none;width:46px;height:46px;border-radius:10px;background:#f3f6fa;display:grid;place-items:center;font-size:22px;overflow:hidden}
.bp-th img{width:100%;height:100%;object-fit:cover}
.bp-it button{flex:none;font:inherit;font-size:12.5px;font-weight:700;border:1px solid #d6dee9;background:#fff;border-radius:999px;padding:6px 10px;cursor:pointer}
.bp-it button[data-v]{background:#13233a;color:#fff;border-color:#13233a}
.bp-add{display:grid;gap:8px}
.bp-add select{font:inherit;font-size:13.5px;padding:10px 12px;border-radius:12px;border:1px solid #d6dee9;background:#fff;min-width:0;width:100%}
.bp-add .gm-go{text-align:center;cursor:pointer}
.bp-priv{color:#5b6b80;font-size:12px}
#bp-view{position:fixed;inset:0;z-index:100001;background:rgba(8,16,30,.85);display:grid;place-items:center;padding:12px}
#bp-view[hidden]{display:none}
.bpv{background:#fff;border-radius:18px;padding:12px;max-width:min(560px,100%);max-height:100%;overflow:auto;display:grid;gap:8px}
.bpv-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.bpv-top button{border:0;background:#eef2f7;width:34px;height:34px;border-radius:50%;cursor:pointer}
.bpv img{width:100%;height:auto;border-radius:10px;background:#fff}
.bpv p{margin:0;text-align:center;font-size:12.5px;color:#5b6b80}
@media (max-width:820px){.bp-grid{grid-template-columns:1fr}}
.wz-hd{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;position:relative;padding-bottom:12px;margin-bottom:4px}
.wz-s{font:inherit;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #e3e9f1;background:#fff;border-radius:14px;padding:10px 12px;cursor:pointer;color:#5b6b80;min-width:0}
.wz-s i{font-style:normal;flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eef2f7;font-size:16px}
.wz-s span{display:grid;min-width:0}.wz-s small{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.wz-s b{font-size:13.5px;color:#13233a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wz-s.on{border-color:#006a4e;box-shadow:0 0 0 3px rgba(0,106,78,.12)}.wz-s.on i{background:#006a4e;color:#fff}
.wz-s.done i{background:#e6f4ef;color:#006a4e}
.wz-bar{position:absolute;left:0;right:0;bottom:0;height:4px;border-radius:4px;background:#eef2f7;overflow:hidden}.wz-bar i{display:block;height:100%;background:linear-gradient(90deg,#006a4e,#2fd08a);transition:width .3s}
.wz-off{display:none!important}
.wz-nav{display:flex;justify-content:space-between;gap:10px}
.wz-nav .gm-go{min-width:130px}
.wz-rev{background:#f6f8fb;border-radius:14px;padding:12px 14px;font-size:13.5px}
.wz-rev ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.wz-rev li{display:flex;gap:10px}.wz-rev li span{flex:none;width:90px;color:#5b6b80;font-weight:700}
.rb{display:grid;gap:6px;padding:14px 16px 10px;background:#fff;border:1px solid #e3e9f1;border-radius:18px}
.rb small{text-align:center;color:#5b6b80;font-weight:700;font-size:12px}
.rb-line{position:relative;height:36px;margin:0 22px}
.rb-line:before{content:"";position:absolute;left:0;right:0;top:17px;border-top:3px dashed #c8d3e1}
.rb-done{position:absolute;left:0;top:16px;height:5px;border-radius:5px;background:linear-gradient(90deg,#006a4e,#2fd08a)}
.rb-n{position:absolute;top:10px;transform:translateX(-50%);width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid #c8d3e1}
.rb-n.on{border-color:#006a4e}
.rb-n b{position:absolute;top:20px;left:50%;transform:translateX(-50%);font-size:11.5px;font-weight:800;color:#13233a;white-space:nowrap}
.rb-pl{position:absolute;top:2px;transform:translateX(-50%);font-size:22px;color:#13233a;animation:rbp 2.4s ease-in-out infinite;text-shadow:0 2px 6px rgba(0,0,0,.15)}
@keyframes rbp{50%{transform:translate(-50%,-3px)}}
.jy-plan{margin:6px 0 4px;border-top:1px solid #eef2f7;padding-top:6px}
.jy-plan summary{cursor:pointer;font-weight:800;font-size:14px;padding:8px 0;color:#13233a}
.jy-plan ol{list-style:none;margin:4px 0 6px;padding:0;display:grid;gap:2px;position:relative}
.jy-plan li{display:grid;grid-template-columns:64px 34px 1fr;gap:10px;align-items:start;padding:7px 8px;border-radius:12px}
.jy-plan li.past{opacity:.5}
.jy-plan li.next{background:#e6f4ef;box-shadow:inset 3px 0 0 #006a4e}
.jy-plan time{font-family:"IBM Plex Mono",monospace;font-weight:700;font-size:15px;display:grid}
.jy-plan time small{font-family:inherit;font-size:10.5px;color:#7b8798;font-weight:600}
.jy-plan li i{font-style:normal;width:30px;height:30px;border-radius:9px;background:#f3f6fa;display:grid;place-items:center}
.jy-plan li b{font-size:14px;display:block}.jy-plan li span{font-size:12.5px;color:#5b6b80}
#gm-ready{padding:18px}
.rd{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center}
.rd-ring{position:relative;width:110px;height:110px}
.rd-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.rd-ring circle{fill:none;stroke-width:10}.rd-ring .t{stroke:#eef2f7}.rd-ring .v{stroke:#006a4e;stroke-linecap:round;transition:stroke-dashoffset .6s}
.rd-ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:26px;font-weight:800;padding-bottom:14px}
.rd-ring small{position:absolute;left:0;right:0;bottom:30px;text-align:center;font-size:11px;font-weight:700;color:#5b6b80;text-transform:uppercase}
.rd-k{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#006a4e}
.rd-main h3{margin:2px 0 10px;font-size:20px}
.rd-list{display:flex;flex-wrap:wrap;gap:6px}
.rd-t{font:inherit;font-size:12.5px;font-weight:700;display:inline-flex;align-items:center;gap:6px;border:1px solid #e3e9f1;background:#fff;border-radius:999px;padding:6px 12px 6px 6px;cursor:pointer;color:#41536b}
.rd-t i{font-style:normal;width:22px;height:22px;border-radius:50%;background:#f3f6fa;display:grid;place-items:center;font-size:12px}
.rd-t.ok{background:#f2faf6;border-color:#b7e2d0;color:#00503b}.rd-t.ok i{background:#006a4e;color:#fff}
.rd-nav{display:flex;gap:6px;overflow-x:auto;margin-top:14px;padding-top:12px;border-top:1px solid #eef2f7;scrollbar-width:none}
.rd-nav button{flex:none;font:inherit;font-size:13px;font-weight:700;border:0;background:#eef2f7;color:#13233a;border-radius:999px;padding:8px 14px;cursor:pointer}
.rd-nav button:hover{background:#13233a;color:#fff}
.rd-empty{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center}
.rd-plane{width:96px;height:96px;border-radius:28px;background:linear-gradient(135deg,#13233a,#1f5f8b);display:grid;place-items:center;font-size:46px;animation:rbp 3s ease-in-out infinite}
.rd-empty h3{margin:0 0 4px;font-size:20px}.rd-empty p{margin:0 0 10px;color:#5b6b80;font-size:14px}
.rd-steps{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.rd-steps span{font-size:12px;font-weight:700;background:#eef2f7;border-radius:999px;padding:5px 10px}
.bp-done{font:inherit;font-size:13px;font-weight:700;border:1px solid #b7e2d0;background:#f2faf6;color:#00503b;border-radius:12px;padding:10px;cursor:pointer}
.bp-done.on{background:#006a4e;color:#fff;border-color:#006a4e}
@media (max-width:600px){.wz-hd{grid-template-columns:repeat(3,minmax(0,1fr))}.wz-s{flex-direction:column;align-items:center;text-align:center;padding:8px 4px;gap:4px}.wz-s b{font-size:11.5px;white-space:normal}.wz-s small{display:none}.rd,.rd-empty{grid-template-columns:1fr;justify-items:center;text-align:center}.rd-list{justify-content:center}.jy-plan li{grid-template-columns:56px 30px 1fr}}
.rd-nav{justify-content:flex-start!important;flex-wrap:nowrap!important;position:static!important;background:none!important;box-shadow:none!important;padding-left:0!important;padding-right:0!important}
.rb-pl{margin-top:-14px}
.fyh{position:relative;overflow:hidden;border-radius:28px;padding:34px 30px 120px;margin:0 0 20px;color:#fff;box-shadow:0 24px 60px rgba(19,35,58,.28);min-height:230px}
.fyh-in{position:relative;z-index:2;max-width:720px}
.fyh-k{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);padding:6px 12px;border-radius:999px;backdrop-filter:blur(4px)}
.fyh h2{margin:12px 0 6px;font-size:clamp(30px,5.5vw,54px);line-height:1.05;letter-spacing:-.02em;color:#fff;display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;text-shadow:0 4px 20px rgba(0,0,0,.2)}
.fyh h2 i{font-style:normal;opacity:.8;font-size:.7em}
.fyh p{margin:0;font-size:15.5px;color:rgba(255,255,255,.9)}
.fyh-cd{display:inline-block;margin-top:16px;background:#fff;color:#13233a;border-radius:16px;padding:10px 18px;font-size:16px;font-weight:600;box-shadow:0 10px 26px rgba(0,0,0,.2)}
.fyh-cd b{font-size:26px;font-weight:800;font-family:"IBM Plex Mono",monospace}
.fyh-arc{position:absolute;left:30px;right:30px;bottom:18px;width:calc(100% - 60px);height:110px;z-index:1}
.fyh-pl{position:absolute;left:30px;bottom:18px;width:calc(100% - 60px);height:110px;z-index:2;pointer-events:none}
.fyh-pl span{position:absolute;offset-path:path("M10 110 Q200 -30 390 110");offset-rotate:auto;font-size:28px;color:#fff;text-shadow:0 4px 14px rgba(0,0,0,.3);animation:fyhfly 9s ease-in-out infinite}
@supports not (offset-path:path("M0 0")){.fyh-pl span{left:50%;top:10px;animation:none}}
@keyframes fyhfly{0%{offset-distance:0%;opacity:0}8%{opacity:1}92%{opacity:1}100%{offset-distance:100%;opacity:0}}
.fyh-cl{position:absolute;background:#fff;border-radius:999px;opacity:.22;filter:blur(1px);z-index:1}
.fyh-cl:before,.fyh-cl:after{content:"";position:absolute;background:inherit;border-radius:50%}
.fyh-cl.c1{width:180px;height:44px;top:30px;right:-200px;animation:fyhcl 38s linear infinite}
.fyh-cl.c1:before{width:80px;height:80px;top:-40px;left:30px}.fyh-cl.c1:after{width:60px;height:60px;top:-26px;left:90px}
.fyh-cl.c2{width:120px;height:32px;top:110px;right:-140px;animation:fyhcl 52s linear infinite 8s;opacity:.15}
.fyh-cl.c2:before{width:54px;height:54px;top:-28px;left:20px}.fyh-cl.c2:after{width:40px;height:40px;top:-18px;left:62px}
.fyh-cl.c3{width:220px;height:50px;top:60px;right:-260px;animation:fyhcl 64s linear infinite 20s;opacity:.12}
.fyh-cl.c3:before{width:96px;height:96px;top:-50px;left:40px}.fyh-cl.c3:after{width:70px;height:70px;top:-30px;left:120px}
@keyframes fyhcl{to{transform:translateX(calc(-100vw - 300px))}}
.fyh-snow{position:absolute;inset:0;z-index:1;background-image:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(2px 2px at 80px 120px,#fff,transparent),radial-gradient(3px 3px at 160px 60px,#fff,transparent),radial-gradient(2px 2px at 240px 150px,#fff,transparent),radial-gradient(2px 2px at 300px 40px,#fff,transparent);background-size:340px 200px;opacity:.6;animation:fyhsn 12s linear infinite}
@keyframes fyhsn{to{background-position:0 200px}}
/* boarding pass = real ticket */
.fy-pass{position:relative;overflow:visible!important;border-radius:22px!important;background:linear-gradient(135deg,#0f1c2f,#1f3d63)!important}
.fy-pass:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;border-radius:22px 22px 0 0;background:var(--al,#1f5f8b)}
.fy-pass .fy-l{position:relative}
.fy-pass .fy-l:before,.fy-pass .fy-l:after{content:"";position:absolute;right:-13px;width:24px;height:24px;border-radius:50%;background:#fff;z-index:2}
.fy-pass .fy-l:before{top:-12px}.fy-pass .fy-l:after{bottom:-12px}
.fy-route b{font-size:30px!important}
.fy-cd:after{content:"";display:block;height:34px;margin-top:6px;border-radius:6px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.85) 0 2px,transparent 2px 4px,rgba(255,255,255,.85) 4px 7px,transparent 7px 9px,rgba(255,255,255,.85) 9px 10px,transparent 10px 13px);opacity:.75}
.fy-cd span:last-child b{animation:fytick 1s ease-out}
@keyframes fytick{0%{transform:translateY(-6px);opacity:.3}100%{transform:none;opacity:1}}
.fy-al{background:var(--al,#1f5f8b)!important}
@media (max-width:820px){.fy-pass .fy-l:before,.fy-pass .fy-l:after{display:none}.fyh{padding:26px 20px 110px;border-radius:22px}.fyh-arc,.fyh-pl{left:16px;width:calc(100% - 32px)}}
/* colourful section icons */
#gm-fly .gm-ic{background:linear-gradient(135deg,#3a7bd5,#13233a);color:#fff}
#gm-bp .gm-ic{background:linear-gradient(135deg,#ffb347,#ff5e62)}
#gm-check .gm-ic{background:linear-gradient(135deg,#2fd08a,#006a4e)}
#gm-clock .gm-ic{background:linear-gradient(135deg,#a18cd1,#5b3fa8)}
#fz-fly .gm-card{border:0!important;box-shadow:0 14px 40px rgba(13,24,40,.08)!important}
#gm-ready{background:linear-gradient(135deg,#ffffff,#f1f9f5)!important}
.rd-ring .v{stroke:url(#rdg)!important}
.jy{box-shadow:0 10px 30px rgba(13,24,40,.06)}
.jy-pt i{background:linear-gradient(135deg,#eef6ff,#dbeafe)!important}
.jy-pt.tr i{background:linear-gradient(135deg,#fff4dc,#ffe2a3)!important}
.rb{background:linear-gradient(90deg,#f2faf6,#eef6ff)!important;border:0!important}
#fz-home{display:grid;gap:16px}
.hm-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.hm-hd small{font-size:14px;font-weight:700;color:#006a4e}
.hm-hd h2{margin:4px 0 0;font-size:clamp(24px,3.4vw,32px)}
.hm-inst{font:inherit;font-weight:800;font-size:14px;border:0;border-radius:14px;padding:11px 16px;background:#13233a;color:#fff;cursor:pointer}
.hm-today{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hm-c{font:inherit;text-align:left;border:0;border-radius:22px;padding:18px;color:#fff;cursor:pointer;display:grid;gap:2px;position:relative;overflow:hidden;min-height:150px;align-content:end;box-shadow:0 14px 34px rgba(13,24,40,.18);transition:transform .18s}
.hm-c:hover{transform:translateY(-3px)}
.hm-c .hm-i{position:absolute;top:14px;left:16px;font-size:30px}
.hm-c:after{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.12)}
.hm-c small{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.hm-c b{font-size:24px;font-weight:800}
.hm-c em{font-style:normal;font-size:13px;opacity:.9}
.hm-fly{background:linear-gradient(140deg,#3a7bd5,#13233a)}
.hm-day{background:linear-gradient(140deg,#ff9a3c,#f42a41)}
.hm-club{background:linear-gradient(140deg,#2fd08a,#006a4e)}
.hm-rec{font:inherit;text-align:left;display:flex;align-items:center;gap:14px;border:1px solid #b7e2d0;background:linear-gradient(90deg,#f2faf6,#fff);border-radius:18px;padding:14px 16px;cursor:pointer}
.hm-rec>span{font-size:34px}.hm-rec div{flex:1;min-width:0;display:grid}.hm-rec small{font-size:12px;font-weight:700;color:#006a4e}.hm-rec b{font-size:15.5px;color:#13233a}.hm-rec i{font-style:normal;font-size:22px;color:#006a4e}
.hm-h{margin:6px 0 -4px;font-size:18px}
.hm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hm-t{font:inherit;text-align:left;border:1px solid #e3e9f1;background:#fff;border-radius:20px;padding:16px;cursor:pointer;display:grid;gap:4px;transition:transform .15s,box-shadow .15s}
.hm-t:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(13,24,40,.1)}
.hm-t i{font-style:normal;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:24px;margin-bottom:4px}
.hm-t b{font-size:15.5px}.hm-t small{font-size:12.5px;color:#5b6b80}
.hm-t.b1 i{background:#e8f1ff}.hm-t.b2 i{background:#fff1e6}.hm-t.b3 i{background:#e9f8f1}.hm-t.b4 i{background:#fdecef}.hm-t.b5 i{background:#f1ecff}.hm-t.b6 i{background:#fff7d9}
.hm-tip{display:flex;gap:10px;background:#f6f8fb;border-radius:16px;padding:12px 14px;font-size:13.5px;color:#41536b}.hm-tip b{flex:none;color:#13233a}
.fz-tabs{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.fz-tabs button small{white-space:nowrap}
@media (max-width:1180px){.fz-tabs button small{display:none}.fz-tabs button i{width:38px;height:38px;font-size:19px}}
@media (max-width:820px){.fz-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}.fz-tabs button{flex-direction:column;justify-content:center;text-align:center;gap:4px!important;padding:10px 4px!important}.fz-tabs button[data-t=fly]{grid-column:auto!important;background:transparent!important}.fz-tabs button.on{background:linear-gradient(135deg,#13233a,#1f3d63)!important}.fz-tabs button b{font-size:13px!important}.hm-today{grid-template-columns:1fr}.hm-c{min-height:120px}.hm-grid{grid-template-columns:1fr 1fr}}
@media (max-width:420px){.hm-grid{grid-template-columns:1fr}}
.pwa-m{position:fixed;inset:0;z-index:100002;background:rgba(8,16,30,.7);display:grid;place-items:end center;padding:16px}
.pwa-m>div{background:#fff;border-radius:20px;padding:18px;max-width:420px;width:100%;display:grid;gap:8px}
.pwa-m ol{margin:0;padding-left:20px;display:grid;gap:6px;font-size:14.5px}
.pwa-m button{font:inherit;font-weight:800;border:0;border-radius:12px;padding:12px;background:#006a4e;color:#fff;cursor:pointer}
.fz-inst{font:inherit;font-weight:700;font-size:13px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:#fff;border-radius:999px;padding:8px 14px;cursor:pointer;margin-left:auto}
.hm-c .hm-i{top:auto;left:auto;right:18px;top:16px;font-size:34px;z-index:1}
.hm-c:after{right:-40px;top:-40px}
@media (max-width:820px){.hm-today{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hm-c{min-height:118px;padding:12px;border-radius:18px}.hm-c .hm-i{right:10px;top:10px;font-size:22px}.hm-c b{font-size:16px}.hm-c em{font-size:11.5px}.hm-c small{font-size:10px}}
@media (max-width:420px){.hm-grid{grid-template-columns:1fr 1fr}.hm-t{padding:12px}.hm-t i{width:40px;height:40px;font-size:20px}.hm-t b{font-size:14px}.hm-t small{font-size:11.5px}}

/* ===== tab bar: colour per section ===== */
#quiz .fz-tabs{position:sticky;top:64px;z-index:5}
#quiz .fz-tabs button{--c1:#13233a;--c2:#1f3d63;--tint:#eef2f7;transition:transform .15s,background .2s}
#quiz .fz-tabs button[data-t=home]{--c1:#ff8a00;--c2:#f4511e;--tint:#fff1e0}
#quiz .fz-tabs button[data-t=fly]{--c1:#3a7bd5;--c2:#1e3a8a;--tint:#e8f1ff}
#quiz .fz-tabs button[data-t=learn]{--c1:#8b5cf6;--c2:#5b21b6;--tint:#f1ebff}
#quiz .fz-tabs button[data-t=games]{--c1:#f43f5e;--c2:#be123c;--tint:#ffe9ee}
#quiz .fz-tabs button[data-t=quiz]{--c1:#ec4899;--c2:#9d174d;--tint:#fde7f3}
#quiz .fz-tabs button[data-t=club]{--c1:#10b981;--c2:#047857;--tint:#e3f8ef}
#quiz .fz-tabs button i{background:var(--tint)!important;transition:transform .2s}
#quiz .fz-tabs button:hover i{transform:scale(1.08) rotate(-4deg)}
#quiz .fz-tabs button.on{background:linear-gradient(135deg,var(--c1),var(--c2))!important;color:#fff!important;box-shadow:0 10px 24px color-mix(in srgb,var(--c1) 40%,transparent)!important}
#quiz .fz-tabs button.on i{background:rgba(255,255,255,.22)!important}
#quiz .fz-tabs button.on small{color:rgba(255,255,255,.85)!important}
/* big welcome banner only on Start */
#quiz:not(.fz-t-home) .fz-hero{display:none}
#quiz:not(.fz-t-home) .qp-in{margin-top:0!important;padding-top:18px!important}
/* ===== section banners ===== */
.sx-hero{position:relative;overflow:hidden;border-radius:26px;padding:30px 30px 26px;margin:0 0 22px;color:#fff;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;box-shadow:0 22px 50px rgba(13,24,40,.2)}
.sx-hero:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-80px;top:-140px;background:rgba(255,255,255,.12)}
.sx-hero:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;left:38%;bottom:-120px;background:rgba(255,255,255,.08)}
.sx-in{position:relative;z-index:1}
.sx-tag{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);padding:6px 12px;border-radius:999px}
.sx-hero h2{margin:12px 0 6px;font-size:clamp(28px,4.4vw,44px);line-height:1.08;letter-spacing:-.02em;color:#fff}
.sx-hero p{margin:0;max-width:620px;font-size:15px;line-height:1.55;color:rgba(255,255,255,.92)}
.sx-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.sx-chips span{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);border-radius:14px;padding:8px 12px;font-size:12.5px;font-weight:600;display:grid;line-height:1.2}
.sx-chips b{font-size:20px;font-weight:800}
.sx-art{position:relative;z-index:1;font-size:96px;line-height:1;filter:drop-shadow(0 12px 24px rgba(0,0,0,.25));animation:sxf 4s ease-in-out infinite}
@keyframes sxf{50%{transform:translateY(-8px) rotate(-4deg)}}
.sx-learn{background:linear-gradient(135deg,#a78bfa,#6d28d9 55%,#3b0764)}
.sx-games{background:linear-gradient(135deg,#fb7185,#e11d48 55%,#7f1d1d)}
.sx-quiz{background:linear-gradient(135deg,#f472b6,#db2777 55%,#701a75)}
.sx-home{background:linear-gradient(135deg,#ffb547,#ff6a3d 55%,#b4231a)}
/* section accent on cards */
#fz-learn .lx-tools,#fz-learn .lx-voice{border-top:4px solid #8b5cf6!important}
#fz-games .gm-card:not(.gm-daily){border-top:4px solid #f43f5e!important}
#fz-quiz .qp-card:hover{border-color:#ec4899!important;box-shadow:0 12px 28px rgba(236,72,153,.15)!important}
#fz-quiz .qp-mode button.on{background:linear-gradient(135deg,#ec4899,#9d174d)!important;color:#fff!important}
/* ===== phone: app-style bottom navigation ===== */
@media (max-width:820px){
  #quiz .fz-tabs{position:fixed!important;left:0;right:0;bottom:0;top:auto!important;z-index:50;margin:0!important;border-radius:22px 22px 0 0!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:2px!important;padding:8px 6px calc(8px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(12px);box-shadow:0 -10px 30px rgba(13,24,40,.15)!important}
  #quiz .fz-tabs button{flex-direction:column!important;padding:6px 2px!important;gap:3px!important;border-radius:14px!important;background:transparent!important;box-shadow:none!important;grid-column:auto!important;min-width:0}
  #quiz .fz-tabs button i{width:36px!important;height:30px!important;border-radius:10px!important;font-size:18px!important;background:transparent!important}
  #quiz .fz-tabs button span{display:block!important;min-width:0}
  #quiz .fz-tabs button b{font-size:10.5px!important;font-weight:700!important;color:#5b6b80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
  #quiz .fz-tabs button small{display:none!important}
  #quiz .fz-tabs button.on{background:transparent!important;box-shadow:none!important}
  #quiz .fz-tabs button.on i{background:linear-gradient(135deg,var(--c1),var(--c2))!important;transform:translateY(-2px);box-shadow:0 6px 14px color-mix(in srgb,var(--c1) 45%,transparent)}
  #quiz .fz-tabs button.on b{color:var(--c1)!important}
  #quiz .qp-in{padding-bottom:110px!important}
  .sx-hero{grid-template-columns:1fr;padding:22px 18px 18px;border-radius:22px}
  .sx-art{position:absolute;right:14px;top:14px;font-size:54px}
  .sx-hero h2{padding-right:60px}
}
.g2-best{flex:none;font-size:12.5px;font-weight:800;background:#fff4dc;color:#8a5a00;border-radius:999px;padding:6px 10px}
.g2-clue{text-align:center;display:grid;gap:2px;background:#f6f8fb;border-radius:16px;padding:14px}
.g2-clue small{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#7b8798}
.g2-clue b{font-size:22px;color:#13233a}.g2-clue span{font-size:13px;color:#5b6b80}
.g2-ans{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}
.g2-ans span{width:38px;height:44px;border-radius:10px;border:2px dashed #c8d3e1;display:grid;place-items:center;font-size:20px;font-weight:800;color:#13233a;background:#fff}
.g2-ans.ok span{border:2px solid #0a8a64;background:#e6f4ef}.g2-ans.no span{border:2px solid #f42a41;background:#fde8eb}
.g2-tiles,.g2-words{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
.g2-tiles button{width:44px;height:48px;border-radius:12px;border:0;background:linear-gradient(135deg,#f43f5e,#be123c);color:#fff;font:inherit;font-size:20px;font-weight:800;cursor:pointer;box-shadow:0 4px 0 #881337;transition:transform .1s}
.g2-tiles button:active{transform:translateY(3px);box-shadow:0 1px 0 #881337}
.g2-tiles button:disabled,.g2-words button:disabled{opacity:.25;box-shadow:none}
.g2-words button{font:inherit;font-size:15px;font-weight:700;border:0;border-radius:12px;padding:10px 14px;background:linear-gradient(135deg,#8b5cf6,#5b21b6);color:#fff;cursor:pointer;box-shadow:0 4px 0 #3b0764}
.g2-line{min-height:54px;border-radius:14px;border:2px dashed #c8d3e1;padding:10px 12px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:16px;font-weight:700}
.g2-line i{color:#9aa7b8;font-weight:500;font-size:14px}
.g2-line span{background:#eef2f7;border-radius:8px;padding:4px 8px}
.g2-line.ok{border:2px solid #0a8a64;background:#f2faf6}.g2-line.no{border:2px solid #f42a41;background:#fff7f8}
.g2-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.g2-sc{margin-left:auto;font-size:13px;color:#5b6b80}.g2-sc b{color:#13233a;font-size:16px}
.g2-fb{margin:0;text-align:center;font-size:14px;border-radius:12px;padding:8px}.g2-fb.g{background:#e6f4ef;color:#00503b}.g2-fb.b{background:#fff4dc;color:#8a5a00}
.g2-start{text-align:center;display:grid;gap:10px;justify-items:center;padding:10px 0}.g2-start p{margin:0;color:#5b6b80}
.g2-top{display:flex;justify-content:space-between;font-size:12.5px;font-weight:800;color:#5b6b80}
.g2-big{font:inherit;font-size:44px;border:0;border-radius:20px;padding:18px;background:linear-gradient(135deg,#3a7bd5,#13233a);color:#fff;cursor:pointer;display:grid;gap:4px;justify-items:center}
.g2-big small{font-size:12px;font-weight:600;opacity:.85}
.g2-sign{display:grid;justify-items:center;gap:8px;padding:8px}
.g2-sign span{width:96px;height:86px;display:grid;place-items:center;font-size:42px;background:#ffd400;clip-path:polygon(50% 0,100% 100%,0 100%);padding-top:18px;box-sizing:border-box}
.g2-sign b{font-size:22px;background:#13233a;color:#ffd400;border-radius:10px;padding:6px 14px;letter-spacing:.02em}
.g2-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.g2-opts button{font:inherit;font-size:14.5px;font-weight:700;border:1px solid #e3e9f1;background:#fff;border-radius:14px;padding:12px;cursor:pointer;color:#13233a}
.g2-opts button:hover:not(:disabled){border-color:#f43f5e}
.g2-opts button.ok{background:#0a8a64;color:#fff;border-color:#0a8a64}.g2-opts button.no{background:#f42a41;color:#fff;border-color:#f42a41}
.g2-end{text-align:center;display:grid;gap:8px;justify-items:center;padding:10px 0}.g2-end b{font-size:44px;font-family:"IBM Plex Mono",monospace}.g2-end span{color:#41536b;font-weight:600}
.gm-sec{grid-column:1/-1;margin:10px 0 -6px;font-size:18px;display:flex;align-items:center;gap:8px}
.gm-sec small{font-size:13px;color:#5b6b80;font-weight:500}
.fz-back{font:inherit;display:inline-flex;align-items:center;gap:10px;border:0;background:#fff;color:#13233a;border-radius:999px;padding:8px 18px 8px 8px;margin:0 0 16px;cursor:pointer;font-size:14px;font-weight:600;box-shadow:0 6px 18px rgba(13,24,40,.1);transition:transform .15s}
.fz-back:hover{transform:translateX(-3px)}
.fz-back i{font-style:normal;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#13233a;color:#fff;font-size:16px}
.fz-back b{font-weight:800}
.fz-back[hidden]{display:none}
@media (max-width:820px){.fz-back{position:sticky;top:72px;z-index:6;margin:0 0 12px}}
#lx-dash{--f1:#13233a;--f2:#3a7bd5;--f3:#fff;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:18px;background:#0f1c2f;color:#fff;border-radius:26px;padding:24px;margin:0 0 16px;box-shadow:0 22px 50px rgba(13,24,40,.22)}
.ld-flag{position:absolute;inset:0;display:flex;opacity:.32;transform:skewX(-12deg) scale(1.3);transform-origin:right}
.ld-flag i{flex:1}.ld-flag i:nth-child(1){background:var(--f1)}.ld-flag i:nth-child(2){background:var(--f2)}.ld-flag i:nth-child(3){background:var(--f3)}
#lx-dash:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,28,47,.96) 35%,rgba(15,28,47,.55))}
.ld-main,.ld-side{position:relative;z-index:1;min-width:0}
.ld-top{display:flex;gap:14px;align-items:center}
.ld-emoji{font-size:58px;line-height:1;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}
.ld-top small{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7ff0b5}
.ld-top h3{margin:2px 0;font-size:30px;color:#fff}.ld-top p{margin:0;color:#cfdbea;font-size:13.5px}
.ld-hello{display:inline-flex;align-items:center;gap:12px;margin:16px 0;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:10px 10px 10px 16px}
.ld-hello b{font-size:22px}.ld-hello span{font-size:12px;color:#9fc9ea}
.ld-say{border:0;width:38px;height:38px;border-radius:50%;background:#fff;cursor:pointer;font-size:16px}
.ld-acts{display:flex;gap:10px;flex-wrap:wrap}
.ld-go{font:inherit;text-align:left;border:0;border-radius:16px;padding:12px 18px;background:linear-gradient(135deg,#a78bfa,#6d28d9);color:#fff;font-weight:800;font-size:16px;cursor:pointer;display:grid;box-shadow:0 10px 24px rgba(109,40,217,.45);transition:transform .15s}
.ld-go:hover{transform:translateY(-2px)}.ld-go small{font-weight:600;font-size:12px;opacity:.85}
.ld-go2{font:inherit;border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:12px 18px;background:rgba(255,255,255,.08);color:#fff;font-weight:700;cursor:pointer}
.ld-side{display:grid;gap:10px;justify-items:center;align-content:center;text-align:center}
.ld-ring{position:relative;width:120px;height:120px}.ld-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ld-ring circle{fill:none;stroke-width:8}.ld-ring .t{stroke:rgba(255,255,255,.14)}.ld-ring .v{stroke:#7ff0b5;stroke-linecap:round;transition:stroke-dashoffset .6s}
.ld-ring div{position:absolute;inset:0;display:grid;place-content:center}.ld-ring b{font-size:30px;font-family:"IBM Plex Mono",monospace}.ld-ring small{font-size:11px;color:#9fc9ea}
.ld-lv{display:grid}.ld-lv span{justify-self:center;background:#ffd400;color:#13233a;font-weight:900;border-radius:8px;padding:2px 10px;font-size:13px}.ld-lv b{font-size:16px;margin-top:4px}.ld-lv small{color:#9fc9ea;font-size:12px}
.ld-today{font-size:12.5px;background:rgba(255,255,255,.1);border-radius:999px;padding:5px 12px;color:#cfdbea}.ld-today b{color:#fff}
/* language picker */
#fz-learn .lx-tabs button{padding:10px 14px!important;border:1px solid #e3e9f1!important;box-shadow:0 2px 6px rgba(13,24,40,.04)}
#fz-learn .lx-tabs button span:first-child{font-size:22px}
#fz-learn .lx-tabs button.on{background:linear-gradient(135deg,#8b5cf6,#5b21b6)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 8px 20px rgba(109,40,217,.35)}
/* topic tiles */
#lx-cats{gap:8px!important;padding:2px 2px 8px!important}
#lx-cats button{position:relative;overflow:hidden;display:flex!important;align-items:center;gap:8px;padding:8px 14px 8px 8px!important;border-radius:14px!important;background:#fff!important;border:1px solid #e3e9f1!important;color:#13233a!important}
#lx-cats button i{font-style:normal;width:32px;height:32px;border-radius:10px;background:#f1ebff;display:grid;place-items:center;font-size:17px}
#lx-cats button span{display:grid;text-align:left;font-size:13px;font-weight:700;line-height:1.15}
#lx-cats button small{font-size:10.5px;color:#7b8798;font-weight:600}
#lx-cats button em{position:absolute;left:0;bottom:0;height:3px;background:#8b5cf6}
#lx-cats button.on{background:linear-gradient(135deg,#8b5cf6,#5b21b6)!important;color:#fff!important;border-color:transparent!important}
#lx-cats button.on i{background:rgba(255,255,255,.2)}#lx-cats button.on small{color:#e9ddff}#lx-cats button.on em{background:#7ff0b5}
/* word cards */
#lx-grid .lx-card{border-radius:18px!important;padding-top:40px!important;transition:transform .2s,box-shadow .2s}
#lx-grid .lx-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(109,40,217,.14)!important}
.lx-tg{position:absolute;top:12px;left:12px;width:28px;height:28px;border-radius:9px;background:#f1ebff;display:grid;place-items:center;font-size:15px}
#lx-grid .lx-card .lx-ph{font-size:22px!important;color:#5b21b6!important}
#lx-grid .lx-card.kn{background:linear-gradient(180deg,#f2faf6,#fff)!important;border-color:#b7e2d0!important}
#lx-grid .lx-card.kn .lx-tg{background:#006a4e;color:#fff}
.lx-kn{font:inherit;font-size:12px;font-weight:700;padding:6px 11px;border-radius:999px;border:1px solid #d6dee9;background:#fff;color:#5b6b80;cursor:pointer}
.lx-kn.on{background:#006a4e;border-color:#006a4e;color:#fff}
/* flashcards */
#fc-modal{position:fixed;inset:0;z-index:100000;background:rgba(8,16,30,.78);backdrop-filter:blur(6px);display:grid;place-items:center;padding:16px}
#fc-modal[hidden]{display:none}
.fc{position:relative;width:min(440px,100%);display:grid;gap:14px;color:#fff}
.fc-x{position:absolute;top:-6px;right:0;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.16);color:#fff;font-size:16px;cursor:pointer;z-index:2}
.fc-top{display:flex;justify-content:space-between;font-size:13px;font-weight:800;padding-right:46px;color:#cfdbea}
.fc-bar{display:block;height:8px;border-radius:8px;background:rgba(255,255,255,.15);overflow:hidden}.fc-bar i{display:block;height:100%;background:linear-gradient(90deg,#a78bfa,#7ff0b5);transition:width .3s}
.fc-card{position:relative;height:300px;perspective:1200px;cursor:pointer;outline:0}
.fc-f,.fc-b{position:absolute;inset:0;border-radius:26px;display:grid;place-content:center;justify-items:center;gap:8px;text-align:center;padding:24px;backface-visibility:hidden;transition:transform .55s cubic-bezier(.3,1.2,.5,1);box-shadow:0 24px 50px rgba(0,0,0,.35)}
.fc-f{background:linear-gradient(145deg,#a78bfa,#6d28d9 60%,#3b0764)}
.fc-b{background:#fff;color:#13233a;transform:rotateY(180deg)}
.fc-card.flip .fc-f{transform:rotateY(-180deg)}.fc-card.flip .fc-b{transform:rotateY(0)}
.fc-f small,.fc-b small{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.75}
.fc-f b{font-size:40px;line-height:1.15}.fc-f i{font-size:16px;opacity:.85}
.fc-b b{font-size:30px}.fc-b span{font-size:18px;color:#41536b}.fc-b em{font-style:normal;color:#6d28d9;font-weight:700;margin-top:6px}
.fc-btns{display:grid;grid-template-columns:1fr auto 1fr;gap:10px}
.fc-btns button{font:inherit;font-weight:800;font-size:15px;border:0;border-radius:16px;padding:14px;cursor:pointer}
.fc-a{background:rgba(255,255,255,.16);color:#fff}.fc-k{background:#0a8a64;color:#fff;box-shadow:0 8px 20px rgba(10,138,100,.4)}.fc-s{background:#fff;width:52px}
.fc-end{background:#13233a;border-radius:26px;padding:28px 22px;text-align:center;justify-items:center}
.fc-end h3{margin:0;font-size:26px}.fc-end p{margin:0;color:#cfdbea;line-height:1.6}.fc-big{font-size:64px}
.fc-end .fc-btns{grid-template-columns:1fr 1fr;width:100%}.fc-end .fc-x{position:static;width:auto;height:auto;border-radius:16px;background:rgba(255,255,255,.16)}
@media (max-width:760px){#lx-dash{grid-template-columns:1fr;padding:20px}.ld-side{grid-template-columns:auto 1fr;justify-items:start;text-align:left;align-items:center}.ld-ring{width:96px;height:96px;grid-row:span 2}.ld-ring b{font-size:24px}.ld-today{grid-column:1/-1;justify-self:start}.ld-top h3{font-size:24px}.ld-emoji{font-size:44px}.ld-acts>*{flex:1}}
.lx-h{margin:0 0 10px;font-size:17px}
#fz-learn,#fz-learn .lx,#fz-learn .lx>*,#fz-learn .lx-tools,#fz-learn .lx-tools>*{min-width:0;max-width:100%}
#lx-cats{width:100%;overflow-x:auto!important;flex-wrap:nowrap!important}
#lx-cats button{flex:none!important}
.bp-live{background:linear-gradient(135deg,#eef6ff,#f6f0ff);border-radius:14px;padding:12px;display:grid;gap:6px}
.bp-live b{font-size:14px}.bp-live small{color:#5b6b80;font-size:12px}
.bp-live div{display:flex;flex-wrap:wrap;gap:6px}
.bp-live a{display:inline-flex;gap:6px;align-items:center;text-decoration:none;font-weight:800;font-size:13px;color:#fff;background:#13233a;border-radius:999px;padding:7px 12px}
.bp-live a span{font-weight:600;color:#9fc9ea;font-size:12px}

/* ---- shared avatar ---- */
.sx-av{flex:none;display:inline-grid;place-items:center;border-radius:50%;color:#fff;font-weight:800;width:40px;height:40px;font-size:14px}
.sx-av.sm{width:38px;height:38px;font-size:13px}.sx-av.md{width:50px;height:50px;font-size:17px}.sx-av.lg{width:84px;height:84px;font-size:28px}
/* ---- live room ---- */
#lv-room{position:fixed;inset:0;z-index:100003;background:radial-gradient(800px 500px at 20% 0,#1f5f8b,transparent),radial-gradient(700px 500px at 100% 100%,#047857,transparent),#0b1422;display:grid;place-items:center;padding:16px;color:#fff;animation:cbmf .25s}
#lv-room[hidden]{display:none}
.lr{width:min(720px,100%);display:grid;gap:18px}
.lr-hd{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.lr-hd>div{display:grid;gap:3px}.lr-hd b{font-size:24px}.lr-hd small{color:#9fc9ea}
.lr-live{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;letter-spacing:.08em;background:#f42a41;border-radius:999px;padding:4px 10px;justify-self:start;font-family:"IBM Plex Mono",monospace}
.lr-live i{width:8px;height:8px;border-radius:50%;background:#fff;animation:lrb 1s infinite}
@keyframes lrb{50%{opacity:.2}}
.lr-min,.lr-x{width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:18px;cursor:pointer}
.lr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}
.lr-p{--lv:0;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:20px 10px;display:grid;justify-items:center;gap:8px;text-align:center;transition:border-color .2s}
.lr-p .sx-av{box-shadow:0 0 0 calc(3px + var(--lv)*12px) rgba(127,240,181,calc(var(--lv)*.6));transition:box-shadow .08s}
.lr-p.spk{border-color:#7ff0b5}
.lr-p b{font-size:15px}.lr-p small{font-size:12px;color:#9fc9ea}
.lr-msg{margin:0;text-align:center;color:#cfdbea;font-size:14px}
.lr-off{color:#cfdbea}
.lr-ctl{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.lr-ctl button{font:inherit;font-weight:800;font-size:15px;border:0;border-radius:999px;padding:14px 22px;cursor:pointer;background:rgba(255,255,255,.14);color:#fff;min-width:130px}
.lr-ctl .lr-mu.on{background:#fff;color:#13233a}.lr-ctl .lr-end{background:#f42a41}
#lr-pill{position:fixed;left:50%;transform:translateX(-50%);top:76px;z-index:100002;font:inherit;font-weight:800;font-size:13px;border:0;border-radius:999px;padding:9px 16px;background:#f42a41;color:#fff;box-shadow:0 10px 24px rgba(244,42,65,.4);cursor:pointer;display:flex;align-items:center;gap:8px}
#lr-pill[hidden]{display:none}#lr-pill i{width:8px;height:8px;border-radius:50%;background:#fff;animation:lrb 1s infinite}
.lv-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;color:#fff;background:#f42a41;border-radius:999px;padding:3px 9px;margin-right:6px;vertical-align:2px}
.lv-badge i{width:6px;height:6px;border-radius:50%;background:#fff;animation:lrb 1s infinite}
.cbm-dm{width:100%;font:inherit;font-weight:800;padding:13px;border-radius:14px;border:0;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;cursor:pointer;margin-bottom:8px;font-size:15px}
/* ---- chat button & panel ---- */
#dm-fab{position:fixed;right:22px;bottom:24px;z-index:60;width:60px;height:60px;border-radius:50%;border:0;cursor:pointer;color:#fff;background:linear-gradient(135deg,#8b5cf6,#5b21b6);box-shadow:0 14px 30px rgba(91,33,182,.45);display:grid;place-items:center;transition:transform .2s}
#dm-fab:hover{transform:scale(1.07) rotate(-6deg)}
#dm-fab.has{animation:dmw 2.4s infinite}
@keyframes dmw{0%,100%{transform:none}10%{transform:rotate(-12deg)}20%{transform:rotate(10deg)}30%{transform:none}}
#dm-fab b{position:absolute;top:-2px;right:-2px;min-width:22px;height:22px;border-radius:999px;background:#f42a41;color:#fff;font-size:12px;display:grid;place-items:center;padding:0 5px;border:2px solid #fff}
#dm-fab b[hidden]{display:none}
#quiz[hidden] #dm-fab{display:none}
#dm-panel{position:fixed;right:22px;bottom:96px;z-index:100001;width:min(400px,calc(100vw - 24px));height:min(640px,calc(100vh - 130px));background:#fff;border-radius:24px;box-shadow:0 30px 80px rgba(13,24,40,.35);overflow:hidden;animation:dmin .25s cubic-bezier(.3,1.3,.5,1)}
#dm-panel[hidden]{display:none}
@keyframes dmin{from{transform:translateY(20px) scale(.96);opacity:0}}
.dm{display:flex;flex-direction:column;height:100%}
.dm-hd{display:flex;align-items:center;gap:10px;padding:14px 14px 12px;background:linear-gradient(135deg,#8b5cf6,#5b21b6);color:#fff}
.dm-hd>div{flex:1;min-width:0;display:grid}.dm-hd b{font-size:18px}.dm-hd small{font-size:12px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-x,.dm-bk,.dm-call{flex:none;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.18);color:#fff;font-size:16px;cursor:pointer}
.dm-t .dm-hd b{font-size:16px}
.dm-s{padding:10px 12px;border-bottom:1px solid #eef2f7}
.dm-s input{width:100%;box-sizing:border-box;font:inherit;font-size:14px;padding:10px 14px;border-radius:999px;border:1px solid #e3e9f1;background:#f6f8fb}
.dm-list{flex:1;overflow:auto}
.dm-row{font:inherit;width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:0;background:#fff;padding:10px 14px;cursor:pointer;border-bottom:1px solid #f3f5f8}
.dm-row:hover{background:#f8f6ff}
.dm-mid{flex:1;min-width:0;display:grid}.dm-mid b{font-size:15px;color:#13233a}.dm-mid small{font-size:13px;color:#7b8798;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-row.un .dm-mid small{color:#13233a;font-weight:700}
.dm-end{flex:none;display:grid;justify-items:end;gap:4px}.dm-end small{font-size:11.5px;color:#9aa7b8}.dm-end i{font-style:normal;min-width:20px;height:20px;border-radius:999px;background:#25d366;color:#fff;font-size:11.5px;font-weight:800;display:grid;place-items:center;padding:0 5px}
.dm-empty,.dm-hello{text-align:center;padding:40px 20px;display:grid;gap:8px;justify-items:center;color:#5b6b80}.dm-empty div{font-size:44px}.dm-empty b,.dm-hello b{color:#13233a;font-size:16px}.dm-empty p,.dm-hello p{margin:0;font-size:13.5px}
.dm-off{margin:0;font-size:12.5px;background:#fff8e6;color:#8a5a00;padding:8px 14px}
.dm-err{margin:0;font-size:12.5px;background:#fde8eb;color:#c81d34;padding:8px 14px}
.dm-msgs{flex:1;overflow:auto;padding:14px 12px;display:flex;flex-direction:column;gap:6px;background:#efeae2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Ctext x='8' y='30' font-size='16' opacity='.06'%3E✈%3C/text%3E%3Ctext x='38' y='54' font-size='14' opacity='.06'%3E💬%3C/text%3E%3C/svg%3E")}
.dm-day{align-self:center;font-size:11.5px;font-weight:700;background:#fff;color:#5b6b80;border-radius:8px;padding:4px 10px;margin:6px 0;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.dm-b{max-width:78%;align-self:flex-start;background:#fff;border-radius:4px 16px 16px 16px;padding:7px 10px 5px;box-shadow:0 1px 2px rgba(0,0,0,.08);animation:dmb .2s}
@keyframes dmb{from{transform:translateY(6px);opacity:0}}
.dm-b.me{align-self:flex-end;background:#dcf8c6;border-radius:16px 4px 16px 16px}
.dm-b p{margin:0;font-size:14.5px;line-height:1.4;word-break:break-word;color:#13233a}
.dm-b small{display:block;text-align:right;font-size:10.5px;color:#7b8798;margin-top:2px}.dm-b small i{font-style:normal;color:#9aa7b8}.dm-b small i.seen{color:#34b7f1}
.dm-qr{display:flex;gap:6px;overflow-x:auto;padding:8px 10px;background:#fff;border-top:1px solid #eef2f7;scrollbar-width:none}
.dm-qr button{flex:none;font:inherit;font-size:12.5px;font-weight:600;border:1px solid #e3e9f1;background:#f8f6ff;color:#5b21b6;border-radius:999px;padding:6px 11px;cursor:pointer}
.dm-f{display:flex;gap:8px;padding:8px 10px 10px;background:#fff}
.dm-f input{flex:1;min-width:0;font:inherit;font-size:15px;padding:12px 16px;border-radius:999px;border:1px solid #e3e9f1;background:#f6f8fb}
.dm-f button{flex:none;width:46px;height:46px;border-radius:50%;border:0;background:#25d366;color:#fff;cursor:pointer;display:grid;place-items:center}
@media (max-width:820px){#dm-fab{right:14px;bottom:96px;width:54px;height:54px}#dm-panel{inset:0;width:auto;height:auto;border-radius:0;right:0;bottom:0}.lr-grid{grid-template-columns:repeat(2,1fr)}.lr-ctl button{min-width:0;flex:1;padding:14px 10px}}
.rv{opacity:0;transform:translateY(22px) scale(.985);transition:opacity .55s ease var(--rd,0ms),transform .55s cubic-bezier(.2,.8,.2,1) var(--rd,0ms)}
.rv.rv-in{opacity:1;transform:none}
.tab-in{animation:tabin .45s cubic-bezier(.2,.8,.2,1)}
@keyframes tabin{from{opacity:0;transform:translateY(14px)}}
.rp{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:rgba(255,255,255,.55);pointer-events:none;animation:rp .6s ease-out forwards;z-index:3}
@keyframes rp{to{transform:scale(28);opacity:0}}
#quiz .gm-go,#quiz .hm-t,#quiz .hm-c{transition:transform .15s,box-shadow .2s,filter .2s}
#quiz .gm-go:active,#quiz .hm-t:active,#quiz .hm-c:active{transform:scale(.97)}
.hm-c .hm-i{animation:hmf 4s ease-in-out infinite}.hm-day .hm-i{animation-delay:.6s}.hm-club .hm-i{animation-delay:1.2s}
@keyframes hmf{50%{transform:translateY(-5px) rotate(-6deg)}}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.tab-in,.hm-c .hm-i,.sx-art,.fyh-pl span,.fyh-cl,.fyh-snow{animation:none!important}}
.jy-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0 6px;border-bottom:1px solid #eef2f7;margin-bottom:4px}
.jy-top b{font-size:15px}
.jy-edit{font:inherit;font-size:13.5px;font-weight:800;border:0;border-radius:999px;padding:9px 16px;cursor:pointer;color:#fff;background:linear-gradient(135deg,#3a7bd5,#1e3a8a);box-shadow:0 6px 16px rgba(58,123,213,.35);transition:transform .15s}
.jy-edit:hover{transform:translateY(-1px)}
.jy-help summary em{font-style:normal;font-weight:600;font-size:12px;color:#b0874a;margin-left:6px}.jy-help[open] summary em{display:none}
.fy-opt{font-weight:500;color:#9aa7b8}
.gt{display:inline-block;font-weight:800;color:#fff;background:#13233a;border-radius:6px;padding:1px 7px;font-size:11.5px;letter-spacing:.03em}
.gt-add{font:inherit;font-size:11.5px;font-weight:700;border:1px dashed #9fc9ea;background:#f3f8ff;color:#1f5f8b;border-radius:999px;padding:1px 8px;cursor:pointer}
.gt-a{font-size:10px;font-weight:800;color:#006a4e;background:#e6f4ef;border-radius:5px;padding:1px 5px;margin-left:3px;text-transform:uppercase}
.gt.gt-tm{background:#1f5f8b}
.fst{display:inline-block;font-size:11px;font-weight:800;border-radius:6px;padding:1px 7px;margin-left:4px}
.fst.ok{background:#e6f4ef;color:#006a4e}.fst.dl{background:#fff4dc;color:#8a5a00}.fst.cx{background:#fde8eb;color:#c81d34}.fst.bd{background:#e8f1ff;color:#1f5f8b;animation:lrb 1.2s infinite}

.ac-chip{margin-left:auto;font:inherit;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:4px 14px 4px 4px;cursor:pointer;font-size:13.5px;font-weight:700;transition:background .2s}
.ac-chip:hover{background:rgba(255,255,255,.16)}
.ac-av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#006a4e;color:#fff;font-size:12px;font-weight:800;flex:none}
.ac-av.g{background:rgba(255,255,255,.18);font-size:15px}
.ac-chip:not(.in){background:linear-gradient(135deg,#006a4e,#0a8a64);border-color:transparent}
#ac-m{position:fixed;inset:0;z-index:100004;background:rgba(8,16,30,.72);backdrop-filter:blur(6px);display:grid;place-items:center;padding:16px;animation:cbmf .2s}
#ac-m[hidden]{display:none}
.ac{position:relative;width:min(420px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#fff;border-radius:26px;padding:28px 22px 20px;box-shadow:0 30px 80px rgba(0,0,0,.35);animation:dmin .3s cubic-bezier(.3,1.3,.5,1);display:grid;gap:14px}
.ac-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:0;background:#eef2f7;cursor:pointer;font-size:15px}
.ac-hd{text-align:center;display:grid;justify-items:center;gap:6px}
.ac-logo{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#13233a,#1f5f8b);display:grid;place-items:center;font-size:32px;box-shadow:0 10px 24px rgba(19,35,58,.3)}
.ac-hd h3{margin:6px 0 0;font-size:22px;color:#13233a}.ac-hd p{margin:0;color:#5b6b80;font-size:14px;line-height:1.5}
.ac-btns{display:grid;gap:10px}
.ac-b{font:inherit;font-weight:800;font-size:15px;text-align:left;display:flex;align-items:center;gap:12px;border:0;border-radius:14px;padding:13px 16px;cursor:pointer;color:#fff;transition:transform .15s,filter .2s}
.ac-b:hover{transform:translateY(-1px);filter:brightness(1.05)}
.ac-b i{font-style:normal;width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.2);display:grid;place-items:center;font-size:16px;font-weight:900}
.ac-b.fb{background:#1877f2}.ac-b.fb i{font-family:Georgia,serif;font-size:20px}
.ac-b.gg{background:#fff;color:#1f1f1f;border:1px solid #dadce0}.ac-b.gg i{background:#fff}.ac-gbox{display:grid;justify-items:center;gap:8px}.ac-b.em{background:#13233a}.ac-b.wa{background:#25d366}
.ac-or{display:flex;align-items:center;gap:10px;color:#9aa7b8;font-size:12px;font-weight:700}.ac-or:before,.ac-or:after{content:"";flex:1;height:1px;background:#e3e9f1}
.ac-guest{font:inherit;font-weight:700;font-size:15px;border:1px solid #d6dee9;background:#fff;color:#13233a;border-radius:14px;padding:12px;cursor:pointer}
.ac-small{margin:0;text-align:center;font-size:12px;color:#7b8798}
.ac-err{margin:0;background:#fde8eb;color:#c81d34;border-radius:12px;padding:10px 12px;font-size:13px}
.ac-f{display:grid;gap:10px}
.ac-f label{display:grid;gap:5px;font-size:12.5px;font-weight:700;color:#41536b}
.ac-f label small{font-weight:500;color:#9aa7b8}
.ac-f input,.ac-f select{font:inherit;font-size:16px;padding:12px 14px;border-radius:12px;border:1px solid #d6dee9;background:#f6f8fb;min-width:0;width:100%;box-sizing:border-box}
.ac-ph{display:flex;gap:6px}.ac-ph select{width:auto;flex:none}
.ac-go,.ac-go2{font:inherit;font-weight:800;font-size:15px;border:0;border-radius:14px;padding:13px;cursor:pointer;background:#006a4e;color:#fff}
.ac-go2{background:#eef2f7;color:#13233a}
.ac-back{font:inherit;border:0;background:none;color:#1f5f8b;font-weight:700;cursor:pointer;font-size:13.5px}
.ac-code{display:flex;gap:8px;justify-content:center}
.ac-code input{width:46px!important;height:56px;text-align:center;font-size:24px!important;font-weight:800;padding:0!important}
.ac-ok{text-align:center;display:grid;gap:8px;justify-items:center}.ac-big{font-size:56px}.ac-ok h3{margin:0;font-size:24px}.ac-ok p{margin:0;color:#5b6b80}
.ac-ok .ac-go{width:100%}
.ac-info{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ac-info li{display:flex;justify-content:space-between;gap:10px;background:#f6f8fb;border-radius:10px;padding:9px 12px;font-size:13.5px}.ac-info span{color:#5b6b80;font-weight:700}
.ac-row{display:grid;grid-template-columns:1fr auto;gap:8px}
.pf-hd{display:flex;gap:14px;align-items:center;padding-right:36px}.pf-hd h3{margin:0;font-size:21px;color:#13233a}.pf-hd p{margin:3px 0 0;color:#5b6b80;font-size:13px;line-height:1.45}
.pf-ring{--p:0;flex:none;width:62px;height:62px;border-radius:50%;background:conic-gradient(#006a4e calc(var(--p)*1%),#e6ecf3 0);display:grid;place-items:center}.pf-ring span{width:48px;height:48px;border-radius:50%;background:#fff;display:grid;place-items:center;font-weight:800;font-size:13px;color:#006a4e}
.pf-vis{background:#f6f8fb;border-radius:16px;padding:12px;display:grid;gap:8px}.pf-vh{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:12.5px;font-weight:700;color:#41536b}.pf-vc{font-weight:600;color:#5b6b80}.pf-vc b{color:#006a4e;font-size:15px}
.pf-bar{height:6px;border-radius:6px;background:#e3e9f1;overflow:hidden}.pf-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#10b981,#0ea5e9,#8b5cf6);transition:width .5s cubic-bezier(.3,1.3,.5,1)}
.pf-chips{display:flex;flex-wrap:wrap;gap:6px}.pf-chips:empty{display:none}.pf-ch{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #d6dee9;border-radius:999px;padding:5px 6px 5px 11px;font-size:13px;font-weight:600;animation:dmin .3s both}
.pf-ch button{border:0;background:#eef2f7;width:22px;height:22px;border-radius:50%;cursor:pointer;font-size:10px;line-height:1}
.pf-ad{position:relative}.pf-ad input{font:inherit;font-size:16px;padding:11px 13px;border-radius:12px;border:1px dashed #b9c6d6;background:#fff;width:100%;box-sizing:border-box}
.pf-dd{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:5;list-style:none;margin:0;padding:6px;background:#fff;border-radius:14px;box-shadow:0 16px 40px rgba(13,24,40,.2);max-height:240px;overflow:auto}.pf-dd li{padding:10px;border-radius:10px;cursor:pointer;font-size:14.5px}.pf-dd li:hover{background:#eaf6f1}.pf-dd li.no{color:#9aa7b8;cursor:default}
.pf-qk{display:flex;gap:6px;flex-wrap:wrap}.pf-qk button{font:inherit;font-size:12px;border:0;background:#e6ecf3;color:#41536b;border-radius:999px;padding:5px 10px;cursor:pointer}
.pf-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pf-pp{display:flex;gap:6px}.pf-pp button{flex:none;width:48px;border:1px solid #d6dee9;background:#f6f8fb;border-radius:12px;cursor:pointer;font-size:18px}
#pf-pp{letter-spacing:.12em;font-weight:700}.pf-lock{margin:0;font-size:12px;color:#41536b;background:#eaf6f1;border-radius:10px;padding:9px 12px}.pf-warn{background:#fff4e0;color:#8a5300;border-radius:10px;padding:9px 12px;font-size:12.5px;line-height:1.5}
.ac-chip[data-pc]:not([data-pc="100"]) .ac-av{box-shadow:0 0 0 2px #ff9f1c}
.ac-out{font:inherit;font-weight:700;border:1px solid #f4a3ad;background:#fff;color:#c81d34;border-radius:14px;padding:12px 16px;cursor:pointer}
@media (max-width:520px){.ac-nm{display:none}.ac-chip{padding:4px}}

.fz-tabs{grid-template-columns:repeat(7,minmax(0,1fr))!important}
@media (max-width:1180px) and (min-width:821px){.fz-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
#quiz .fz-tabs{grid-template-columns:repeat(7,minmax(0,1fr))!important}
@media (max-width:820px){#quiz .fz-tabs button b{font-size:10.5px!important;letter-spacing:-.01em}}
.sx-tr{background:radial-gradient(120% 140% at 0% 0%,#1d4ed8 0%,#4338ca 45%,#7c3aed 100%)!important;position:relative;overflow:hidden}
.tr-orb{position:absolute;right:4%;top:50%;width:170px;height:170px;transform:translateY(-50%);pointer-events:none}
.tr-orb span{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px;border-radius:16px;background:rgba(255,255,255,.14);backdrop-filter:blur(4px);display:grid;place-items:center;color:#fff;font-weight:800;font-size:22px;animation:trorb 14s linear infinite}
.tr-orb span:nth-child(2){animation-delay:-2.33s}.tr-orb span:nth-child(3){animation-delay:-4.66s}.tr-orb span:nth-child(4){animation-delay:-7s}.tr-orb span:nth-child(5){animation-delay:-9.33s}.tr-orb span:nth-child(6){animation-delay:-11.66s}
@keyframes trorb{from{transform:rotate(0) translateX(70px) rotate(0)}to{transform:rotate(360deg) translateX(70px) rotate(-360deg)}}
@media (max-width:720px){.tr-orb{display:none}}
.tr-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0 12px}
.tr-modes button{font:inherit;border:1px solid #dfe6ef;background:#fff;border-radius:16px;padding:12px 6px;cursor:pointer;display:grid;justify-items:center;gap:4px;color:#13233a;transition:all .2s;box-shadow:0 4px 14px rgba(13,24,40,.05)}
.tr-modes button i{font-style:normal;font-size:22px}.tr-modes button b{font-size:13px}
.tr-modes button.on{background:linear-gradient(135deg,#4338ca,#7c3aed);color:#fff;border-color:transparent;box-shadow:0 10px 24px rgba(79,70,229,.35);transform:translateY(-2px)}
.tr-langs{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;background:#fff;border-radius:18px;padding:8px;box-shadow:0 8px 24px rgba(13,24,40,.08);margin-bottom:14px}
.tr-langs select{font:inherit;font-weight:700;font-size:15px;padding:12px;border-radius:12px;border:0;background:#f3f5fa;color:#13233a;min-width:0;width:100%}
#tr-sw{width:44px;height:44px;border-radius:50%;border:0;background:#13233a;color:#fff;font-size:18px;cursor:pointer}#tr-sw.spin{animation:trsp .4s}@keyframes trsp{to{transform:rotate(180deg)}}
.tr-p{display:grid;gap:12px}
.tr-conv{background:#fff;border-radius:22px;min-height:300px;max-height:52vh;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 8px 24px rgba(13,24,40,.08)}
.tr-empty{margin:auto;text-align:center;max-width:380px;color:#5b6b80}.tr-empty div{font-size:46px}.tr-empty>b{display:block;color:#13233a;font-size:17px;margin:6px 0}.tr-empty p b{color:#13233a}.tr-empty p{margin:0;font-size:14px;line-height:1.55}
.tr-msg{max-width:84%;border-radius:18px;padding:10px 14px;animation:dmin .3s}
.tr-msg.me{align-self:flex-end;background:#eef2ff;border-bottom-right-radius:6px}.tr-msg.them{align-self:flex-start;background:#ecfdf5;border-bottom-left-radius:6px}
.tr-o{font-size:13px;color:#5b6b80}.tr-x{font-size:18px;font-weight:700;color:#13233a;margin-top:3px;line-height:1.35}
.tr-ma{display:flex;gap:4px;margin-top:6px}.tr-ma button{border:0;background:rgba(255,255,255,.8);border-radius:8px;width:32px;height:28px;cursor:pointer}
.tr-live{display:flex;align-items:center;gap:12px;background:#13233a;color:#fff;border-radius:16px;padding:12px 16px;font-weight:600}.tr-live.them{background:#065f46}
.tr-wave{display:flex;gap:3px;align-items:center;height:22px}.tr-wave i{width:4px;background:#fff;border-radius:3px;animation:trw 1s ease-in-out infinite}.tr-wave i:nth-child(2){animation-delay:.1s}.tr-wave i:nth-child(3){animation-delay:.2s}.tr-wave i:nth-child(4){animation-delay:.3s}.tr-wave i:nth-child(5){animation-delay:.4s}
@keyframes trw{0%,100%{height:5px}50%{height:22px}}
.tr-mics{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tr-mic{font:inherit;border:0;border-radius:22px;padding:16px 10px;cursor:pointer;color:#fff;display:grid;justify-items:center;gap:4px;transition:transform .15s}
.tr-mic.me{background:linear-gradient(135deg,#4338ca,#6366f1)}.tr-mic.them{background:linear-gradient(135deg,#047857,#10b981)}
.tr-mic-b{width:62px;height:62px;border-radius:50%;background:rgba(255,255,255,.2);display:grid;place-items:center;font-size:28px}
.tr-mic b{font-size:14px}.tr-mic small{opacity:.85;font-size:12px}.tr-mic:active{transform:scale(.97)}
.tr-mic.rec .tr-mic-b{background:#ef4444;animation:trpulse 1.2s infinite}@keyframes trpulse{0%{box-shadow:0 0 0 0 rgba(239,68,68,.6)}100%{box-shadow:0 0 0 22px rgba(239,68,68,0)}}
.tr-vopts{display:flex;justify-content:space-between;align-items:center;font-size:13.5px;color:#41536b;gap:10px;flex-wrap:wrap}
.tr-lnk{font:inherit;border:0;background:none;color:#4338ca;font-weight:700;cursor:pointer;font-size:13px}
.tr-note{margin:0;background:#fff4e0;color:#8a5300;border-radius:12px;padding:10px 12px;font-size:13px}
.tr-box,.tr-out{background:#fff;border-radius:20px;box-shadow:0 8px 24px rgba(13,24,40,.08);overflow:hidden}
#tr-in{width:100%;box-sizing:border-box;min-height:140px;border:0;padding:16px;font:inherit;font-size:18px;resize:vertical;outline:none;color:#13233a}
.tr-bar{display:flex;align-items:center;gap:6px;padding:8px 10px;border-top:1px solid #eef2f7}.tr-bar span{margin-right:auto;font-size:12px;color:#9aa7b8}
.tr-ic{width:40px;height:40px;border-radius:12px;border:0;background:#f3f5fa;cursor:pointer;font-size:16px;display:grid;place-items:center;text-decoration:none;color:inherit}.tr-ic.rec{background:#ef4444;color:#fff}
.tr-out .tr-bar{justify-content:flex-end}
.tr-res{padding:16px;font-size:20px;font-weight:600;color:#13233a;line-height:1.45;white-space:pre-wrap;min-height:60px}.tr-res.err{color:#c81d34;font-size:15px}
.tr-out{background:linear-gradient(180deg,#f5f3ff,#fff)}
.tr-go,.tr-go2{font:inherit;font-weight:800;font-size:15px;border:0;border-radius:14px;padding:13px 18px;cursor:pointer;background:linear-gradient(135deg,#4338ca,#7c3aed);color:#fff;text-align:center;display:inline-block}.tr-go2{background:#fff;color:#13233a;border:1px solid #dfe6ef}
.tr-quick h4,.tr-hist h4,.tr-2 h4{margin:4px 0 8px;font-size:14px;color:#13233a;display:flex;justify-content:space-between;align-items:center}
#tr-qp{display:flex;flex-wrap:wrap;gap:6px}#tr-qp button{font:inherit;font-size:13px;border:1px solid #dfe6ef;background:#fff;border-radius:999px;padding:7px 12px;cursor:pointer;color:#13233a}#tr-qp button:hover{border-color:#7c3aed;color:#4338ca}
#tr-hl{list-style:none;margin:0;padding:0;display:grid;gap:6px}#tr-hl li{display:flex;gap:10px;align-items:center;background:#fff;border-radius:14px;padding:10px 12px;cursor:pointer;box-shadow:0 2px 8px rgba(13,24,40,.05)}
#tr-hl li>div{flex:1;min-width:0}#tr-hl b{display:block;font-size:14.5px;color:#13233a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#tr-hl small{display:block;color:#7b8798;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#tr-hl li button{border:0;background:none;cursor:pointer;font-size:16px;flex:none}.tr-hf{font-size:13px;flex:none}.tr-he{color:#9aa7b8;justify-content:center;cursor:default!important}
.tr-drop{border:2px dashed #c7cff9;border-radius:24px;background:linear-gradient(180deg,#f8f9ff,#fff);padding:30px 18px;text-align:center;transition:all .2s}.tr-drop.over{border-color:#7c3aed;background:#f5f3ff;transform:scale(1.01)}
.tr-dz>div{font-size:52px}.tr-dz b{display:block;font-size:19px;color:#13233a;margin:6px 0}.tr-dz p{margin:0 auto 16px;max-width:440px;color:#5b6b80;font-size:14px;line-height:1.55}.tr-dz small{display:block;margin-top:12px;color:#7b8798;font-size:12px}
.tr-dbtn{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.tr-iw,.tr-dw{display:grid;gap:12px}
.tr-ipv{position:relative;border-radius:18px;overflow:hidden;background:#0f172a;max-height:320px;display:grid;place-items:center}.tr-ipv img{max-width:100%;max-height:320px;display:block}
.tr-scan{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0,rgba(124,58,237,.0) 40%,rgba(124,58,237,.55) 50%,transparent 52%);background-size:100% 200%;animation:trscan 1.6s linear infinite}.tr-scan[hidden]{display:none}@keyframes trscan{from{background-position:0 100%}to{background-position:0 -100%}}
.tr-prog{position:relative;background:#eef2f7;border-radius:12px;overflow:hidden;height:38px;display:flex;align-items:center}.tr-prog i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#c7d2fe,#ddd6fe);transition:width .3s;width:0}.tr-prog span{position:relative;padding:0 12px;font-size:13px;font-weight:700;color:#13233a}.tr-prog.done i{background:#d1fae5}
.tr-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tr-ta{width:100%;box-sizing:border-box;min-height:180px;border-radius:16px;border:1px solid #dfe6ef;background:#fff;padding:12px;font:inherit;font-size:15px;line-height:1.5;color:#13233a}
div.tr-ta{font-size:16px;font-weight:600;white-space:pre-wrap;background:#f5f3ff;border-color:#ddd6fe}
.tr-row{display:flex;gap:8px;flex-wrap:wrap}
.tr-dh{display:grid;gap:8px}.tr-fi{font-size:14px;color:#13233a}.tr-fi small{color:#7b8798}
.tr-dv{display:grid;gap:8px;max-height:60vh;overflow:auto;background:#fff;border-radius:18px;padding:12px;box-shadow:0 8px 24px rgba(13,24,40,.08)}
.tr-dp{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:10px;border-radius:12px;background:#fafbfe}.tr-dp p{margin:0;font-size:14px;line-height:1.55}.tr-dp .o{color:#5b6b80}.tr-dp .x{color:#13233a;font-weight:600}
.tr-dots{display:inline-flex;gap:4px}.tr-dots i{width:7px;height:7px;border-radius:50%;background:#7c3aed;animation:trd 1s infinite}.tr-dots i:nth-child(2){animation-delay:.15s}.tr-dots i:nth-child(3){animation-delay:.3s}@keyframes trd{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
.tr-disc{font-size:12px;color:#7b8798;text-align:center;margin:18px 0 0;line-height:1.5}
.tr-full{position:fixed;inset:0;z-index:100005;background:#fff;display:grid;grid-template-rows:auto auto 1fr auto;padding:22px;gap:14px;animation:cbmf .2s}.tr-full.rot .tr-ft{transform:rotate(180deg)}
.tr-fx{justify-self:end;width:44px;height:44px;border-radius:50%;border:0;background:#eef2f7;font-size:18px;cursor:pointer}.tr-fl{font-weight:800;color:#4338ca}.tr-ft{font-size:clamp(28px,7vw,64px);font-weight:800;color:#13233a;line-height:1.25;overflow:auto;transition:transform .4s;word-break:break-word}
.tr-fr{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:640px){.sx-tr p,.sx-tr .sx-chips{display:none}.sx-tr h2{font-size:24px!important;margin-bottom:0}.sx-tr{padding-bottom:22px!important}.tr-2,.tr-dp{grid-template-columns:1fr}.tr-modes button b{font-size:11.5px}.tr-modes button i{font-size:20px}.tr-langs select{font-size:14px;padding:11px 8px}.tr-conv{min-height:260px}}

/* ---------- phone friendly ---------- */
@media (max-width:480px){.qp-back{font-size:0!important;padding:9px 13px!important;white-space:nowrap}.qp-back:before{content:"← Website";font-size:13.5px;font-weight:700}
.fz-logo{white-space:nowrap;font-size:16px}
.fz-hero-txt p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.fz-stats{gap:8px!important}.fz-stats>*{grid-column:auto!important;padding:10px 12px!important;min-height:0!important}.fz-stats b{font-size:21px!important}
.sx-hero p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14px!important}.sx-hero h2{font-size:25px!important;line-height:1.15!important}.sx-hero .sx-art{display:none!important}.sx-chips span{padding:6px 10px!important}.sx-chips b{font-size:16px!important}
.pf-2{grid-template-columns:1fr}}
@media (max-width:360px){.fz-tabs button i{font-size:18px!important}.fz-tabs button b{font-size:9.5px!important}}
.fz-tabs button b{white-space:nowrap}
input,select,textarea{font-size:max(16px,1em)}
/* ---------- motion layer ---------- */
.hm-globe{position:relative;overflow:hidden;border-radius:26px;background:radial-gradient(120% 140% at 100% 0%,#1e3a8a 0%,#0b1730 45%,#060d1d 100%);min-height:250px;margin:6px 0 18px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;box-shadow:0 24px 60px rgba(6,13,29,.35);isolation:isolate}
.hm-globe:before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 20% 30%,#fff8,transparent),radial-gradient(1px 1px at 70% 80%,#fff6,transparent),radial-gradient(1.5px 1.5px at 40% 70%,#fff7,transparent),radial-gradient(1px 1px at 85% 20%,#fff9,transparent),radial-gradient(1px 1px at 10% 85%,#fff5,transparent),radial-gradient(1px 1px at 55% 15%,#fff7,transparent);animation:hgtw 6s ease-in-out infinite alternate;z-index:-1}
@keyframes hgtw{from{opacity:.4}to{opacity:1}}
.hm-globe canvas{width:100%;height:270px;display:block;cursor:grab;touch-action:pan-y}.hm-globe.drag canvas{cursor:grabbing}
.hg-glow{position:absolute;right:-10%;top:50%;width:70%;aspect-ratio:1;transform:translateY(-50%);background:radial-gradient(circle,rgba(56,189,248,.22),transparent 62%);z-index:-1;pointer-events:none;animation:hgpl 5s ease-in-out infinite}
@keyframes hgpl{50%{opacity:.6;transform:translateY(-50%) scale(1.06)}}
.hg-txt{padding:24px 0 24px 26px;color:#fff;position:relative;z-index:2}
.hg-live{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.14em;color:#6ee7b7;background:rgba(16,185,129,.15);border:1px solid rgba(110,231,183,.3);padding:4px 10px;border-radius:999px}
.hg-live i{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 0 rgba(52,211,153,.7);animation:hglv 1.6s infinite}@keyframes hglv{70%{box-shadow:0 0 0 8px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}
.hg-txt h3{margin:12px 0 6px;font-size:clamp(22px,3vw,30px);line-height:1.1;letter-spacing:-.02em;background:linear-gradient(90deg,#fff,#bae6fd 60%,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent}
.hg-sub{margin:0 0 16px;color:#cbd5e1;font-size:13.5px;line-height:1.5;max-width:300px}
.hg-st{display:flex;gap:16px;flex-wrap:wrap}.hg-st span{display:grid;font-size:11.5px;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em}.hg-st b{font-size:22px;color:#fff;letter-spacing:0;font-variant-numeric:tabular-nums}
@media (max-width:640px){.hm-globe{grid-template-columns:1fr;min-height:0}.hg-txt{padding:20px 20px 0}.hm-globe canvas{height:230px;margin-top:-8px}.hg-sub{max-width:none}}
/* entrance */
.fz-enter>*{animation:fzin .62s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--si,0)*60ms)}
@keyframes fzin{from{opacity:0;transform:translateY(18px) scale(.985);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
/* reveal */
.rv{opacity:0;transform:translateY(22px) scale(.98);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.rv.rv-in{opacity:1;transform:none}
/* tilt + shine */
.tilt{transform:perspective(700px) rotateX(var(--rx,0)) rotateY(var(--ry,0)) translateZ(0)!important;transition:transform .12s ease-out!important;will-change:transform}
.hm-c,.hm-t,.qp-card,.gm-card,.cl-card,.hm-rec{position:relative;overflow:hidden}
.hm-c:after,.hm-t:after,.qp-card:after,.gm-card:after,.cl-card:after,.hm-rec:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.45),transparent 45%)}
.tilt:after{opacity:1}
/* ripple */
.fx-clip{overflow:hidden}
.fx-rip{position:absolute;border-radius:50%;background:currentColor;opacity:.22;transform:scale(0);animation:fxrip .65s ease-out forwards;pointer-events:none;z-index:0}
@keyframes fxrip{to{transform:scale(1);opacity:0}}
/* tab indicator */
.fz-tabs{position:relative}
.fz-ind{position:absolute;left:0;top:0;height:4px;border-radius:4px;background:linear-gradient(90deg,#f97316,#f43f5e);box-shadow:0 0 12px rgba(249,115,22,.7);transition:transform .45s cubic-bezier(.3,1.35,.5,1),width .45s cubic-bezier(.3,1.35,.5,1),opacity .3s;z-index:0;pointer-events:none}
.fz-tabs button{position:relative;z-index:1}
@media (max-width:1400px) and (min-width:821px){.fz-tabs button small{display:none}}
.fx-pop{animation:fxpop .45s cubic-bezier(.3,1.6,.5,1)}@keyframes fxpop{0%{transform:scale(.6) rotate(-12deg)}60%{transform:scale(1.25) rotate(6deg)}100%{transform:none}}
/* hero aurora */
.sx-hero{position:relative;overflow:hidden;isolation:isolate}
.fx-aur{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.fx-aur i{position:absolute;width:55%;aspect-ratio:1;border-radius:50%;filter:blur(40px);opacity:.55;mix-blend-mode:screen;animation:fxau 18s ease-in-out infinite alternate}
.fx-aur i:nth-child(1){background:#22d3ee;left:-10%;top:-30%}
.fx-aur i:nth-child(2){background:#a78bfa;right:-15%;top:10%;animation-duration:22s;animation-delay:-6s}
.fx-aur i:nth-child(3){background:#34d399;left:30%;bottom:-45%;animation-duration:26s;animation-delay:-12s;opacity:.35}
@keyframes fxau{0%{transform:translate(0,0) scale(1)}50%{transform:translate(12%,10%) scale(1.15)}100%{transform:translate(-8%,6%) scale(.92)}}
.fx-aur b{position:absolute;inset:-50% -20%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.16) 50%,transparent 60%);animation:fxsh 7s ease-in-out infinite}
@keyframes fxsh{0%,60%{transform:translateX(-60%)}100%{transform:translateX(60%)}}
.sx-hero>.sx-in,.sx-hero>*:not(.fx-aur){position:relative}
/* ambient particles */
.fx-amb{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.fx-amb i{position:absolute;bottom:-20px;width:var(--s);height:var(--s);border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.35),rgba(99,102,241,0) 70%);animation:fxfl linear infinite}
@keyframes fxfl{from{transform:translate3d(0,0,0)}to{transform:translate3d(40px,-110vh,0)}}
#quiz>.fz-hero,#quiz>.qp-in{position:relative;z-index:1}
#quiz>.qp-bar{z-index:5}
@media (prefers-reduced-motion:reduce){.rv{opacity:1!important;transform:none!important}.fx-aur i,.fx-aur b,.hg-glow,.hm-globe:before,.fx-amb{animation:none!important}}

.dx{background:linear-gradient(135deg,#fff,#f5f3ff);border:1px solid #e9e5ff;border-radius:24px;padding:18px;margin:0 0 22px;box-shadow:0 12px 30px rgba(79,70,229,.08);display:grid;gap:12px}
.dx-hd{display:flex;gap:14px;align-items:center}.dx-ic{flex:none;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#4338ca,#7c3aed);display:grid;place-items:center;font-size:26px;box-shadow:0 10px 22px rgba(79,70,229,.3)}
.dx-hd h3{margin:0;font-size:19px;color:#13233a;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.dx-hd p{margin:3px 0 0;color:#5b6b80;font-size:13.5px;line-height:1.45}
.dx-badge{font-size:11px;font-weight:800;color:#fff;background:linear-gradient(90deg,#f43f5e,#f97316);padding:3px 9px;border-radius:999px;letter-spacing:.02em}
.dx-f{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:6px;background:#fff;border-radius:16px;padding:6px;box-shadow:0 4px 14px rgba(13,24,40,.06)}
.dx-f select{font:inherit;font-weight:700;font-size:14px;border:0;background:#f3f5fa;border-radius:12px;padding:0 8px;max-width:130px;min-width:0}
.dx-in{position:relative;min-width:0}.dx-in input{width:100%;box-sizing:border-box;font:inherit;font-size:16px;border:0;padding:12px 10px;outline:none;background:transparent}
.dx-go{border:0;border-radius:12px;width:46px;background:linear-gradient(135deg,#4338ca,#7c3aed);color:#fff;font-size:18px;cursor:pointer}
#dx-sug{position:absolute;left:-6px;right:-6px;top:calc(100% + 8px);z-index:20;list-style:none;margin:0;padding:6px;background:#fff;border-radius:14px;box-shadow:0 16px 40px rgba(13,24,40,.18)}
#dx-sug li{display:flex;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:10px;cursor:pointer;font-size:14px}#dx-sug li:hover{background:#f5f3ff}#dx-sug span{color:#7b8798}
.dx-card{background:#fff;border-radius:18px;padding:16px;animation:dmin .35s cubic-bezier(.3,1.3,.5,1);box-shadow:0 8px 22px rgba(13,24,40,.08)}.dx-card small{color:#7c3aed;font-weight:800;font-size:12px}
.dx-w{font-size:clamp(24px,5vw,34px);font-weight:800;color:#13233a;letter-spacing:-.01em;margin:4px 0 6px;line-height:1.2}
.dx-m{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:14.5px;color:#41536b}.dx-q{color:#9aa7b8}
.dx-act{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.dx-act button{font:inherit;font-size:13px;font-weight:700;border:1px solid #e3e9f1;background:#fff;border-radius:999px;padding:8px 12px;cursor:pointer;color:#13233a}.dx-act button:hover{border-color:#7c3aed;color:#4338ca}
.dx-load{padding:14px;color:#41536b;font-size:14px}
.dx-my h4{margin:2px 0 8px;font-size:14px;color:#13233a}.dx-my h4 small{background:#ede9fe;color:#5b21b6;border-radius:999px;padding:1px 8px;font-size:11px}
.dx-list{display:flex;gap:6px;flex-wrap:wrap}.dx-list button{font:inherit;border:0;background:#fff;border-radius:12px;padding:8px 12px;cursor:pointer;display:grid;text-align:left;box-shadow:0 2px 8px rgba(13,24,40,.06)}.dx-list b{font-size:14px;color:#13233a}.dx-list span{font-size:11.5px;color:#7b8798}
.dx-list button.pl{animation:fxpop .45s}
@media (max-width:520px){.dx-f{grid-template-columns:minmax(0,1fr) auto}.dx-f #dx-from{grid-column:1}.dx-f #dx-to{grid-column:2;max-width:none}.dx-in{grid-column:1}.dx-go{grid-column:2;height:46px}.dx-f select{height:40px}}

/* games motion */
#fz-games.fz-enter>*{animation:none!important}
#fz-games .gm-card.rv{opacity:1!important;transform:none!important}
#fz-games .tilt{transform:none!important}#fz-games .gm-card:after{display:none}
.gx-deal{animation:gxdeal .55s cubic-bezier(.2,1.25,.4,1) both;animation-delay:var(--d,0ms);transform-origin:50% 100%}
@keyframes gxdeal{0%{opacity:0;transform:translateY(40px) rotate(-3deg) scale(.94)}60%{opacity:1}100%{opacity:1;transform:none}}
.sx-games .gx-fl{position:absolute;right:3%;top:0;bottom:0;width:38%;pointer-events:none;z-index:1}
.gx-fl span{position:absolute;font-size:clamp(26px,4vw,42px);filter:drop-shadow(0 8px 14px rgba(0,0,0,.25));animation:gxbob 4.5s ease-in-out infinite;animation-delay:calc(var(--i)*-.75s)}
.gx-fl span:nth-child(1){left:8%;top:14%}.gx-fl span:nth-child(2){left:52%;top:8%}.gx-fl span:nth-child(3){left:78%;top:40%}.gx-fl span:nth-child(4){left:30%;top:52%}.gx-fl span:nth-child(5){left:62%;top:70%;font-size:24px}.gx-fl span:nth-child(6){left:6%;top:72%}
@keyframes gxbob{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-14px) rotate(6deg)}}
.sx-games .sx-art{display:none}
@media (max-width:900px){.sx-games .gx-fl{width:30%;top:6px;bottom:auto;height:64px}.gx-fl span{font-size:20px!important;top:8px!important}.gx-fl span:nth-child(1){left:0}.gx-fl span:nth-child(2){left:34%}.gx-fl span:nth-child(3){left:68%}.gx-fl span:nth-child(n+4){display:none}.sx-games .sx-tag{position:relative;z-index:2}}
.gx-drop{animation:gxdrop .5s cubic-bezier(.3,1.6,.5,1) both;animation-delay:var(--t,0ms)}
@keyframes gxdrop{0%{opacity:0;transform:translateY(-26px) scale(.6) rotate(-10deg)}100%{opacity:1;transform:none}}
.gx-tap{animation:gxtap .28s ease-out}@keyframes gxtap{40%{transform:scale(.88)}100%{transform:scale(1)}}
.gx-win{animation:gxwin .6s cubic-bezier(.3,1.5,.5,1)!important;box-shadow:0 0 0 0 rgba(34,197,94,.6)}
@keyframes gxwin{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(34,197,94,.65)}35%{transform:scale(1.07)}100%{transform:scale(1);box-shadow:0 0 0 18px rgba(34,197,94,0)}}
.gx-no{animation:gxno .45s cubic-bezier(.36,.07,.19,.97)!important}
@keyframes gxno{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(4px)}30%,50%,70%{transform:translateX(-7px)}40%,60%{transform:translateX(7px)}}
.gx-sp{position:fixed;z-index:100006;width:8px;height:8px;margin:-4px;border-radius:2px;pointer-events:none;animation:gxsp .75s cubic-bezier(.2,.8,.3,1) forwards}
@keyframes gxsp{0%{transform:translate(0,0) scale(1) rotate(0)}100%{transform:translate(var(--x),var(--y)) scale(.2) rotate(220deg);opacity:0}}
.gx-bump{display:inline-block;animation:gxbump .5s cubic-bezier(.3,1.8,.5,1)}@keyframes gxbump{40%{transform:scale(1.6);color:#16a34a}}
#fz-games .sc-c{transition:transform .25s cubic-bezier(.3,1.4,.5,1),box-shadow .25s}
#fz-games .sc-c:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(13,24,40,.12)}
#fz-games .sc-c:hover>*:first-child{animation:gxwig .5s ease}@keyframes gxwig{25%{transform:rotate(-12deg) scale(1.15)}75%{transform:rotate(10deg) scale(1.1)}}
#fz-games .jm-n.me{animation:gxme 1.8s ease-in-out infinite}@keyframes gxme{0%,100%{box-shadow:0 0 0 0 rgba(249,115,22,.55)}50%{box-shadow:0 0 0 12px rgba(249,115,22,0)}}
@keyframes gxfl{0%,100%{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.06) rotate(2deg)}}
#fz-games .gm-go:not(.ghost){background-size:200% 100%!important;transition:background-position .5s,transform .15s}
#fz-games .gm-go:active{transform:scale(.96)}
.sx-games .fx-aur i{display:none}.fx-aur i{opacity:.28!important}
/* calmer global entrance: no blur, quicker */
@keyframes fzin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.fz-enter>*{animation-duration:.38s!important}
.rv{transform:translateY(14px);transition:opacity .35s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.fx-amb{display:none!important}

/* flight motion */
.fyh{isolation:isolate}
.fx-sky{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none;border-radius:inherit}
.fx-sun{position:absolute;right:12%;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,244,214,.95) 0 18%,rgba(255,230,160,.45) 32%,rgba(255,255,255,0) 66%);animation:fxsun 8s ease-in-out infinite}
@keyframes fxsun{50%{transform:scale(1.08);opacity:.85}}
.fx-moon{position:absolute;right:14%;top:26px;width:54px;height:54px;border-radius:50%;box-shadow:-12px 6px 0 0 #f8fafc;filter:drop-shadow(0 0 14px rgba(255,255,255,.6))}
.fx-stars{position:absolute;inset:0;background-image:radial-gradient(1.5px 1.5px at 12% 22%,#fff,transparent),radial-gradient(1px 1px at 34% 12%,#fff,transparent),radial-gradient(1.5px 1.5px at 58% 30%,#fff,transparent),radial-gradient(1px 1px at 76% 18%,#fff,transparent),radial-gradient(1px 1px at 88% 44%,#fff,transparent),radial-gradient(1px 1px at 22% 48%,#fff,transparent);animation:hgtw 3s ease-in-out infinite alternate}
.fx-cl{position:absolute;border-radius:999px;background:#fff;filter:blur(2px)}
.fx-cl:before,.fx-cl:after{content:"";position:absolute;background:inherit;border-radius:50%}
.fx-cl.far{height:26px;opacity:.18;animation:fxcl 70s linear infinite}.fx-cl.far:before{width:46px;height:46px;top:-22px;left:18px}.fx-cl.far:after{width:34px;height:34px;top:-14px;left:56px}
.fx-cl.far.a{width:110px;top:38%;left:100%}.fx-cl.far.b{width:90px;top:18%;left:100%;animation-delay:-38s;animation-duration:84s}
.fx-cl.near{height:44px;opacity:.32;filter:blur(3px);animation:fxcl 34s linear infinite}.fx-cl.near:before{width:80px;height:80px;top:-40px;left:30px}.fx-cl.near:after{width:60px;height:60px;top:-26px;left:92px}
.fx-cl.near.a{width:190px;top:62%;left:100%;animation-delay:-6s}.fx-cl.near.b{width:150px;top:8%;left:100%;animation-delay:-22s;animation-duration:42s;opacity:.22}
@keyframes fxcl{from{transform:translateX(0)}to{transform:translateX(calc(-100vw - 600px))}}
@media (min-width:900px){@keyframes fxcl{from{transform:translateX(0)}to{transform:translateX(-1500px)}}}
.fx-haze{position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(0deg,rgba(255,255,255,.12),transparent)}
.fyh .fyh-cl{display:none}
.fyh-in{position:relative;z-index:2}
.fx-flow{stroke-linecap:round;animation:fxflow 1.6s linear infinite;filter:drop-shadow(0 0 4px rgba(255,255,255,.9))}
@keyframes fxflow{to{stroke-dashoffset:-36}}
.fyh-arc path:first-of-type{stroke:rgba(255,255,255,.35)!important}
.fx-ap{position:absolute;bottom:18px;z-index:3;display:grid;justify-items:center;gap:4px;transform:translate(-50%,50%)}
.fx-ap.a{left:calc(16px + (100% - 32px)*.025)}.fx-ap.b{left:calc(16px + (100% - 32px)*.975)}
@media (min-width:821px){.fx-ap.a{left:calc(30px + (100% - 60px)*.025)}.fx-ap.b{left:calc(30px + (100% - 60px)*.975)}}
.fx-ap i{width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.7);animation:fxbeac 2s ease-out infinite}
.fx-ap.b i{background:#7ff0b5;animation-delay:1s}
.fx-ap b{position:absolute;top:18px;font-size:11px;font-weight:800;letter-spacing:.1em;color:#fff;background:rgba(13,24,40,.35);backdrop-filter:blur(4px);padding:2px 7px;border-radius:6px;white-space:nowrap}
.fx-ap b:empty{display:none}
@keyframes fxbeac{0%{box-shadow:0 0 0 0 rgba(255,255,255,.75)}100%{box-shadow:0 0 0 16px rgba(255,255,255,0)}}
.fyh-arc{bottom:30px!important}.fyh-pl{bottom:30px!important}.fx-ap{bottom:30px}
.fyh-pl span{animation:fxbob 3.2s ease-in-out infinite!important;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}
@keyframes fxbob{0%,100%{translate:0 0}50%{translate:0 -4px}}
.fx-trail{position:absolute;right:100%;top:50%;width:70px;height:3px;margin-top:-1px;border-radius:3px;background:linear-gradient(270deg,rgba(255,255,255,.9),rgba(255,255,255,0));filter:blur(.5px);animation:fxtr 1.2s ease-in-out infinite}
@keyframes fxtr{50%{opacity:.5;width:56px}}
.fyh-cd{position:relative;overflow:hidden}.fyh-cd:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.7) 50%,transparent 65%);transform:translateX(-120%);animation:fxsh2 5s ease-in-out infinite 1s}
@keyframes fxsh2{0%,70%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.fx-roll{display:inline-block;animation:fxroll .45s cubic-bezier(.3,1.4,.5,1)}
@keyframes fxroll{0%{transform:translateY(-60%) rotateX(80deg);opacity:0}100%{transform:none;opacity:1}}
.fy-cd span:last-child b{animation:none}
.gm-fly{position:relative;overflow:hidden}.gm-fly:before{content:"";position:absolute;inset:-40% -60%;z-index:3;pointer-events:none;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.22) 50%,transparent 58%);animation:fxsh 6s ease-in-out infinite 2s}
.fy-cd:after{position:relative;background-size:auto}
.fy-cd{position:relative;overflow:hidden}.fy-cd>div:last-of-type~*{position:relative}
.fx-jin{animation:fxjin .55s cubic-bezier(.2,1.2,.4,1) both;animation-delay:var(--j,0ms)}
@keyframes fxjin{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}
.jy-pt>i{transition:transform .3s}.jy-pt.tr>i{animation:fxtrn 2.4s ease-in-out infinite}
@keyframes fxtrn{0%,100%{transform:rotate(0)}50%{transform:rotate(180deg)}}
.jy-fl{border-left:3px solid transparent!important;border-image:repeating-linear-gradient(180deg,#9fc9ea 0 4px,transparent 4px 9px) 3!important;animation:fxjfl 1s linear infinite}
@keyframes fxjfl{to{border-image-source:repeating-linear-gradient(180deg,transparent 0 4px,#9fc9ea 4px 9px)}}
.rd-ring circle.v{filter:drop-shadow(0 0 4px rgba(47,208,138,.5))}
.fx-to{animation:fxto .7s cubic-bezier(.3,1.3,.5,1)}
@keyframes fxto{0%{transform:none}40%{transform:translate(6px,-8px) rotate(-18deg) scale(1.15)}100%{transform:none}}
@media (prefers-reduced-motion:reduce){.fx-cl,.fx-sun,.fx-flow,.fx-ap i,.fyh-pl span,.fx-trail,.fyh-cd:after,.gm-fly:before,.jy-fl,.jy-pt.tr>i{animation:none!important}}

/* the plane is always flying along the route */
.fyh-pl span{animation:fxfly 12s cubic-bezier(.4,0,.2,1) infinite!important;offset-rotate:auto!important;offset-anchor:center;line-height:1}
@keyframes fxfly{0%{offset-distance:0%;opacity:0}5%{offset-distance:1%;opacity:1}68%{offset-distance:100%;opacity:1}93%{offset-distance:100%;opacity:1}100%{offset-distance:100%;opacity:0}}
.fx-ap.b i{animation:fxland 12s ease-out infinite!important}
@keyframes fxland{0%,66%{box-shadow:0 0 0 0 rgba(127,240,181,.9);transform:scale(1)}70%{transform:scale(1.5)}78%{box-shadow:0 0 0 22px rgba(127,240,181,0);transform:scale(1)}79%,100%{box-shadow:0 0 0 0 rgba(127,240,181,0)}}
.fyh-pl span .fx-trail{animation:fxtrl 12s linear infinite!important}
@keyframes fxtrl{0%,64%{opacity:1}70%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.fyh-pl span{animation:none!important;offset-distance:50%}}

/* games: even gaps */
.gm-grid.gx-mas{grid-auto-rows:4px;row-gap:0!important;column-gap:18px;align-items:start}
.gm-grid.gx-mas>*{margin-bottom:0}
.gm-grid.gx-mas>.gm-card,.gm-grid.gx-mas>.gm-wide{margin-bottom:18px}
.gm-sec{margin:22px 0 0!important;padding:0 2px}
.gm-grid.gx-mas>.gm-sec{margin:14px 0 10px!important}
.gm-grid>.gm-sec:first-child{margin-top:0!important}
#fz-games .gm-lbar{margin:0 0 14px!important}
#fz-games .sx-hero{margin-bottom:16px!important}
.gm-card{gap:12px!important}
@media (max-width:820px){.gm-grid{gap:14px!important}.gm-sec{margin:18px 0 0!important}.gm-card{padding:16px!important}}
/* situations: compact tiles on phones */
@media (max-width:820px){.sc-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.sc-c{padding:12px!important;border-radius:16px}.sc-c i{font-size:24px}.sc-c b{font-size:13.5px;line-height:1.25}.sc-c small{font-size:11.5px}.sc-c span{font-size:11.5px}}
@media (max-width:340px){.sc-grid{grid-template-columns:1fr!important}}

/* live tracker */
.ft{margin:18px 0;border-radius:24px;overflow:hidden;background:#0b1730;color:#fff;box-shadow:0 20px 50px rgba(6,13,29,.3)}
.ft-hd{font:inherit;color:inherit;width:100%;border:0;background:none;text-align:left;cursor:pointer;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px 18px}.ft-tg{margin-left:auto;font-style:normal;font-size:13px;font-weight:800;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:6px 12px}.ft-hd:hover .ft-tg{background:rgba(255,255,255,.2)}.ft-closed .ft-map,.ft-closed .ft-st,.ft-closed .ft-ot{display:none!important}.ft-st[hidden]{display:none}
.ft-ot{padding:4px 18px 18px;display:grid;gap:10px;border-top:1px solid rgba(255,255,255,.08)}.ft-ot h4{margin:12px 0 0;font-size:15px}.ft-ot>p{margin:0;color:#94a3b8;font-size:13px}
.ft-of{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px}.ft-of input{font:inherit;font-size:16px;min-width:0;padding:11px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;text-transform:uppercase}.ft-of input::placeholder{color:#94a3b8;text-transform:none}.ft-of input[type=date]{text-transform:none;color-scheme:dark}
.ft-of button{font:inherit;font-weight:800;border:0;border-radius:12px;padding:0 18px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;cursor:pointer}
.ft-oc{background:rgba(255,255,255,.06);border-radius:16px;padding:12px;display:grid;gap:10px;animation:dmin .3s}.ft-oh{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.ft-oh b{font-size:17px}.ft-oh span{color:#cbd5e1;font-size:13px;display:flex;gap:6px;align-items:center}.ft-oe{margin:0;color:#fecaca;font-size:13.5px}
.ft-rc{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.ft-rc small{color:#94a3b8;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-right:2px}.ft-rc button{font:inherit;font-size:12.5px;font-weight:700;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:5px 11px;cursor:pointer}.ft-rc button.x{padding:5px 9px;color:#94a3b8}
@media (max-width:520px){.ft-of{grid-template-columns:1fr 1fr}.ft-of input:first-child{grid-column:1/-1}.ft-of button{padding:11px}}.ft:not(.ft-closed) .ft-hd{padding-bottom:0}.ft:not(.ft-closed) .ft-map,.ft:not(.ft-closed) .ft-st{animation:dmin .35s ease}.ft-hd b{font-size:17px}.ft-sub{color:#94a3b8;font-size:13px}
.ft-map[hidden]{display:none}.ft-map{position:relative;height:300px;background:radial-gradient(120% 100% at 50% 0%,#14305a 0%,#0b1730 70%)}.ft-map canvas{width:100%;height:100%;display:block}
.ft-st{padding:14px 18px 18px;display:grid;gap:10px}
.ft-t{font-size:17px;font-weight:800;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ft-s{color:#cbd5e1;font-size:14px}.ft-s small{color:#94a3b8}
.ft-live{display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.12em;color:#fecaca;background:rgba(239,68,68,.2);border:1px solid rgba(248,113,113,.4);padding:3px 9px;border-radius:999px}.ft-live i{width:7px;height:7px;border-radius:50%;background:#ef4444;animation:hglv 1.4s infinite}
.ft-bar{position:relative;height:10px;border-radius:10px;background:rgba(255,255,255,.12);overflow:hidden}.ft-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:10px;background:linear-gradient(90deg,#10b981,#34d399);transition:width 1s}.ft-bar span{position:absolute;right:6px;top:-3px;font-size:10px;font-weight:800;color:#fff;line-height:16px}
.ft-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ft-g div{background:rgba(255,255,255,.07);border-radius:12px;padding:9px 10px;min-width:0}.ft-g small{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;font-weight:700}.ft-g b{font-size:15px;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.ft-a{display:flex;gap:8px;flex-wrap:wrap}.ft-b{font-weight:800;font-size:13.5px;text-decoration:none;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:10px 14px}.ft-b.p{background:linear-gradient(135deg,#f59e0b,#f97316);border-color:transparent}.ft-b.w{background:#25d366;border-color:transparent}
@media (max-width:640px){.ft-map{height:240px}.ft-g{grid-template-columns:repeat(2,minmax(0,1fr))}.ft-a{display:grid;grid-template-columns:1fr 1fr}.ft-b{text-align:center}.ft-b.p{grid-column:1/-1}}
/* ---------- Fun Zone Plus ---------- */
#fx-toasts{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:100007;display:grid;gap:8px;justify-items:center;pointer-events:none;width:min(420px,calc(100vw - 32px))}
.fx-xp{font-weight:900;font-size:15px;color:#fff;background:linear-gradient(135deg,#f59e0b,#f97316);padding:7px 14px;border-radius:999px;box-shadow:0 10px 24px rgba(249,115,22,.4);animation:fxxp 1.8s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes fxxp{0%{opacity:0;transform:translateY(16px) scale(.8)}15%{opacity:1;transform:none}75%{opacity:1}100%{opacity:0;transform:translateY(-30px)}}
.fx-tst{pointer-events:auto;display:flex;gap:12px;align-items:center;background:#13233a;color:#fff;border-radius:18px;padding:12px 16px;font-size:14px;box-shadow:0 18px 40px rgba(13,24,40,.35);animation:dmin .35s cubic-bezier(.3,1.3,.5,1);width:100%;box-sizing:border-box}
.fx-tst.out{opacity:0;transform:translateY(10px);transition:.35s}.fx-tst.ice{background:linear-gradient(135deg,#0ea5e9,#6366f1)}.fx-tst.goal{background:linear-gradient(135deg,#059669,#10b981)}.fx-tst.badge{background:linear-gradient(135deg,#7c3aed,#db2777)}
.fx-bi{font-size:34px;animation:fxpop .6s cubic-bezier(.3,1.6,.5,1)}.fx-tst small{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.85}.fx-tst b{font-size:16px}
#fx-md{position:fixed;inset:0;z-index:100006;background:rgba(8,16,30,.72);backdrop-filter:blur(6px);display:grid;place-items:center;padding:16px}#fx-md[hidden]{display:none}
.fx-box{position:relative;width:min(520px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#fff;border-radius:26px;padding:24px 20px 20px;box-shadow:0 30px 80px rgba(0,0,0,.35);animation:dmin .3s cubic-bezier(.3,1.3,.5,1);display:grid;gap:12px;color:#13233a}
.fx-box h3{margin:0;font-size:22px}.fx-sub{margin:0;color:#5b6b80;font-size:14px}.fx-cl{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:0;background:#eef2f7;cursor:pointer}
.fx-go{font:inherit;font-weight:800;font-size:15px;border:0;border-radius:14px;padding:13px 18px;cursor:pointer;background:linear-gradient(135deg,#4338ca,#7c3aed);color:#fff;text-align:center;text-decoration:none;display:block}
.fx-lu{text-align:center;justify-items:center;overflow:hidden}.fx-lu p{margin:0;color:#41536b}.fx-burst{position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent 0 10deg,rgba(250,204,21,.25) 10deg 20deg,transparent 20deg 40deg);animation:fxspin 12s linear infinite;pointer-events:none}@keyframes fxspin{to{transform:rotate(360deg)}}
.fx-hex{flex:none;width:56px;height:62px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(160deg,#fbbf24,#f97316);display:grid;place-items:center;color:#fff;box-shadow:inset 0 -6px 0 rgba(0,0,0,.12)}.fx-hex b{font-size:22px;font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.2)}
.fx-hex.big{width:110px;height:122px;position:relative;animation:fxpop .7s cubic-bezier(.3,1.6,.5,1)}.fx-hex.big b{font-size:46px}
.fx-card{display:grid;grid-template-columns:minmax(0,1.3fr) auto minmax(0,1.2fr) auto;gap:16px;align-items:center;background:#fff;border-radius:24px;padding:16px 18px;margin:0 0 18px;box-shadow:0 14px 36px rgba(13,24,40,.08)}
.fx-lv{display:flex;gap:14px;align-items:center;min-width:0}.fx-lt{min-width:0;flex:1}.fx-lt small{display:block;font-weight:800;color:#f97316;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.fx-lt b{font-size:22px;color:#13233a;font-variant-numeric:tabular-nums}
.fx-pb{height:8px;border-radius:8px;background:#fde7d3;overflow:hidden;margin:6px 0 4px}.fx-pb i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#fbbf24,#f97316);transition:width .8s cubic-bezier(.2,.8,.2,1)}.fx-lt em{font-style:normal;font-size:12px;color:#7b8798}
.fx-goal{position:relative;width:76px;display:grid;justify-items:center}.fx-goal svg{width:64px;height:64px;transform:rotate(-90deg)}.fx-goal circle{fill:none;stroke-width:7}.fx-goal .t{stroke:#e6ecf3}.fx-goal .v{stroke:#10b981;stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.2,.8,.2,1)}
.fx-goal>div{position:absolute;top:0;width:64px;height:64px;display:grid;place-content:center;text-align:center;line-height:1}.fx-goal>div b{font-size:17px}.fx-goal>div small{font-size:10px;color:#7b8798}.fx-goal>span{font-size:11px;font-weight:700;color:#5b6b80;margin-top:3px;white-space:nowrap}
.fx-st{min-width:0}.fx-fl b{font-size:18px}.fx-fl small{display:block;font-size:12px;color:#5b6b80}.fx-wk{display:flex;gap:4px;margin-top:6px}.fx-wk span{flex:1;display:grid;justify-items:center;font-size:10.5px;font-weight:700;color:#9aa7b8;gap:1px}.fx-wk i{font-style:normal;width:24px;height:24px;border-radius:50%;background:#eef2f7;display:grid;place-items:center;font-size:12px}.fx-wk .y i{background:#ffedd5}.fx-wk .f i{background:#e0f2fe}.fx-wk .t{color:#13233a}.fx-wk .t i{box-shadow:0 0 0 2px #f97316}
.fx-btns{display:grid;gap:6px}.fx-bd{font:inherit;font-size:13px;font-weight:800;border:0;border-radius:12px;padding:9px 12px;cursor:pointer;background:#f5f3ff;color:#5b21b6;white-space:nowrap}.fx-bd b{background:#7c3aed;color:#fff;border-radius:999px;padding:1px 7px;font-size:11px;margin-left:4px}.fx-bd.g{background:#ecfdf5;color:#047857}
@media (max-width:900px){.fx-card{grid-template-columns:1fr auto;grid-template-areas:"lv goal" "st st" "btn btn"}.fx-lv{grid-area:lv}.fx-goal{grid-area:goal}.fx-st{grid-area:st}.fx-btns{grid-area:btn;grid-template-columns:1fr 1fr}}
.fx-bg{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.fx-b{display:grid;justify-items:center;text-align:center;gap:3px;background:#f6f8fb;border-radius:16px;padding:12px 8px;filter:grayscale(1);opacity:.55}.fx-b.on{filter:none;opacity:1;background:linear-gradient(160deg,#fff7ed,#fdf2f8);box-shadow:0 6px 16px rgba(124,58,237,.12)}.fx-b span{font-size:30px}.fx-b b{font-size:13px}.fx-b small{font-size:11px;color:#7b8798}
.fx-gl{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fx-gl button{font:inherit;border:2px solid #e3e9f1;background:#fff;border-radius:16px;padding:12px;cursor:pointer;display:grid;gap:2px;text-align:left}.fx-gl button.on{border-color:#10b981;background:#ecfdf5}.fx-gl b{font-size:15px}.fx-gl span{font-weight:800;color:#047857}.fx-gl small{color:#7b8798}
.fx-sr{position:relative;margin:0 0 14px}.fx-si{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e3e9f1;border-radius:16px;padding:4px 12px;box-shadow:0 6px 20px rgba(13,24,40,.06)}.fx-si:focus-within{border-color:#7c3aed;box-shadow:0 0 0 4px rgba(124,58,237,.12)}
.fx-si input{flex:1;min-width:0;border:0;outline:none;font:inherit;font-size:16px;padding:10px 0;background:transparent}.fx-si kbd{font:inherit;font-size:12px;color:#9aa7b8;border:1px solid #e3e9f1;border-radius:6px;padding:1px 7px}@media (hover:none){.fx-si kbd{display:none}}
#fx-res{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;list-style:none;margin:0;padding:6px;background:#fff;border-radius:16px;box-shadow:0 20px 50px rgba(13,24,40,.2);max-height:60vh;overflow:auto}
#fx-res li{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;cursor:pointer}#fx-res li:hover{background:#f5f3ff}#fx-res li>span{font-size:22px;width:30px;text-align:center}#fx-res li div{flex:1;min-width:0}#fx-res b{display:block;font-size:14.5px}#fx-res small{color:#7b8798;font-size:12px}#fx-res i{font-style:normal}
.fx-wd .gm-hd{display:flex;align-items:center;gap:12px}.wd-fl{margin-left:auto;font-size:26px}
.wd-b{display:grid;gap:6px;justify-content:center;margin:4px 0}.wd-r{display:grid;grid-template-columns:repeat(5,clamp(40px,11vw,54px));gap:6px}.wd-r.shake{animation:gxno .45s}
.wd-t{aspect-ratio:1;display:grid;place-items:center;font-size:clamp(20px,5vw,26px);font-weight:900;border:2px solid #e3e9f1;border-radius:10px;color:#13233a;background:#fff;text-transform:uppercase}.wd-t.in{border-color:#94a3b8;animation:fxpop .18s}
.wd-t.g,.wd-t.y,.wd-t.b{color:#fff;border-color:transparent}.wd-t.g{background:#16a34a}.wd-t.y{background:#eab308}.wd-t.b{background:#64748b}
.wd-t.flip{animation:wdflip .55s ease both;animation-delay:var(--d)}@keyframes wdflip{0%{transform:rotateX(0);background:#fff;color:#13233a;border-color:#94a3b8}49%{transform:rotateX(90deg);background:#fff;color:#13233a;border-color:#94a3b8}50%{transform:rotateX(90deg)}100%{transform:rotateX(0)}}
.wd-hint{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;font-size:12.5px;color:#5b6b80;text-align:center}.wd-hb{font:inherit;font-weight:700;font-size:13px;border:0;background:#fef3c7;color:#92400e;border-radius:999px;padding:6px 12px;cursor:pointer}
.wd-kb{display:grid;gap:6px}.wd-kr{display:flex;gap:4px;justify-content:center}.wd-k{font:inherit;font-weight:800;font-size:14px;min-width:0;flex:1;max-width:44px;height:46px;border:0;border-radius:8px;background:#e6ecf3;color:#13233a;cursor:pointer;padding:0}.wd-k.wide{max-width:70px;flex:1.6;font-size:12px}.wd-k.g{background:#16a34a;color:#fff}.wd-k.y{background:#eab308;color:#fff}.wd-k.b{background:#94a3b8;color:#fff}.wd-k:active{transform:scale(.92)}
.wd-end{display:grid;gap:8px;justify-items:center;text-align:center}.wd-end>b{font-size:20px}.wd-end.win>b{color:#16a34a}.wd-ans{font-size:26px;font-weight:900;letter-spacing:.12em;display:flex;gap:8px;align-items:center}.wd-say{border:0;background:#eef2f7;border-radius:50%;width:36px;height:36px;cursor:pointer}
.wd-sts{display:flex;gap:16px}.wd-sts span{display:grid;font-size:11px;color:#7b8798}.wd-sts b{font-size:20px;color:#13233a}.wd-nx{color:#9aa7b8}
.fx-srs{background:linear-gradient(135deg,#ecfeff,#f0fdf4);border:1px solid #ccfbf1;border-radius:24px;padding:18px;margin:0 0 22px;display:grid;gap:12px}
.fx-sh{display:flex;gap:14px;align-items:center}.fx-si2{flex:none;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#0d9488,#22c55e);display:grid;place-items:center;font-size:26px}.fx-sh h3{margin:0;font-size:18px;color:#13233a}.fx-sh p{margin:3px 0 0;color:#5b6b80;font-size:13.5px}
.fx-sm{display:flex;gap:10px}.fx-sm span{flex:1;background:#fff;border-radius:14px;padding:10px;display:grid;font-size:12px;color:#5b6b80;text-align:center}.fx-sm b{font-size:22px;color:#0f766e}
.fx-srs .fx-go{background:linear-gradient(135deg,#0d9488,#16a34a)}.fx-ok{margin:0;font-weight:700;color:#047857}
.fx-rv{text-align:center}.fx-rp{height:6px;background:#e6ecf3;border-radius:6px;overflow:hidden}.fx-rp i{display:block;height:100%;background:linear-gradient(90deg,#0d9488,#22c55e);transition:width .4s}.fx-rc{color:#9aa7b8}
.fx-q small{display:block;color:#7b8798;font-size:12px}.fx-q b{display:block;font-size:26px;margin:6px 0 2px}.fx-q span{color:#41536b}
.fx-a{display:grid;justify-items:center;gap:4px;background:#f0fdf4;border-radius:18px;padding:16px;animation:dmin .3s}.fx-a b{font-size:30px;color:#047857}.fx-a small{color:#5b6b80}.fx-sp{border:0;background:#fff;border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:18px}
.fx-rate{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.fx-rate button{font:inherit;font-weight:800;border:0;border-radius:14px;padding:10px 4px;cursor:pointer;color:#fff;display:grid}.fx-rate small{font-weight:600;font-size:11px;opacity:.85}.r0{background:#ef4444}.r1{background:#f59e0b}.r2{background:#16a34a}.r3{background:#0ea5e9}
.fx-done{text-align:center}.fx-big{font-size:56px}.fx-done p{margin:0;color:#41536b}
.fx-jl{background:#fff;border-radius:24px;padding:18px;margin:0 0 18px;box-shadow:0 14px 36px rgba(13,24,40,.08);display:grid;gap:14px}.fx-jl[hidden]{display:none}
.fx-jh{display:flex;gap:12px;align-items:center}.fx-jh>span{flex:none;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#312e81,#6366f1);display:grid;place-items:center;font-size:24px}.fx-jh b{font-size:17px}.fx-jh small{display:block;color:#5b6b80;font-size:13.5px}
.fx-clk{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#0b1730;color:#fff;border-radius:18px;padding:12px 16px}.fx-clk>div{display:grid}.fx-clk small{font-size:11px;color:#94a3b8;font-weight:700}.fx-clk b{font-size:24px;font-family:"IBM Plex Mono",ui-monospace,monospace}.fx-clk>i{font-style:normal;color:#7ff0b5;font-size:20px}
.fx-clk label{margin-left:auto;display:grid;font-size:11px;color:#94a3b8;font-weight:700;gap:3px}.fx-clk select{font:inherit;font-size:15px;border:0;border-radius:10px;padding:6px 8px;background:rgba(255,255,255,.12);color:#fff}.fx-clk option{color:#13233a}
.fx-tl{list-style:none;margin:0;padding:0;display:grid;gap:0;position:relative}.fx-tl:before{content:"";position:absolute;left:19px;top:10px;bottom:10px;width:2px;background:linear-gradient(#c7d2fe,#a7f3d0)}
.fx-tl li{display:flex;gap:12px;padding:8px 0;position:relative}.fx-tl li>span{flex:none;width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid #e0e7ff;display:grid;place-items:center;font-size:18px;z-index:1}.fx-tl b{font-size:14.5px}.fx-tl p{margin:2px 0;font-size:14px;color:#13233a}.fx-tl small{color:#5b6b80;font-size:12.5px}
.fx-src{margin:0;font-size:11.5px;color:#9aa7b8}
.fx-aa{font:inherit;display:flex;align-items:baseline;gap:1px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:6px 11px;cursor:pointer;margin-left:auto}.fx-aa b{font-size:16px}.fx-aa small{font-size:11px;font-weight:700}
.fx-aa~.ac-chip{margin-left:8px!important}
.fx-zs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fx-zs button{font:inherit;border:2px solid #e3e9f1;background:#fff;border-radius:16px;padding:12px;cursor:pointer;display:grid;justify-items:center}.fx-zs button.on{border-color:#7c3aed;background:#f5f3ff}.fx-zs small{font-size:12px;color:#5b6b80}
.fx-tg{display:flex;align-items:center;gap:12px;font-weight:700;cursor:pointer;padding:8px 0}.fx-tg input{position:absolute;opacity:0}.fx-tg span{width:46px;height:28px;border-radius:999px;background:#cbd5e1;position:relative;transition:.2s;flex:none}.fx-tg span:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:.2s}.fx-tg input:checked+span{background:#7c3aed}.fx-tg input:checked+span:after{left:21px}.fx-tg input:focus-visible+span{outline:3px solid #a78bfa}
html.fz-zm #quiz .qp-in{zoom:var(--fz-zoom)}
html.fz-hc #quiz .qp-in{filter:contrast(1.2) saturate(1.1)}html.fz-hc #quiz small,html.fz-hc #quiz .fx-sub{color:#1e293b!important}
html.fz-rm #quiz *,html.fz-rm #quiz *:before,html.fz-rm #quiz *:after,html.fz-rm #fx-md *{animation:none!important;transition:none!important}
#quiz :focus-visible{outline:3px solid #7c3aed;outline-offset:2px}
@media (max-width:480px){.fx-aa{padding:6px 9px}.fx-rate{grid-template-columns:1fr 1fr}}
@media (max-width:400px){#quiz .qp-bar{gap:8px!important;padding-left:12px!important;padding-right:12px!important}#quiz .fz-logo{font-size:15px}#quiz .fz-logo span{width:30px;height:30px}.fx-aa~.ac-chip{margin-left:4px!important}}
@media (max-width:360px){.qp-back:before{content:"← Site"!important}#quiz .fz-logo{font-size:0!important;gap:0}#quiz .fz-logo span{font-size:18px}}


.fx-jt{font:inherit;color:inherit;width:100%;border:0;background:none;text-align:left;cursor:pointer;padding:0}.fx-jt>div{flex:1;min-width:0}.fx-jo{flex:none;white-space:nowrap;font-style:normal;font-size:13px;font-weight:800;color:#4338ca;background:#eef2ff;border-radius:999px;padding:6px 12px}.fx-jt:hover .fx-jo{background:#e0e7ff}.fx-jb{display:grid;gap:14px;animation:dmin .3s ease}.fx-jb[hidden]{display:none}

/* My flight layout */
#fz-fly .gm-grid{gap:18px!important}
#fz-fly .gm-grid>.ft,#fz-fly .gm-grid>.fx-jl{grid-column:1/-1;margin:0!important}
.fx-fs[hidden]{display:none!important}.fx-fsh{display:flex;align-items:center;gap:12px}.fx-fsh b{display:block;font-size:17px;color:#13233a}.fx-fsh small{display:block;font-size:13px;color:#5b6b80}
.fx-fsb>.jy,.fx-fsb>.fy-rem,.fx-fsb>.fy-info{margin:0!important;border:0!important;box-shadow:none!important;padding:0!important;background:none!important}
#fx-s-jy,#fx-s-rem{padding-top:18px!important}

.fx-jd{border:1px solid #e0e7ff;border-radius:16px;background:#f8faff}.fx-jd summary{cursor:pointer;list-style:none;padding:13px 16px;font-weight:800;color:#4338ca;display:flex;justify-content:space-between;align-items:center}.fx-jd summary::-webkit-details-marker{display:none}.fx-jd summary:after{content:'Open ▾';white-space:nowrap;flex:none;margin-left:10px;font-size:12.5px;background:#eef2ff;border-radius:999px;padding:5px 11px}.fx-jd[open] summary:after{content:'Close ▴'}.fx-jd .fx-tl{padding:0 14px 10px}

/* ---------- My flight art ---------- */
#fz-fly .gm-card{position:relative;transition:box-shadow .3s,transform .3s}
#fz-fly .gm-card:hover{box-shadow:0 22px 50px rgba(13,24,40,.12)!important}
/* readiness */
#gm-ready{overflow:hidden;background:radial-gradient(120% 140% at 0% 0%,#ecfdf5 0%,#fff 45%,#f5f3ff 100%)!important}
#gm-ready:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:conic-gradient(from var(--ang,0deg),#10b981,#38bdf8,#a78bfa,#f472b6,#10b981);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:fxang 6s linear infinite;pointer-events:none;opacity:.7}
@property --ang{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes fxang{to{--ang:360deg}}
#gm-ready .rd-ring{filter:drop-shadow(0 8px 18px rgba(16,185,129,.35))}
#gm-ready .rd-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;justify-content:stretch!important}
#gm-ready .rd-t{display:flex!important;align-items:center;gap:10px;text-align:left;line-height:1.3;border-radius:16px!important;padding:10px 12px!important;background:#fff!important;box-shadow:0 4px 12px rgba(13,24,40,.05);animation:gxdeal .5s cubic-bezier(.2,1.2,.4,1) both;animation-delay:calc(var(--i)*70ms);transition:transform .2s,box-shadow .2s}
#gm-ready .rd-t:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(13,24,40,.1)}
#gm-ready .rd-t i{flex:none;width:36px!important;height:36px!important;font-size:17px!important}#gm-ready .rd-t .fx-tx{display:grid;gap:3px;min-width:0}
#gm-ready .rd-t .fx-st{font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#9aa7b8}
#gm-ready .rd-t.ok{background:linear-gradient(135deg,#ecfdf5,#fff)!important}#gm-ready .rd-t.ok .fx-st{color:#059669}
#gm-ready .rd-t.ok i{animation:fxpop .6s cubic-bezier(.3,1.6,.5,1) both;animation-delay:calc(var(--i)*70ms + .3s)}
#gm-ready .rd-t.fx-next{border-color:#f97316!important;box-shadow:0 0 0 0 rgba(249,115,22,.5);animation:gxdeal .5s both,fxnext 2s ease-out infinite 1s}
#gm-ready .rd-t.fx-next .fx-st{color:#ea580c}@keyframes fxnext{0%{box-shadow:0 0 0 0 rgba(249,115,22,.45)}70%,100%{box-shadow:0 0 0 12px rgba(249,115,22,0)}}
#gm-ready .rd-nav{display:flex!important;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}#gm-ready .rd-nav::-webkit-scrollbar{display:none}
#gm-ready .rd-nav button{flex:none;border-radius:999px!important;background:#fff!important;border:1px solid #e3e9f1!important;box-shadow:0 2px 8px rgba(13,24,40,.05);transition:transform .2s,background .2s}#gm-ready .rd-nav button:hover{transform:translateY(-2px);background:#f5f3ff!important}
@media (max-width:640px){#gm-ready .rd-list{grid-template-columns:1fr}#gm-ready .rd-t{padding:9px 12px!important}}
#gm-ready .rd-t .fx-tx{display:flex!important;flex-direction:column;align-items:flex-start;grid-template-columns:none!important}#gm-ready .rd-t .fx-st{display:block;text-align:left;white-space:nowrap}
/* countdown road */
#gm-fly .fy-tl{position:relative;display:flex!important;gap:0!important;overflow-x:auto;scrollbar-width:none;padding:10px 2px 4px!important}#gm-fly .fy-tl::-webkit-scrollbar{display:none}
#gm-fly .fy-tl>div{flex:1 0 84px;position:relative;z-index:1;background:none!important;opacity:1!important;padding:0 4px!important;animation:fxjin .5s both;animation-delay:calc(var(--i)*80ms)}
#gm-fly .fy-tl>div i{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid #dbe3ee;font-size:19px!important;transition:.3s}
#gm-fly .fy-tl>div.on i{background:linear-gradient(135deg,#10b981,#059669);border-color:transparent;filter:saturate(1.1);box-shadow:0 6px 14px rgba(5,150,105,.3)}
#gm-fly .fy-tl>div.on span{color:#047857}#gm-fly .fy-tl>div:not(.on) span{color:#5b6b80}
#gm-fly .fy-tl>div.fx-now i{border-color:#f97316;animation:fxnext 1.8s ease-out infinite;background:#fff7ed}
#gm-fly .fy-tl>div.fx-now span{color:#ea580c}
.fx-road{position:absolute;left:44px;right:44px;top:30px;height:4px;border-radius:4px;background:repeating-linear-gradient(90deg,#dbe3ee 0 8px,transparent 8px 14px);z-index:0}
.fx-road i{position:absolute;left:0;top:0;bottom:0;width:var(--p,0%);border-radius:4px;background:linear-gradient(90deg,#10b981,#f97316);box-shadow:0 0 10px rgba(249,115,22,.5);animation:fxgrow 1.6s cubic-bezier(.2,.8,.2,1) both .3s}
@keyframes fxgrow{from{width:0}}
/* check-in */
#gm-bp .bp-air{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#gm-bp .bp-st.wait b,#gm-bp .bp-st.wait{animation:none}#gm-bp .bp-st.wait:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#f59e0b;margin-right:6px;animation:hglv 1.6s infinite}
#gm-bp .bp-times{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important}
#gm-bp .bp-times li{display:grid!important;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;background:#fff!important;border:1px solid #e9eef5;border-radius:16px!important;padding:12px!important;box-shadow:0 4px 12px rgba(13,24,40,.05);animation:gxdeal .5s both;animation-delay:calc(var(--i)*90ms)}
#gm-bp .bp-times li .fx-ti{grid-row:1/3;font-style:normal;width:34px;height:34px;border-radius:12px;background:#f3f6fa;display:grid;place-items:center;font-size:14px}
#gm-bp .bp-times li span{font-size:12px}#gm-bp .bp-times li b{font-size:14px;color:#13233a}
#gm-bp .bp-go{position:relative;overflow:hidden;box-shadow:0 10px 24px rgba(0,106,78,.3)}#gm-bp .bp-go:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.4) 50%,transparent 65%);transform:translateX(-120%);animation:fxsh2 3.5s ease-in-out infinite 1s}
#gm-bp .bp-how{counter-reset:st;list-style:none;padding:0!important;display:grid;gap:8px}
#gm-bp .bp-how li{counter-increment:st;position:relative;padding:12px 12px 12px 52px!important;background:#f8fafc;border-radius:14px;animation:fxjin .5s both;animation-delay:calc(var(--i)*90ms)}
#gm-bp .bp-how li:before{content:counter(st);position:absolute;left:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#4338ca,#7c3aed);color:#fff;font-weight:900;font-size:13px;display:grid;place-items:center;box-shadow:0 4px 10px rgba(79,70,229,.3)}
#gm-bp .bp-live a{transition:transform .2s}#gm-bp .bp-live a:hover{transform:translateY(-2px)}
@media (max-width:640px){#gm-bp .bp-times{grid-template-columns:1fr}}
/* weather scene */
.fx-wxa{position:relative;height:130px;border-radius:18px;overflow:hidden;margin:4px 0 10px;background:linear-gradient(180deg,#38bdf8,#7dd3fc 60%,#e0f2fe)}
.fx-wxa.cold{background:linear-gradient(180deg,#64748b,#94a3b8 60%,#e2e8f0)}.fx-wxa.snow{background:linear-gradient(180deg,#475569,#94a3b8 60%,#f1f5f9)}.fx-wxa.hot{background:linear-gradient(180deg,#f59e0b,#fbbf24 50%,#fde68a)}
.fx-wxa .sun{position:absolute;right:18%;top:18px;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle,#fff7cc 0 35%,#fde047 36%,#facc15 70%);box-shadow:0 0 40px rgba(253,224,71,.8)}
.fx-wxa .sun i{position:absolute;inset:-16px;border-radius:50%;background:repeating-conic-gradient(rgba(253,224,71,.55) 0 8deg,transparent 8deg 30deg);-webkit-mask:radial-gradient(circle,transparent 0 48%,#000 50%);mask:radial-gradient(circle,transparent 0 48%,#000 50%);animation:fxspin 14s linear infinite}
.fx-wxa.cold .sun,.fx-wxa.snow .sun{opacity:.55;filter:saturate(.6)}
.fx-wxa .cl{position:absolute;background:#fff;border-radius:999px;height:30px;filter:drop-shadow(0 6px 10px rgba(15,23,42,.15))}.fx-wxa .cl:before,.fx-wxa .cl:after{content:"";position:absolute;background:inherit;border-radius:50%}
.fx-wxa .c1{width:120px;left:12%;top:46px;animation:fxwxc 9s ease-in-out infinite alternate}.fx-wxa .c1:before{width:56px;height:56px;left:16px;top:-28px}.fx-wxa .c1:after{width:42px;height:42px;left:62px;top:-18px}
.fx-wxa .c2{width:90px;right:6%;top:64px;opacity:.9;animation:fxwxc 12s ease-in-out infinite alternate-reverse}.fx-wxa .c2:before{width:44px;height:44px;left:12px;top:-22px}.fx-wxa .c2:after{width:32px;height:32px;left:48px;top:-14px}
.fx-wxa.hot .cl{display:none}.fx-wxa.cold .cl,.fx-wxa.snow .cl{background:#e2e8f0}
@keyframes fxwxc{to{transform:translateX(26px)}}
.fx-wxa .drops i{position:absolute;top:-12px;width:2px;height:14px;border-radius:2px;background:rgba(255,255,255,.85);animation:fxrain 1s linear infinite}
.fx-wxa .drops i:nth-child(n){left:calc(var(--n,0)*1%)}
.fx-wxa .flakes i{position:absolute;top:-14px;color:#fff;font-style:normal;font-size:14px;animation:fxsnow 5s linear infinite}
@keyframes fxrain{to{transform:translateY(150px)}}@keyframes fxsnow{to{transform:translate(20px,150px) rotate(180deg)}}
.fx-wxa>b{position:absolute;left:16px;bottom:10px;font-size:40px;font-weight:900;color:#fff;text-shadow:0 4px 14px rgba(15,23,42,.35)}
.fx-wxa .drops i:nth-child(1){left:8%;animation-delay:-.1s}.fx-wxa .drops i:nth-child(2){left:15%;animation-delay:-.5s}.fx-wxa .drops i:nth-child(3){left:22%;animation-delay:-.3s}.fx-wxa .drops i:nth-child(4){left:29%;animation-delay:-.8s}.fx-wxa .drops i:nth-child(5){left:36%;animation-delay:-.2s}.fx-wxa .drops i:nth-child(6){left:43%;animation-delay:-.6s}.fx-wxa .drops i:nth-child(7){left:50%;animation-delay:-.9s}.fx-wxa .drops i:nth-child(8){left:57%;animation-delay:-.4s}.fx-wxa .drops i:nth-child(9){left:64%;animation-delay:-.7s}.fx-wxa .drops i:nth-child(10){left:71%;animation-delay:-.15s}.fx-wxa .drops i:nth-child(11){left:78%;animation-delay:-.55s}.fx-wxa .drops i:nth-child(12){left:85%;animation-delay:-.35s}.fx-wxa .drops i:nth-child(13){left:92%;animation-delay:-.75s}.fx-wxa .drops i:nth-child(14){left:4%;animation-delay:-.45s}
.fx-wxa .flakes i:nth-child(1){left:6%;animation-delay:-.5s}.fx-wxa .flakes i:nth-child(2){left:14%;animation-delay:-2.5s}.fx-wxa .flakes i:nth-child(3){left:23%;animation-delay:-1.2s}.fx-wxa .flakes i:nth-child(4){left:31%;animation-delay:-3.8s}.fx-wxa .flakes i:nth-child(5){left:40%;animation-delay:-.9s}.fx-wxa .flakes i:nth-child(6){left:48%;animation-delay:-4.4s}.fx-wxa .flakes i:nth-child(7){left:57%;animation-delay:-2s}.fx-wxa .flakes i:nth-child(8){left:65%;animation-delay:-3.1s}.fx-wxa .flakes i:nth-child(9){left:73%;animation-delay:-1.6s}.fx-wxa .flakes i:nth-child(10){left:81%;animation-delay:-4s}.fx-wxa .flakes i:nth-child(11){left:89%;animation-delay:-.2s}.fx-wxa .flakes i:nth-child(12){left:95%;animation-delay:-2.9s}
#fy-info .fy-wear ul,#fy-info .fy-pk ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
#fy-info .fy-wear ul{grid-template-columns:repeat(2,minmax(0,1fr))}#fy-info .fy-wear li.h{grid-column:1/-1}
#fy-info .fy-pk ul{grid-template-columns:repeat(2,minmax(0,1fr))}
#fy-info .fy-wear li:not(.h),#fy-info .fy-pk li{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #e9eef5;border-radius:14px;padding:10px;font-size:13.5px;line-height:1.35;box-shadow:0 3px 10px rgba(13,24,40,.04);animation:gxdeal .45s both;animation-delay:calc(var(--i)*50ms);transition:transform .2s,box-shadow .2s}
#fy-info .fy-wear li:not(.h):hover,#fy-info .fy-pk li:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(13,24,40,.08)}
#fy-info .fx-ic{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:19px;background:linear-gradient(135deg,#eff6ff,#f5f3ff)}
@media (max-width:640px){#fy-info .fy-pk ul{grid-template-columns:1fr}}
/* checklist */
#gm-check .gm-ck{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#gm-check .gm-cg{background:#f8fafc;border-radius:18px;padding:14px;transition:background .4s,box-shadow .4s}
#gm-check .gm-cg.fx-full{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);box-shadow:inset 0 0 0 2px #86efac}
#gm-check .gm-cg.fx-full h4:after{content:"✓ Done";margin-left:8px;font-size:11px;font-weight:800;color:#fff;background:#16a34a;border-radius:999px;padding:2px 8px;animation:fxpop .5s}
.fx-cb{height:6px;border-radius:6px;background:#e2e8f0;overflow:hidden;margin:0 0 8px}.fx-cb i{display:block;height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,#10b981,#22c55e);transition:width .5s cubic-bezier(.2,.8,.2,1)}
#gm-check .gm-cg input{-webkit-appearance:none;appearance:none;width:22px!important;height:22px!important;border-radius:7px;border:2px solid #cbd5e1;background:#fff;display:grid;place-items:center;cursor:pointer;transition:background .2s,border-color .2s,transform .15s}
#gm-check .gm-cg input:after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg) scale(0);margin-top:-3px;transition:transform .25s cubic-bezier(.3,1.6,.5,1)}
#gm-check .gm-cg input:checked{background:#16a34a;border-color:#16a34a;animation:fxpop .35s}#gm-check .gm-cg input:checked:after{transform:rotate(45deg) scale(1)}
#gm-check .gm-cg input:focus-visible{outline:3px solid #a78bfa;outline-offset:2px}
#gm-check .gm-cg label{transition:background .2s}#gm-check .gm-cg label.on span{text-decoration-color:#16a34a}
@media (max-width:820px){#gm-check .gm-ck{grid-template-columns:1fr}}
/* reminders */
#fy-rem>h4{display:flex;align-items:center;gap:8px;font-size:17px!important}
#fy-rem>h4:first-letter{display:inline-block}
#fy-rem .fy-opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#fy-rem .fy-o{position:relative;background:#fff!important;border:1px solid #e9eef5!important;border-radius:18px!important;padding:16px!important;display:grid;gap:8px;align-content:start;box-shadow:0 6px 16px rgba(13,24,40,.05);overflow:hidden;animation:gxdeal .5s both;animation-delay:calc(var(--i)*90ms)}
#fy-rem .fy-o:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#6366f1,#a855f7)}
#fy-rem .fy-o:nth-child(2):before{background:linear-gradient(90deg,#0ea5e9,#22d3ee)}#fy-rem .fy-o:nth-child(3):before{background:linear-gradient(90deg,#10b981,#84cc16)}
#fy-rem .fy-o>b{display:flex;align-items:center;gap:10px;font-size:15px}
.fx-oi{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-size:20px;background:#f5f3ff;animation:fxbell 3s ease-in-out infinite;transform-origin:50% 10%}
#fy-rem .fy-o:nth-child(2) .fx-oi{background:#ecfeff;animation-delay:.6s}#fy-rem .fy-o:nth-child(3) .fx-oi{background:#f0fdf4;animation-delay:1.2s}
@keyframes fxbell{0%,80%,100%{transform:rotate(0)}84%{transform:rotate(14deg)}88%{transform:rotate(-12deg)}92%{transform:rotate(8deg)}96%{transform:rotate(-4deg)}}
@media (max-width:820px){#fy-rem .fy-opts{grid-template-columns:1fr}}
/* call home clocks */
#gm-clock .gm-tz{position:relative;overflow:hidden;color:#fff;padding:16px!important;border-radius:20px!important;transition:background 1s;background:linear-gradient(160deg,#38bdf8,#2563eb)}
#gm-clock .gm-tz.fx-sky-night{background:linear-gradient(160deg,#0b1730,#312e81)}#gm-clock .gm-tz.fx-sky-dawn{background:linear-gradient(160deg,#f472b6,#fb923c)}#gm-clock .gm-tz.fx-sky-dusk{background:linear-gradient(160deg,#7c3aed,#f97316)}
#gm-clock .gm-tz.fx-sky-night:after{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 70% 20%,#fff,transparent),radial-gradient(1.5px 1.5px at 85% 70%,#fff,transparent),radial-gradient(1px 1px at 35% 80%,#fff,transparent);animation:hgtw 3s ease-in-out infinite alternate;pointer-events:none}
#gm-clock .gm-tz span,#gm-clock .gm-tz small{color:rgba(255,255,255,.88)!important;position:relative;z-index:1}#gm-clock .gm-tz b{color:#fff!important;position:relative;z-index:1;text-shadow:0 2px 10px rgba(0,0,0,.2)}
.fx-an{position:relative;z-index:1;width:96px;height:96px;margin:0 auto 6px}.fx-an svg{width:100%;height:100%;filter:drop-shadow(0 6px 14px rgba(0,0,0,.25))}
.fx-an .f{fill:rgba(255,255,255,.95)}.fx-an .tk{stroke:#94a3b8;stroke-width:2;stroke-linecap:round}.fx-an .hh{stroke:#13233a;stroke-width:5;stroke-linecap:round}.fx-an .mm{stroke:#334155;stroke-width:3.5;stroke-linecap:round}.fx-an .ss{stroke:#ef4444;stroke-width:1.6;stroke-linecap:round;transition:transform .3s cubic-bezier(.4,2.3,.6,1)}.fx-an .c{fill:#ef4444}
.fx-an line{transition:transform .5s}.fx-sk{position:absolute;right:-8px;top:-6px;font-size:22px;animation:gxbob 4s ease-in-out infinite}
#gm-clock .gm-call{position:relative;overflow:hidden;font-size:15px!important;padding:14px!important}#gm-clock .gm-call.ok:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:#16a34a;margin-right:8px;animation:hglv 1.4s infinite;vertical-align:middle}
/* journey */
.fx-fsb .jy .jy-pt>i{transition:transform .3s}.fx-fsb .jy .jy-pt:hover>i{transform:scale(1.12) rotate(-6deg)}
html.fz-rm #fz-fly *{animation:none!important}

.ip-tg>div:nth-child(2){flex:1;min-width:0}.ip-oc{flex:none;white-space:nowrap;font-style:normal;font-size:13px;font-weight:800;background:#fff;color:#4c1d95;border-radius:999px;padding:8px 14px;box-shadow:0 6px 14px rgba(0,0,0,.2)}.ip-tg:hover .ip-oc{background:#f5f3ff}.ip-closed .ip-tabs,.ip-closed .ip-body{display:none!important}.ip-closed{gap:0}
@media (max-width:640px){.ip-tg{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}.ip-tg .ip-oc{grid-column:1/-1;justify-self:stretch;text-align:center;padding:10px}.ip-tg p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ip-hd h3{font-size:19px}}

/* clearer text */
#quiz,#fx-md,#ip-rd,#ac-m,#dm-panel{-webkit-text-size-adjust:100%;text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:"Libre Franklin","Hind Siliguri","Noto Sans Bengali","Segoe UI",Roboto,Arial,sans-serif}
@media (max-width:640px){
 #quiz p,#ip-rd p,#fx-md p{line-height:1.55}
 #quiz .sx-hero p,#quiz .fz-hero p{font-size:15px!important;color:rgba(255,255,255,.95)!important}
 #quiz .ip-hd p{color:#e0e7ff!important;font-size:14px!important}
 #quiz .ip-ct small,#ip-rd .ip-qt small,#ip-rd .ip-al p.bn{font-size:13px!important;color:#5b21b6!important}
 #ip-rd .ip-qt b{font-size:15.5px!important}#ip-rd .ip-al p,#ip-rd .ip-sa p{font-size:15px!important}
 #quiz .fz-tabs button b{font-size:11px!important;font-weight:800!important}
 #quiz .gm-hd small,#quiz .fx-sub,#quiz .hm-t small,#quiz .hm-c em{font-size:13px!important}
}
/* ---------- Interview preparation v2 (professional) ---------- */
.ip2{--ip:#4f46e5;--ip2:#7c3aed;--ink:#0f172a;--mut:#475569;--line:#e2e8f0;background:#fff;border:1px solid var(--line);border-radius:24px;margin:0 0 22px;box-shadow:0 18px 44px rgba(15,23,42,.08);overflow:hidden;position:relative}
.ip2:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#4f46e5,#7c3aed,#db2777)}
.ip-top{font:inherit;width:100%;border:0;background:linear-gradient(135deg,#f8fafc,#eef2ff 60%,#faf5ff);text-align:left;cursor:pointer;display:flex;gap:16px;align-items:center;padding:20px 20px 20px 24px;color:var(--ink)}
.ip-logo{flex:none;width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#4f46e5,#7c3aed);display:grid;place-items:center;font-size:28px;box-shadow:0 12px 26px rgba(79,70,229,.35)}
.ip-tt{flex:1;min-width:0;display:grid;gap:4px}.ip-tt b{font-size:20px;letter-spacing:-.01em}.ip-tt small{font-size:14px;color:var(--mut);line-height:1.5}
.ip-stats{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.ip-stats em{font-style:normal;font-size:12.5px;font-weight:700;color:#3730a3;background:#fff;border:1px solid #e0e7ff;border-radius:999px;padding:4px 10px}
.ip-oc{flex:none;font-style:normal;white-space:nowrap;font-weight:800;font-size:14px;color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:999px;padding:10px 18px;box-shadow:0 8px 18px rgba(79,70,229,.3)}
.ip-closed .ip-in{display:none}
.ip-in{padding:6px 18px 20px 22px;display:grid;gap:14px;border-top:1px solid var(--line)}
.ip-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
.ip-nav button{font:inherit;text-align:left;border:1px solid var(--line);background:#fff;border-radius:16px;padding:12px;cursor:pointer;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;color:var(--ink);transition:.2s}
.ip-nav button i{grid-row:1/3;font-style:normal;font-size:22px;width:40px;height:40px;border-radius:12px;background:#f1f5f9;display:grid;place-items:center}
.ip-nav button b{font-size:14px}.ip-nav button small{font-size:12px;color:var(--mut)}
.ip-nav button.on{border-color:var(--ip);background:#eef2ff;box-shadow:0 0 0 3px rgba(79,70,229,.12)}.ip-nav button.on i{background:linear-gradient(135deg,#4f46e5,#7c3aed);filter:saturate(1.1)}
.ip-lang{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:8px 12px;font-size:13.5px;font-weight:700;color:var(--ink)}.ip-lang select{font:inherit;font-size:15px;border:1px solid var(--line);border-radius:10px;padding:7px 10px;background:#fff;min-width:0;flex:1 1 200px;max-width:320px}
.ip-body{display:grid;gap:12px}.ip-load,.ip-err{color:var(--mut)}
.ip-h{margin:8px 0 0;font-size:15px;color:var(--ink)}
.ip-hero2{display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:linear-gradient(135deg,#1e1b4b,#4338ca);color:#fff;border-radius:20px;padding:18px}
.ip-hero2>div{flex:1 1 240px;display:grid;gap:6px}.ip-hero2 small{font-size:11.5px;font-weight:900;letter-spacing:.12em;color:#a5b4fc}.ip-hero2 b{font-size:18px}.ip-hero2 span{font-size:13px;color:#c7d2fe}
.ip-pbar{height:8px;border-radius:8px;background:rgba(148,163,184,.3);overflow:hidden}.ip-pbar i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#34d399,#22d3ee);transition:width .6s cubic-bezier(.2,.8,.2,1)}
.ip-cta{font:inherit;font-weight:800;font-size:14.5px;border:0;border-radius:14px;padding:12px 20px;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 10px 22px rgba(79,70,229,.3);white-space:nowrap}
.ip-hero2 .ip-cta{background:#fff;color:#3730a3}.ip-cta.ghost{background:#eef2ff;color:#3730a3;box-shadow:none}.ip-cta.wide{width:100%;margin-top:6px}
.ip-row{display:flex;gap:8px;flex-wrap:wrap}.ip-row.c{justify-content:center}
.ip-path{list-style:none;margin:0;padding:0;display:grid;gap:12px;position:relative}
.ip-lv{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}
.ip-lvh{display:flex;gap:12px;align-items:center;padding:12px 14px;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 12%,#fff),#fff)}
.ip-lvn{flex:none;width:38px;height:38px;border-radius:12px;background:var(--c);color:#fff;font-weight:900;display:grid;place-items:center;box-shadow:0 6px 14px color-mix(in srgb,var(--c) 40%,transparent)}
.ip-lvh div{flex:1;min-width:0}.ip-lvh b{display:block;font-size:15.5px;color:var(--ink)}.ip-lvh small{font-size:12.5px;color:var(--mut)}.ip-lvh em{font-style:normal;font-weight:800;font-size:13px;color:var(--c)}
.ip-lsn{display:grid}
.ip-ls{font:inherit;text-align:left;display:flex;gap:12px;align-items:center;border:0;border-top:1px solid #f1f5f9;background:#fff;padding:12px 14px;cursor:pointer;color:var(--ink);transition:background .2s}
.ip-ls:hover{background:#f8fafc}.ip-ls>span:nth-child(2){flex:1;min-width:0;display:grid;gap:2px}.ip-ls b{font-size:14.5px}.ip-ls small{font-size:12.5px;color:var(--mut);line-height:1.4}
.ip-lsi{flex:none;width:36px;height:36px;border-radius:50%;background:#f1f5f9;display:grid;place-items:center;font-size:17px}
.ip-ls.done .ip-lsi{background:#16a34a;color:#fff;font-weight:900}.ip-ls.next{background:color-mix(in srgb,var(--c) 7%,#fff)}.ip-ls.next .ip-lsi{box-shadow:0 0 0 3px var(--c);animation:fxnext 2s infinite}
.ip-ls>i{font-style:normal;font-weight:800;font-size:13px;color:var(--c);white-space:nowrap}
.ip-mock{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:linear-gradient(135deg,#eef2ff,#faf5ff);border:1px solid #e0e7ff;border-radius:18px;padding:14px}
.ip-mock>div{flex:1 1 220px;display:grid;gap:2px}.ip-mock b{font-size:15.5px;color:var(--ink)}.ip-mock small{color:var(--mut);font-size:13px}.ip-mock select{font:inherit;font-size:15px;border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff;min-width:0;flex:1 1 180px}
.ip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.ip-card{font:inherit;text-align:left;display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:12px;background:#fff;color:var(--ink);cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}
.ip-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(15,23,42,.08);border-color:#c7d2fe}
.ip-ci{flex:none;width:46px;height:46px;border-radius:14px;background:#f1f5f9;display:grid;place-items:center;font-size:23px}
.ip-cb{flex:1;min-width:0;display:grid;gap:3px}.ip-cb b{font-size:14.5px;line-height:1.3}.ip-cb small{font-size:12.5px;color:var(--mut);line-height:1.35}
.ip-cm{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:#4338ca}.ip-cm em{flex:none;width:60px;height:5px;border-radius:5px;background:#e2e8f0;overflow:hidden}.ip-cm em i{display:block;height:100%;background:#4f46e5}
.ip-ca{font-style:normal;font-size:22px;color:#94a3b8}
.ip-ib{border:1px solid var(--line);border-radius:18px;padding:16px;display:grid;gap:12px;background:#fff}.ip-ibh b{display:block;font-size:16px;color:var(--ink)}.ip-ibh small{color:var(--mut);font-size:13px}
.ip-if{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ip-if label{display:grid;gap:4px;font-size:12.5px;font-weight:700;color:#334155}.ip-if input{font:inherit;font-size:16px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#f8fafc;min-width:0}
.ip-out{background:linear-gradient(135deg,#eef2ff,#faf5ff);border-radius:16px;padding:14px;display:grid;gap:8px}.ip-out p{margin:0;display:grid}.ip-out b{font-size:15.5px;color:var(--ink)}.ip-out small{color:#6d28d9;font-size:13px}
@media (max-width:820px){.ip-nav{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.ip-top{flex-wrap:wrap;padding:16px 16px 16px 20px}.ip-tt b{font-size:18px}.ip-oc{width:100%;text-align:center}.ip-in{padding:4px 12px 16px 16px}.ip-nav button small{display:none}.ip-nav button{padding:10px}.ip-if{grid-template-columns:1fr}.ip-grid{grid-template-columns:1fr}.ip-lang select{max-width:none}}
/* reader */
body.ip-lock{overflow:hidden}
#ip-rd{position:fixed;inset:0;z-index:100008;background:rgba(15,23,42,.6);backdrop-filter:blur(6px);display:grid;place-items:center;padding:16px}#ip-rd[hidden]{display:none}
#ip-rd .ip-rw{--c:#4f46e5;width:min(880px,100%);height:min(92vh,100%);background:#f8fafc;border-radius:24px;overflow:hidden;display:grid;grid-template-rows:auto auto 1fr;box-shadow:0 30px 80px rgba(0,0,0,.35);animation:dmin .3s cubic-bezier(.3,1.3,.5,1)}
@media (max-width:640px){#ip-rd{padding:0}#ip-rd .ip-rw{height:100%;border-radius:0}}
#ip-rd .ip-rh{display:flex;gap:12px;align-items:center;padding:14px 16px;background:#fff;border-bottom:1px solid #e2e8f0;color:#0f172a}#ip-rd .ip-rh b{display:block;font-size:16.5px}#ip-rd .ip-rh small{color:#475569;font-size:13px}
#ip-rd .ip-x{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid #e2e8f0;background:#fff;color:#0f172a;font-size:19px;cursor:pointer}#ip-rd .ip-ri{flex:none;width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--c) 14%,#fff);display:grid;place-items:center;font-size:22px}
#ip-rd .ip-rt{display:flex;gap:6px;padding:10px 14px;background:#fff;border-bottom:1px solid #e2e8f0;overflow-x:auto;scrollbar-width:none}
#ip-rd .ip-rt button{flex:none;font:inherit;font-weight:800;font-size:14px;border:1px solid #e2e8f0;border-radius:999px;padding:8px 14px;background:#fff;color:#334155;cursor:pointer}#ip-rd .ip-rt button.on{background:var(--c);border-color:var(--c);color:#fff}
#ip-rd .ip-rb{overflow:auto;padding:16px 16px 34px;-webkit-overflow-scrolling:touch}
#ip-rd .ip-rb>*{max-width:760px;margin-left:auto;margin-right:auto}
.ip-goal{background:#fff;border:1px solid #e2e8f0;border-left:5px solid var(--c);border-radius:14px;padding:12px 14px;display:grid;gap:3px}.ip-goal small{font-weight:800;color:var(--c);font-size:12.5px}.ip-goal b{font-size:15.5px;color:#0f172a}
#ip-rd .ip-h{margin:16px 0 8px}
.ip-ph{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ip-pc{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:12px;display:grid;gap:5px;animation:gxdeal .4s both;animation-delay:calc(var(--i)*40ms)}
.ip-pe{display:flex;gap:8px;align-items:flex-start;justify-content:space-between}.ip-pe b{font-size:15.5px;color:#0f172a;line-height:1.35}
.ip-pc .bn{color:#6d28d9;font-size:13.5px;line-height:1.45}
.ip-sp{flex:none;border:0;background:#eef2ff;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:14px}
.ip-tr{display:flex;gap:8px;align-items:center;background:#f0fdfa;border-radius:10px;padding:6px 8px;font-size:13.5px;color:#0f766e;min-height:22px}.ip-tr span{flex:1}.ip-tr small{color:#64748b}.ip-fl{font-style:normal}.ip-ld{color:#94a3b8}.ip-ts{border:0;background:#ccfbf1;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:12px;flex:none}
.ip-tips{margin:0;padding:0;list-style:none;display:grid;gap:6px}.ip-tips li{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:10px 12px 10px 36px;position:relative;font-size:14px;color:#422006;line-height:1.5}.ip-tips li:before{content:"💡";position:absolute;left:10px;top:9px}
.ip-dl{display:grid;gap:10px}
.ip-db{display:flex;gap:10px;align-items:flex-start;animation:fxjin .4s both;animation-delay:calc(var(--i)*80ms)}.ip-db>div{flex:1;min-width:0;background:#fff;border:1px solid #e2e8f0;border-radius:16px 16px 16px 4px;padding:10px 12px;display:grid;gap:4px}
.ip-db.me{flex-direction:row-reverse}.ip-db.me>div{background:color-mix(in srgb,var(--c) 10%,#fff);border-color:color-mix(in srgb,var(--c) 30%,#fff);border-radius:16px 16px 4px 16px}
.ip-db small{font-weight:800;font-size:11.5px;color:var(--c)}.ip-db b{font-size:15px;color:#0f172a;line-height:1.45}.ip-db.pl>div{box-shadow:0 0 0 3px var(--c)}
.ip-dav{flex:none;width:38px;height:38px;border-radius:50%;background:#e0e7ff;display:grid;place-items:center;font-size:19px}.ip-db.me .ip-dav{background:#fce7f3}
.ip-qz{display:grid;gap:12px}.ip-qz h3{margin:4px 0 0;font-size:18px;color:#0f172a}.ip-qz>small{color:#475569;font-weight:700}
.ip-qq{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px}.ip-qq b{flex:1;font-size:18px;color:#0f172a}
.ip-op{display:grid;gap:8px}.ip-op button{font:inherit;text-align:left;font-size:15px;border:2px solid #e2e8f0;background:#fff;border-radius:14px;padding:13px 14px;cursor:pointer;color:#0f172a;transition:.2s}.ip-op button:hover:not(:disabled){border-color:#a5b4fc}.ip-op button.ok{border-color:#16a34a;background:#f0fdf4}.ip-op button.no{border-color:#ef4444;background:#fef2f2;animation:gxno .4s}
.ip-cert{position:relative;text-align:center;background:linear-gradient(135deg,#fffbeb,#fff);border:3px double #d4a017;border-radius:20px;padding:30px 18px;display:grid;gap:8px;box-shadow:0 16px 40px rgba(212,160,23,.18)}.ip-cert small{letter-spacing:.2em;font-weight:900;color:#92400e}.ip-cert h2{margin:6px 0;font-size:30px;color:#0f172a;font-family:"Source Serif 4",Georgia,serif}.ip-cert p{margin:0;color:#475569}.ip-cert b{font-size:17px;color:#3730a3}.ip-cert span{color:#64748b;font-size:13px}.ip-cert i{font-style:normal;font-size:40px}
.ip-note{text-align:center;color:#475569;font-size:13px}
/* Q&A reader & practice (shared) */
.ip-pr{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:#475569;margin-bottom:10px}.ip-pr .ip-pbar{flex:1;background:#e2e8f0}
.ip-sq{font:inherit;font-size:16px;width:100%;box-sizing:border-box;padding:11px 14px;border-radius:14px;border:1px solid #e2e8f0;margin-bottom:10px;background:#fff}
.ip-ql{display:grid;gap:8px}.ip-q{background:#fff;border-radius:16px;border:1px solid #e2e8f0;overflow:hidden;transition:border-color .2s,box-shadow .2s}.ip-q.ok{border-color:#86efac}.ip-q.op{box-shadow:0 10px 24px rgba(79,70,229,.1);border-color:#c7d2fe}
.ip-qh{font:inherit;width:100%;text-align:left;display:flex;gap:12px;align-items:center;border:0;background:none;padding:13px;cursor:pointer;color:#0f172a}
.ip-qn{flex:none;width:30px;height:30px;border-radius:10px;background:#eef2ff;color:#3730a3;font-weight:900;font-size:13px;display:grid;place-items:center}.ip-q.ok .ip-qn{background:#dcfce7;color:#15803d}
.ip-qt{flex:1;min-width:0;display:grid;gap:3px}.ip-qt b{font-size:15.5px;line-height:1.35}.ip-qt small{font-size:13px;color:#6d28d9;line-height:1.45}.ip-qc{font-style:normal;color:#64748b;font-size:20px;font-weight:700}.ip-q.ok .ip-qc{color:#16a34a;font-size:16px}
.ip-qa{padding:0 13px 13px 55px;display:grid;gap:8px}.ip-al,.ip-sa{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;padding:12px;display:grid;gap:5px}
.ip-lb,.ip-lb2{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#15803d}.ip-lb2{color:#0f766e}
.ip-al p,.ip-sa p{margin:0;font-size:15px;line-height:1.55;color:#0f172a}.ip-al p.bn,.ip-sa p.bn{color:#6d28d9;font-size:13.5px}.ip-al p.li,.ip-sa p.li{padding-left:16px;position:relative}.ip-al p.li:before,.ip-sa p.li:before{content:"•";position:absolute;left:4px;color:#16a34a;font-weight:900}
.ip-tq{display:grid;gap:5px}.ip-tq:empty{display:none}
.ip-qb{display:flex;gap:6px;flex-wrap:wrap}.ip-qb button{font:inherit;font-size:13px;font-weight:800;border:1px solid #e2e8f0;background:#fff;border-radius:999px;padding:7px 12px;cursor:pointer;color:#334155}.ip-qb button.ok{border-color:#c7d2fe;color:#3730a3}.ip-q.ok .ip-qb button.ok{background:#16a34a;color:#fff;border-color:#16a34a}
@media (max-width:640px){.ip-qa{padding-left:13px}.ip-ph{grid-template-columns:1fr}}
.ip-doc{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:18px;display:grid;gap:7px}
.ip-doc h4{margin:16px 0 2px;font-size:16.5px;color:#1e1b4b;padding-left:10px;border-left:4px solid #6366f1}.ip-doc h4:first-child{margin-top:0}
.ip-doc p{margin:0;font-size:15px;line-height:1.6;color:#0f172a}.ip-doc p.li{padding-left:18px;position:relative}.ip-doc p.li:before{content:"•";position:absolute;left:5px;color:#6366f1;font-weight:900}
.ip-box{background:#eef2ff;border-radius:14px;padding:12px;font-size:15px;line-height:1.6;color:#0f172a}
.ip-tw{overflow-x:auto;margin:4px 0;border-radius:14px;border:1px solid #e2e8f0}.ip-tw table{border-collapse:collapse;width:100%;font-size:14px}.ip-tw th{background:#eef2ff;color:#1e1b4b;text-align:left;padding:9px 10px;font-size:12.5px;white-space:nowrap}.ip-tw td{padding:9px 10px;border-top:1px solid #f1f5f9;vertical-align:top;line-height:1.5;color:#0f172a}.ip-tw tr:nth-child(even) td{background:#fafbff}.ip-tw .ip-sp{width:26px;height:26px;margin-right:6px;font-size:11px;vertical-align:middle}
.ip-mk{display:grid;gap:14px}.ip-mk .ip-pbar{background:#e2e8f0}.ip-mc{color:#475569;font-weight:700}
.ip-ex,.ip-me{display:flex;gap:10px;align-items:flex-end}.ip-me{justify-content:flex-end}
.ip-av{flex:none;width:44px;height:44px;border-radius:50%;background:#e0e7ff;display:grid;place-items:center;font-size:22px}.ip-av.me{background:#fce7f3}
.ip-bub{position:relative;flex:1;background:#fff;border:1px solid #e2e8f0;border-radius:18px 18px 18px 4px;padding:14px 48px 14px 14px;display:grid;gap:5px;animation:dmin .35s}.ip-bub b{font-size:17.5px;line-height:1.4;color:#0f172a}.ip-bub small{color:#6d28d9;font-size:13.5px}
.ip-rp{position:absolute;right:8px;top:8px;border:0;background:#eef2ff;border-radius:50%;width:34px;height:34px;cursor:pointer}
.ip-said{max-width:80%;background:#4f46e5;color:#fff;border-radius:18px 18px 4px 18px;padding:12px 14px;font-size:15px;opacity:.8}.ip-said.ok{opacity:1}
.ip-ctl{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.ip-mic{font:inherit;font-weight:900;font-size:15px;border:0;border-radius:999px;padding:13px 22px;background:#ef4444;color:#fff;cursor:pointer;box-shadow:0 10px 22px rgba(239,68,68,.3)}.ip-mic.rec{animation:trpulse 1.2s infinite}
.ip-rate{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.ip-rate button{font:inherit;font-weight:800;border:0;border-radius:12px;padding:12px;cursor:pointer;color:#fff}.ip-rate .y{background:#16a34a}.ip-rate .n{background:#f59e0b}
.ip-end{text-align:center;display:grid;gap:10px;justify-items:center;padding:30px 10px}.ip-big{font-size:64px;animation:fxpop .6s}.ip-end h3{margin:0;font-size:24px;color:#0f172a}.ip-end p{margin:0;color:#334155}
.ip-line{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:18px;display:grid;gap:10px;text-align:center}.ip-line small{color:#475569}.ip-line .bn{font-size:20px;color:#6d28d9}.ip-line .ip-sa b{font-size:19px;color:#15803d}

.ip-me2{border:1px solid #c7d2fe;background:linear-gradient(135deg,#eef2ff,#fff);border-radius:16px;overflow:hidden}
.ip-me2 summary{list-style:none;cursor:pointer;display:flex;gap:12px;align-items:center;padding:12px 14px}.ip-me2 summary::-webkit-details-marker{display:none}
.ip-me2 summary>span{flex:none;width:40px;height:40px;border-radius:12px;background:#4f46e5;display:grid;place-items:center;font-size:20px}
.ip-me2 summary div{flex:1;min-width:0}.ip-me2 summary b{display:block;font-size:15px;color:#0f172a}.ip-me2 summary small{font-size:12.5px;color:#475569}
.ip-me2 summary i{font-style:normal;font-weight:800;font-size:13px;color:#3730a3;background:#fff;border:1px solid #c7d2fe;border-radius:999px;padding:6px 12px;white-space:nowrap}.ip-me2[open] summary i{visibility:hidden}
.ip-me2 .ip-if{padding:0 14px 6px;grid-template-columns:repeat(3,minmax(0,1fr))}.ip-note2{margin:0;padding:0 14px 12px;font-size:12px;color:#475569}
@media (max-width:820px){.ip-me2 .ip-if{grid-template-columns:1fr 1fr}}@media (max-width:480px){.ip-me2 .ip-if{grid-template-columns:1fr}}
mark.ip-mf{background:#fef08a;color:#0f172a;border-radius:4px;padding:0 3px;font-weight:800}
.ip-3l{display:grid;gap:6px}.ip-l{border-radius:12px;padding:9px 11px;display:grid;gap:3px}.ip-l>span{font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.ip-l b{font-size:14.5px;line-height:1.45;color:#0f172a}.ip-l p{margin:0;font-size:14px;line-height:1.5;color:#1e293b}
.ip-l.en{background:#eff6ff}.ip-l.en>span{color:#1d4ed8}.ip-l.bn{background:#f5f3ff}.ip-l.bn>span{color:#6d28d9}.ip-l.fo{background:#ecfdf5}.ip-l.fo>span{color:#047857}
.ip-hs{font-weight:700;color:#4338ca;font-size:12px;margin-left:6px}
.ip-cty .ip-ci{font-size:28px;background:#fff;border:1px solid #e2e8f0}
.ip-fo2{display:block;color:#047857!important}

@media (max-width:640px){.ip-top{display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:12px}.ip-top .ip-oc{grid-column:1/-1}.ip-logo{width:48px;height:48px;font-size:24px;border-radius:14px}.ip-tt small{font-size:13.5px}}
/* CV builder */
.cv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:16px;align-items:start}
.cv-ed{display:grid;gap:10px}.cv-hd b{display:block;font-size:17px;color:#0f172a}.cv-hd small{color:#475569;font-size:13.5px}
.cv-tp{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:13px;font-weight:700;color:#334155}.cv-tp>button{font:inherit;font-size:13px;font-weight:800;border:1px solid #e2e8f0;background:#fff;border-radius:999px;padding:7px 12px;cursor:pointer}.cv-tp>button.on{background:#4f46e5;border-color:#4f46e5;color:#fff}
.cv-cl{display:flex;gap:6px;margin-left:auto}.cv-cl button{width:26px;height:26px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #cbd5e1;cursor:pointer}.cv-cl button.on{box-shadow:0 0 0 2px #0f172a}
.cv-s{border:1px solid #e2e8f0;border-radius:16px;background:#fff;overflow:hidden}.cv-s summary{cursor:pointer;padding:12px 14px;font-weight:800;font-size:15px;color:#0f172a;list-style:none;display:flex;justify-content:space-between}.cv-s summary::-webkit-details-marker{display:none}.cv-s summary:after{content:"▾";color:#64748b}.cv-s[open] summary:after{content:"▴"}
.cv-sb{padding:0 14px 14px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cv-f{display:grid;gap:4px;font-size:12.5px;font-weight:700;color:#334155;min-width:0}.cv-f.w,.cv-sb>.cv-ai,.cv-sb>.cv-add,.cv-sb>div,.cv-ph{grid-column:1/-1}
.cv-f input,.cv-f textarea{font:inherit;font-size:16px;padding:10px 12px;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc;min-width:0;width:100%;box-sizing:border-box;resize:vertical}
.cv-ph{display:grid;gap:4px;font-size:12.5px;font-weight:700;color:#334155}.cv-ph input{font-size:14px}
.cv-it{border:1px dashed #cbd5e1;border-radius:14px;padding:10px;display:grid;gap:8px;margin-bottom:8px}.cv-g{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cv-ia{display:flex;gap:8px;flex-wrap:wrap}.cv-ai{font:inherit;font-size:13px;font-weight:800;border:0;border-radius:999px;padding:8px 14px;background:linear-gradient(135deg,#eef2ff,#fae8ff);color:#5b21b6;cursor:pointer;justify-self:start}
.cv-add{font:inherit;font-weight:800;font-size:14px;border:1px dashed #a5b4fc;background:#fff;color:#4338ca;border-radius:12px;padding:10px;cursor:pointer}.cv-rm{font:inherit;font-size:13px;font-weight:700;border:0;background:none;color:#dc2626;cursor:pointer;margin-left:auto}
.cv-pv{position:sticky;top:10px;display:grid;gap:10px}.cv-pvh{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.cv-pvh b{font-size:15px;color:#0f172a}.cv-pvh div{display:flex;gap:8px}
.cv-scale{position:relative;overflow:hidden;border-radius:12px;box-shadow:0 14px 40px rgba(15,23,42,.18);background:#fff}.cv-paper{width:794px;transform-origin:0 0}
.cv-tip{margin:0;font-size:13px;color:#475569}
@media (max-width:900px){.cv{grid-template-columns:1fr}.cv-pv{position:static;order:-1}}
@media (max-width:520px){.cv-sb,.cv-g{grid-template-columns:1fr}.cv-cl{margin-left:0}}
/* passport scan */
.ps-btn{font:inherit;font-size:14px;font-weight:800;border:0;border-radius:14px;padding:11px 14px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;box-shadow:0 8px 20px rgba(79,70,229,.25);grid-column:1/-1}
.ps-btn small{font-weight:600;opacity:.85}
.ps-m{position:fixed;inset:0;z-index:2147483000;background:rgba(15,23,42,.55);display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .25s}.ps-m.on{opacity:1}
.ps-c{position:relative;background:#fff;width:min(520px,100%);max-height:92vh;overflow:auto;border-radius:24px 24px 0 0;padding:22px 18px calc(18px + env(safe-area-inset-bottom));transform:translateY(30px);transition:transform .3s;color:#1f2937}.ps-m.on .ps-c{transform:none}
@media(min-width:640px){.ps-m{align-items:center}.ps-c{border-radius:24px}}
.ps-c h3{margin:0 0 6px;font-size:20px;color:#0f172a}.ps-c>p{margin:0 0 12px;font-size:14.5px;color:#374151}
.ps-x{position:absolute;top:12px;right:12px;border:0;background:#f1f5f9;width:36px;height:36px;border-radius:50%;font-size:16px;cursor:pointer}
.ps-tips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.ps-tips span{background:#eef2ff;color:#3730a3;border-radius:999px;padding:5px 10px;font-size:12.5px;font-weight:700}
.ps-bt{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ps-go{display:flex;align-items:center;justify-content:center;padding:14px;border-radius:16px;background:#4f46e5;color:#fff;font-weight:800;cursor:pointer;font-size:15px}.ps-go.alt{background:#fff;color:#4338ca;border:2px solid #c7d2fe}
.ps-st{margin-top:14px;display:grid;gap:8px}.ps-pv{position:relative;border-radius:14px;overflow:hidden;background:#0f172a;max-height:220px}.ps-pv img{width:100%;max-height:220px;object-fit:contain;display:block}
.ps-beam{position:absolute;left:0;right:0;height:3px;background:#22d3ee;box-shadow:0 0 16px 4px rgba(34,211,238,.7);animation:psb 1.6s ease-in-out infinite alternate}@keyframes psb{from{top:4%}to{top:94%}}
.ps-bar{height:8px;background:#e5e7eb;border-radius:9px;overflow:hidden}.ps-bar b{display:block;height:100%;width:0;background:linear-gradient(90deg,#4f46e5,#22d3ee);transition:width .3s}.ps-st small{font-size:13px;color:#4b5563;font-weight:700}
.ps-res{margin-top:12px;display:grid;gap:8px}.ps-res label{display:grid;gap:3px;font-size:12.5px;font-weight:700;color:#374151}.ps-res input{font:inherit;font-size:16px;padding:9px 11px;border:1px solid #d1d5db;border-radius:11px}
.ps-ok{color:#047857}.ps-bad{color:#b91c1c;font-weight:700;font-size:14px;margin:0}.ps-use{font:inherit;font-weight:800;font-size:16px;border:0;border-radius:14px;padding:13px;background:#059669;color:#fff;cursor:pointer}
.ps-lock{font-size:12.5px;color:#4b5563;margin:12px 0 0}
.ps-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#0f172a;color:#fff;padding:11px 18px;border-radius:999px;font-weight:700;font-size:14px;z-index:2147483001;opacity:0;transition:.3s}.ps-toast.on{opacity:1;transform:translate(-50%,0)}
@media (prefers-reduced-motion:reduce){.ps-beam{animation:none;top:50%}}
/* category + experience bar */
.ip-bar3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ip-bar3 .ip-lang{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:6px!important;box-sizing:border-box;padding:10px 12px!important}.ip-bar3 .ip-lang select{flex:0 0 auto!important;height:46px!important;min-height:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:0 10px!important}
.ip-bar3 .ip-lang{margin:0;min-width:0}.ip-bar3 .ip-lang select{min-width:0;width:100%}
@media (max-width:760px){.ip-bar3{grid-template-columns:1fr}}@media (max-width:520px){.ip-bar3{grid-template-columns:1fr}}
#ip [data-open].mine{outline:3px solid #4f46e5;outline-offset:2px}
.ip-step{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#4f46e5;color:#fff;font-size:13px;margin-right:8px;vertical-align:middle}
.ip-idt>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:#ecfdf5;border:1px solid #a7f3d0}
.ip-idt>summary::-webkit-details-marker{display:none}.ip-idt[open]>summary{display:none}.ip-idt .ip-sm{flex:1;min-width:0;display:grid}.ip-idt .ip-sm b{color:#065f46;font-size:15px}.ip-idt .ip-sm small{color:#1f2937;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ip-idt>summary i{font-style:normal;font-weight:800;font-size:13px;color:#fff;background:#059669;border-radius:999px;padding:6px 12px}
.ip-idt:not([open])+.ip-out{margin-top:12px}.ip-hid{animation:ipHid .45s ease}@keyframes ipHid{from{opacity:.4;transform:translateY(-6px)}to{opacity:1;transform:none}}
.ip-mine{background:linear-gradient(135deg,#ecfdf5,#eef2ff);border:1px solid #a7f3d0;border-radius:16px;padding:14px 16px;margin-bottom:14px}.ip-mine>b{display:block;color:#065f46;margin-bottom:6px;font-size:16px}.ip-mine p{margin:4px 0;font-weight:600}.ip-exh{color:#4b5563}
.cv-ok{margin-left:auto;margin-right:8px;font-weight:700;font-size:12.5px;color:#047857;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}
.ip-cvback{margin-bottom:12px}
.ipp{width:794px;min-height:1123px;box-sizing:border-box;background:#fff;color:#111827;font-family:"Libre Franklin","Hind Siliguri","Segoe UI",Arial,sans-serif;padding:0 0 30px;display:flex;flex-direction:column}
.ipp-hd{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:36px 48px}.ipp-hd small{font-size:13px;letter-spacing:.08em;text-transform:uppercase;opacity:.9}.ipp-hd h1{margin:6px 0 4px;font-size:34px}.ipp-hd p{margin:0;font-size:16px;opacity:.95;text-transform:capitalize}
.ipp ol{margin:28px 48px 0;padding:0;list-style:none;counter-reset:n;flex:1}.ipp li{counter-increment:n;position:relative;padding:12px 0 12px 46px;border-bottom:1px solid #e5e7eb}.ipp li:before{content:counter(n);position:absolute;left:0;top:13px;width:30px;height:30px;border-radius:50%;background:#eef2ff;color:#4338ca;font-weight:800;font-size:14px;display:grid;place-items:center}
.ipp li b{display:block;font-size:19px;line-height:1.35}.ipp li span{display:block;color:#6d28d9;font-size:16px;margin-top:3px}.ipp li em{display:block;color:#047857;font-style:normal;font-size:15px;margin-top:3px}
.ipp-ft{margin:22px 48px 0;padding:14px 18px;border-radius:12px;background:#f3f4f6;color:#374151;font-size:14px;text-align:center}
.ip-mn{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#ecfdf5;border:1px solid #a7f3d0;margin-bottom:12px}.ip-mn.empty{background:#eef2ff;border-color:#c7d2fe}.ip-mn>span{font-size:22px}.ip-mn>div{flex:1;min-width:0;display:grid}.ip-mn b{color:#065f46;font-size:15px}.ip-mn.empty b{color:#3730a3}.ip-mn small{color:#1f2937;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ip-mn-go{font:inherit;font-weight:800;font-size:13px;border:0;border-radius:999px;padding:7px 14px;background:#059669;color:#fff;cursor:pointer}.ip-mn.empty .ip-mn-go{background:#4f46e5}
.ip-lvjob .ip-lvn{font-size:18px}.ip-lvjob[style*='0ea5e9']{box-shadow:0 0 0 2px #7dd3fc}.ip-lvjob{box-shadow:0 0 0 2px #fcd34d}
.ip-chk{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;margin:6px 0;border:1px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;font-size:15px;line-height:1.4}.ip-chk input{width:20px;height:20px;flex:none;margin-top:1px;accent-color:#059669}.ip-chk:has(input:checked){background:#ecfdf5;border-color:#a7f3d0}.ip-chk:has(input:checked) span{color:#065f46}
.ip-ch{margin-top:14px;display:grid;gap:8px}.ip-opt{display:flex;gap:12px;align-items:flex-start;text-align:left;font:inherit;padding:12px 14px;border-radius:14px;border:2px solid #e5e7eb;background:#fff;cursor:pointer;transition:.2s}.ip-opt:hover{border-color:#a5b4fc;background:#f5f7ff}.ip-opt i{flex:none;width:28px;height:28px;border-radius:50%;background:#eef2ff;color:#4338ca;font-style:normal;font-weight:800;display:grid;place-items:center}.ip-opt span{display:grid;gap:3px}.ip-opt b{font-size:15.5px;color:#111827}.ip-opt small{font-size:14px;color:#6d28d9}
.ip-ch.done .ip-opt{cursor:default;opacity:.6}.ip-ch .ip-opt.ok{border-color:#10b981;background:#ecfdf5;opacity:1}.ip-ch .ip-opt.ok i{background:#10b981;color:#fff}.ip-ch .ip-opt.bad{border-color:#ef4444;background:#fef2f2;opacity:1}.ip-ch .ip-opt.bad i{background:#ef4444;color:#fff}
.ip-chr{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:12px}.ip-chr.y{background:#ecfdf5;color:#065f46}.ip-chr.n{background:#fef2f2;color:#991b1b}
.ip-tq{display:none!important}.ip-fo3{display:flex;gap:8px;align-items:baseline;margin:6px 0 0;color:#047857;font-weight:600}.ip-fo3 i{font-style:normal;flex:none}
.ip-full{display:grid;gap:10px}.ip-fh{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px;border-radius:16px;background:linear-gradient(135deg,#eef2ff,#f5f3ff)}.ip-fh b{display:block;font-size:17px;color:#1e1b4b}.ip-fh small{color:#374151;font-size:13.5px}
.ip-fq{display:flex;gap:12px;padding:14px;border:1px solid #e5e7eb;border-radius:14px;background:#fff}.ip-fn{flex:none;width:30px;height:30px;border-radius:50%;background:#eef2ff;color:#4338ca;font-weight:800;display:grid;place-items:center;font-size:14px}.ip-fq>div{min-width:0}.ip-fq p{margin:0 0 4px}.ip-fq .q b{display:block;font-size:16px;color:#111827}.ip-fq .q small{color:#6d28d9;font-size:14px}.ip-fq .a{margin-top:8px;padding-left:10px;border-left:3px solid #10b981;font-size:15.5px;color:#111827}.ip-fq .ab{padding-left:13px;color:#6d28d9;font-size:14.5px}.ip-fq .ip-fo3{padding-left:13px}
.ip-src{margin:6px 0;font-weight:700}.ip-src a{color:#4338ca;text-decoration:underline;word-break:break-word}
.ip-jt{display:inline-block;font-style:normal;font-size:11.5px;font-weight:800;color:#92400e;background:#fef3c7;border-radius:999px;padding:2px 8px;margin-left:6px;vertical-align:middle}
.ip-qcat{margin:14px 2px 6px;font-size:14px;font-weight:800;color:#312e81;display:flex;align-items:center;gap:8px;text-transform:none}.ip-qcat small{background:#eef2ff;color:#4338ca;border-radius:999px;padding:1px 8px;font-size:12px}.ip-ql>.ip-qcat:first-child{margin-top:4px}
/* ===== Interview prep: easy steps, motion & accessibility ===== */
.ip-steps{margin:14px 0 10px;padding:14px;border-radius:18px;background:linear-gradient(135deg,#fefce8,#ecfdf5);border:1px solid #d9f99d}
.ip-sh{display:grid;gap:2px;margin-bottom:10px}.ip-sh b{font-size:16px;color:#14532d}.ip-sh small{font-size:13.5px;color:#1f2937}
.ip-steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.ip-steps button{width:100%;min-height:64px;display:grid;grid-template-columns:auto auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;text-align:left;font:inherit;padding:10px 12px;border-radius:14px;border:2px solid #e5e7eb;background:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}
.ip-steps button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,23,42,.1)}
.ip-steps .ip-sn{grid-row:1/3;width:30px;height:30px;border-radius:50%;background:#e5e7eb;color:#374151;font-weight:900;display:grid;place-items:center}.ip-steps .ip-si{grid-row:1/3;font-size:22px}
.ip-steps button b{font-size:14.5px;color:#111827}.ip-steps button small{grid-column:3;font-size:13px;color:#4b5563}
.ip-steps button.ok{border-color:#86efac;background:#f0fdf4}.ip-steps button.ok .ip-sn{background:#16a34a;color:#fff}
.ip-steps button.now{border-color:#6366f1;box-shadow:0 0 0 4px rgba(99,102,241,.15);animation:ipNow 2s ease-in-out infinite}.ip-steps button.now .ip-sn{background:#4f46e5;color:#fff}
@keyframes ipNow{0%,100%{box-shadow:0 0 0 4px rgba(99,102,241,.15)}50%{box-shadow:0 0 0 8px rgba(99,102,241,.05)}}
@media (max-width:760px){.ip-steps ol{grid-template-columns:1fr 1fr}}
@media (max-width:400px){.ip-steps ol{grid-template-columns:1fr}}
.ip-pulse{animation:ipPulse .5s ease 3}@keyframes ipPulse{50%{box-shadow:0 0 0 5px rgba(99,102,241,.45)}}
.ip-rt button small,.ip-lang span small{font-size:.82em;opacity:.8;font-weight:600}
/* motion */
@keyframes ipIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes ipPop{0%{transform:scale(1)}40%{transform:scale(1.04)}100%{transform:scale(1)}}
@keyframes ipShake{0%,100%{transform:none}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
#ip .ip-ls,#ip .ip-grid>[data-open],.ip2r .ip-q,.ip2r .ip-fq,.ip2r .ip-opt,.ip2r .ip-chk,.ip2r .ip-pc,.ip2r .ip-db,#ip .ip-steps li,#ip .ip-qcat{animation:ipIn .45s cubic-bezier(.2,.8,.2,1) both}
#ip .ip-ls:nth-child(2),.ip2r .ip-q:nth-child(2),.ip2r .ip-opt:nth-child(2),#ip .ip-steps li:nth-child(2){animation-delay:.05s}
#ip .ip-ls:nth-child(3),.ip2r .ip-q:nth-child(3),.ip2r .ip-opt:nth-child(3),#ip .ip-steps li:nth-child(3){animation-delay:.1s}
#ip .ip-ls:nth-child(4),.ip2r .ip-q:nth-child(4),.ip2r .ip-opt:nth-child(4),#ip .ip-steps li:nth-child(4){animation-delay:.15s}
#ip .ip-ls:nth-child(n+5),.ip2r .ip-q:nth-child(n+5){animation-delay:.2s}
.ip2r .ip-opt.ok{animation:ipPop .4s ease}.ip2r .ip-opt.bad{animation:ipShake .35s ease}
.ip2r .ip-chr{animation:ipIn .3s ease both}
#ip .ip-pbar i,.ip2r .ip-pbar i{transition:width .8s cubic-bezier(.2,.8,.2,1)}
#ip .ip-grid>[data-open]{transition:transform .2s,box-shadow .2s}#ip .ip-grid>[data-open]:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(15,23,42,.1)}
/* accessibility: big targets + clear focus */
#ip button,#ip select,.ip2r button{min-height:44px}
#ip :focus-visible,.ip2r :focus-visible{outline:3px solid #f59e0b!important;outline-offset:2px}
@media (prefers-reduced-motion:reduce){#ip *,.ip2r *{animation:none!important;transition:none!important}}
/* ===== colourful animated cards (courses + interview questions) ===== */
#ip .ip-card.fx{position:relative;overflow:hidden;isolation:isolate;border:0!important;background:#fff;border-radius:20px;box-shadow:0 1px 0 rgba(15,23,42,.04),0 6px 18px rgba(15,23,42,.06);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}
#ip .ip-card.fx:before{content:"";position:absolute;inset:0;padding:2px;border-radius:20px;background:linear-gradient(135deg,var(--cc),var(--cc2),var(--cc));background-size:200% 200%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.55;transition:opacity .25s;animation:ipGrad 6s linear infinite;z-index:-1}
#ip .ip-card.fx:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-18deg);transition:left .7s ease;pointer-events:none}
#ip .ip-card.fx:hover{transform:translateY(-4px);box-shadow:0 16px 34px color-mix(in srgb,var(--cc) 25%,transparent)}
#ip .ip-card.fx:hover:before{opacity:1}#ip .ip-card.fx:hover:after{left:130%}
#ip .ip-card.fx .ip-ci{background:linear-gradient(135deg,var(--cc),var(--cc2))!important;color:#fff;box-shadow:0 8px 18px color-mix(in srgb,var(--cc) 35%,transparent);animation:ipFloat 3.2s ease-in-out infinite}
#ip .ip-grid>.ip-card.fx:nth-child(2n) .ip-ci{animation-delay:-1.6s}
#ip .ip-card.fx .ip-cm em i{background:linear-gradient(90deg,var(--cc),var(--cc2))!important}
#ip .ip-card.fx .ip-ca{color:var(--cc2);transition:transform .25s}#ip .ip-card.fx:hover .ip-ca{transform:translateX(4px)}
#ip .ip-card.fx.mine{box-shadow:0 0 0 3px var(--cc),0 16px 34px color-mix(in srgb,var(--cc) 25%,transparent);outline:0}
@keyframes ipGrad{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@keyframes ipFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(-3deg)}}
#ip .ip-h{position:relative;padding-left:12px}#ip .ip-h:before{content:"";position:absolute;left:0;top:15%;bottom:15%;width:4px;border-radius:4px;background:linear-gradient(#6366f1,#ec4899)}
#ip .ip-mock{background:linear-gradient(120deg,#eef2ff,#fdf2f8,#ecfeff)!important;background-size:200% 200%!important;animation:ipGrad 10s ease infinite}
/* course reader */
.ip-crs{--cc:#4f46e5;--cc2:#4338ca}
.ip-crh{display:flex;gap:14px;align-items:center;padding:18px;border-radius:20px;color:#fff;background:linear-gradient(135deg,var(--cc),var(--cc2));box-shadow:0 14px 30px color-mix(in srgb,var(--cc) 30%,transparent);animation:ipIn .5s ease both}
.ip-cre{font-size:40px;width:64px;height:64px;display:grid;place-items:center;border-radius:18px;background:rgba(255,255,255,.2);animation:ipFloat 3s ease-in-out infinite;flex:none}
.ip-crh b{display:block;font-size:20px}.ip-crh small{opacity:.92;font-size:14px}.ip-crm{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.ip-crm em{font-style:normal;font-size:12.5px;font-weight:700;background:rgba(255,255,255,.22);border-radius:999px;padding:3px 10px}
.ip-rp2{position:sticky;top:-16px;z-index:3;height:6px;margin:12px 0;border-radius:9px;background:#e5e7eb;overflow:hidden}.ip-rp2 i{display:block;height:100%;background:linear-gradient(90deg,var(--cc),var(--cc2));transition:width .3s}
.ip-toc{margin:6px 0 14px;border:1px solid #e5e7eb;border-radius:16px;background:#fff}.ip-toc summary{cursor:pointer;padding:12px 14px;font-weight:800;color:#111827;display:flex;justify-content:space-between}.ip-toc summary small{background:#eef2ff;color:#4338ca;border-radius:999px;padding:1px 9px}
.ip-toc ol{margin:0;padding:0 10px 10px 34px;display:grid;gap:2px}.ip-toc button{font:inherit;text-align:left;border:0;background:none;padding:8px 6px;border-radius:8px;cursor:pointer;color:#1f2937;width:100%;min-height:40px}.ip-toc button:hover{background:#f5f7ff;color:var(--cc2)}
.ip-crs .ip-doc h4.ip-ch2{display:flex;gap:10px;align-items:center;margin:22px 0 10px;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--cc) 9%,#fff);border-left:5px solid var(--cc);color:#111827;font-size:17px;scroll-margin-top:16px;animation:ipIn .45s ease both}
.ip-ch2 .ip-chn{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--cc);color:#fff;font-size:13px;font-style:normal}.ip-ch2 .ip-cht{flex:1;min-width:0;line-height:1.4}
.ip-crs .ip-doc table tbody tr:nth-child(even){background:#f8fafc}.ip-crs .ip-doc thead th{background:color-mix(in srgb,var(--cc) 14%,#fff)!important;position:sticky;top:0}
.ip-crs .ip-doc p{font-size:16px;line-height:1.6}
.ip-crd{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:26px 0 8px}.ip-crok{font-weight:800;color:#047857;background:#ecfdf5;border-radius:999px;padding:10px 18px;margin:0}
@media (prefers-reduced-motion:reduce){#ip .ip-card.fx:before,#ip .ip-card.fx .ip-ci,.ip-cre,#ip .ip-mock{animation:none!important}}
/* word search */
.ws-how{margin:0;font-size:14px;color:#1f2937;background:#fef9c3;border-radius:12px;padding:8px 12px}
.ws-grid{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:4px;user-select:none;touch-action:manipulation}
.ws-c{aspect-ratio:1;border:0;border-radius:8px;background:#f1f5f9;font:inherit;font-weight:800;font-size:clamp(12px,3.6vw,17px);color:#0f172a;cursor:pointer;padding:0;min-height:0!important;transition:transform .15s,background .2s}
.ws-c:hover{background:#e0e7ff}.ws-c.sel{background:#4f46e5;color:#fff;transform:scale(1.12);box-shadow:0 0 0 3px rgba(79,70,229,.3)}
.ws-c.got{background:var(--wc);color:#fff;animation:wsGot .45s ease both}.ws-c.bad{animation:ipShake .35s ease;background:#fecaca}
.ws-c.hint{animation:wsHint 1.2s ease 2}
@keyframes wsGot{0%{transform:scale(.6)}60%{transform:scale(1.15)}100%{transform:scale(1)}}
@keyframes wsHint{50%{background:#fde047;transform:scale(1.15)}}
.ws-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px}
.ws-list li{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;padding:8px 10px;border-radius:12px;background:#f8fafc;border:1px solid #e5e7eb;transition:.3s}
.ws-list li b{font-size:15px;color:#111827}.ws-list li small{grid-column:2;font-size:12.5px;color:#4b5563}
.ws-list .ws-say{grid-row:1/3;border:0;background:#eef2ff;border-radius:50%;width:34px;height:34px;min-height:0!important;cursor:pointer}
.ws-list li.ok{background:color-mix(in srgb,var(--wc) 14%,#fff);border-color:var(--wc)}.ws-list li.ok b{text-decoration:line-through;text-decoration-color:var(--wc);text-decoration-thickness:3px}
.ws-ft{display:flex;gap:8px;flex-wrap:wrap}
/* fixes: memory flip + word-of-day header */
.gm-c.fx-clip{overflow:visible!important}.gm-c .f{visibility:hidden}.gm-c.up .f{visibility:visible}.gm-c.up .b{visibility:hidden}
.gm-hd>div>b,.gm-hd>div>h3{display:block}
.tr-type{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;margin-top:10px;padding:8px;border-radius:18px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 4px 14px rgba(15,23,42,.05)}
.tr-tside{display:flex;background:#f1f5f9;border-radius:999px;padding:3px}.tr-tside button{font:inherit;font-size:13px;font-weight:800;border:0;background:none;border-radius:999px;padding:8px 12px;cursor:pointer;color:#334155;min-height:40px}.tr-tside button.on{background:#4f46e5;color:#fff}.tr-tside button[data-ts=t].on{background:#059669}
#tr-tin{font:inherit;font-size:16px;border:0;outline:0;min-width:0;padding:10px 6px;background:transparent}#tr-tgo{border:0;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:18px;cursor:pointer}
.tr-flash{animation:ipPulse .5s ease 2}
#tr-vnote:not([hidden]){display:block;margin-top:10px;padding:10px 14px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;font-size:14.5px;line-height:1.45}
@media (max-width:520px){.tr-type{grid-template-columns:1fr auto}.tr-tside{grid-column:1/-1;justify-self:start}}
#fx-wd{display:none!important}.ip-doc .dc{font-weight:700}
@media (max-width:600px){.ip-tw td,.ip-tw th{min-width:96px}.ip-tw td:first-child{min-width:120px}}
.dx-card{position:relative}.dx-x{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;border:0;background:#f1f5f9;color:#334155;font-size:15px;cursor:pointer}.dx-x:hover{background:#e2e8f0}#dx-res{animation:ipIn .3s ease both}#dx-res.dx-out{opacity:0;transform:translateY(-6px);transition:.25s}
/* online application */
.ap-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.ap-ok{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--ink,#334155);padding:10px 12px;border-radius:12px;background:var(--accent-soft,#f8fafc);border:1px solid var(--line,#e2e8f0);cursor:pointer}.ap-ok input{width:20px;height:20px;flex:none;margin-top:1px;accent-color:#0f766e}.ap-ok.bad{border-color:#ef4444;background:#fef2f2}
.ap-btns{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px}.ap-or{color:#64748b;font-size:14px}
.ap-go{background:linear-gradient(135deg,#0f766e,#059669)!important;color:#fff!important;border:0;cursor:pointer;font-weight:800;box-shadow:0 10px 24px rgba(5,150,105,.25);transition:transform .2s,box-shadow .2s}.ap-go:hover{transform:translateY(-2px)}.ap-go.busy{opacity:.7;cursor:wait}
.ap-res{margin-top:14px;padding:16px;border-radius:18px;font-size:15px;line-height:1.5;animation:apIn .4s ease both}.ap-res.err{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.ap-res.err a{color:#991b1b;font-weight:700}
.ap-res.ok{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(135deg,#ecfdf5,#f0fdfa);border:1px solid #a7f3d0;color:#064e3b}
.ap-tx{display:grid;gap:6px;min-width:0}.ap-tx b{font-size:18px}.ap-tx small{color:#065f46}
.ap-ref{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#fff;border:1px dashed #34d399;border-radius:12px;padding:8px 12px;font-size:14px}.ap-ref b{font-size:18px;letter-spacing:.04em;color:#047857}.ap-cp{border:0;background:#d1fae5;color:#065f46;border-radius:999px;padding:5px 10px;font-weight:700;cursor:pointer}
.ap-res .btn.wa{justify-self:start;margin-top:4px}
.ap-tick{flex:none;width:52px;height:52px}.ap-tick svg{width:52px;height:52px;fill:none;stroke:#059669;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.ap-tick circle{stroke-dasharray:151;stroke-dashoffset:151;animation:apDraw .6s ease forwards}.ap-tick path{stroke-dasharray:40;stroke-dashoffset:40;animation:apDraw .4s .5s ease forwards}
@keyframes apDraw{to{stroke-dashoffset:0}}@keyframes apIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#enq-form input.bad,#enq-form select.bad{border-color:#ef4444!important;box-shadow:0 0 0 3px rgba(239,68,68,.15)}
@media (max-width:520px){.ap-btns>*{width:100%;justify-content:center}.ap-or{text-align:center}}
@media (prefers-reduced-motion:reduce){.ap-res,.ap-tick *{animation:none!important;stroke-dashoffset:0!important}}
.ft-rt{margin:10px 0 4px;padding:14px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}.ft-al{display:block;color:#93c5fd;font-weight:700;margin-bottom:6px}
.ft-rr{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.ft-ap{display:grid}.ft-ap.r{text-align:right}.ft-ap b{font-size:26px;letter-spacing:.04em;color:#fff}.ft-ap span{font-weight:700;color:#e2e8f0}.ft-ap small{color:#94a3b8;font-size:12px}
.ft-ln{position:relative;height:4px;border-radius:4px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.35) 0 8px,transparent 8px 14px)}.ft-ln em{position:absolute;left:0;top:0;bottom:0;border-radius:4px;background:linear-gradient(90deg,#22d3ee,#34d399)}
.ft-pl{position:absolute;top:50%;transform:translate(-50%,-55%);font-style:normal;font-size:20px;color:#fde047;text-shadow:0 0 12px rgba(253,224,71,.6);animation:ftBob 2.4s ease-in-out infinite}@keyframes ftBob{50%{transform:translate(-50%,-75%)}}
.ft-rm{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.ft-rm span{font-size:13px;font-weight:700;background:rgba(255,255,255,.08);border-radius:999px;padding:4px 10px;color:#e2e8f0}
@media (prefers-reduced-motion:reduce){.ft-pl{animation:none}}
/* live notices */
.cms-nb{display:grid;gap:8px;max-width:1180px;margin:10px auto 0;padding:0 16px;position:relative;z-index:5}
.cms-n{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;box-shadow:0 8px 24px rgba(15,23,42,.06);animation:cmsIn .45s cubic-bezier(.2,.8,.2,1) both;transition:opacity .25s,transform .25s}
.cms-n.t-urgent{background:linear-gradient(135deg,#fff7ed,#fef2f2);border-color:#fdba74;color:#7c2d12}.cms-n.t-success{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}
.cms-n p{margin:0;flex:1;min-width:0;font-weight:600;font-size:15px;line-height:1.45}.cms-ni{font-size:20px;flex:none}.cms-n.t-urgent .cms-ni{animation:cmsShake 2.4s ease-in-out infinite}
.cms-nl{flex:none;font-weight:800;text-decoration:none;color:inherit;background:rgba(255,255,255,.7);border-radius:999px;padding:7px 12px;font-size:14px}.cms-nx{flex:none;border:0;background:transparent;color:inherit;opacity:.6;font-size:16px;cursor:pointer;width:36px;height:36px;border-radius:50%}.cms-nx:hover{opacity:1;background:rgba(0,0,0,.05)}
.cms-n.out{opacity:0;transform:translateY(-6px)}
@keyframes cmsIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes cmsShake{0%,86%,100%{transform:rotate(0)}90%{transform:rotate(-14deg)}95%{transform:rotate(12deg)}}
@media (max-width:560px){.cms-n{flex-wrap:wrap}.cms-n p{flex-basis:calc(100% - 80px)}}
.tm-ini{width:200px;max-width:100%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-size:48px;font-weight:800;color:#fff;background:linear-gradient(135deg,#0f766e,#1d4ed8);margin:0 auto}
.cms-tl{display:inline-grid;place-items:center;color:#fff;text-decoration:none;font-weight:800}
@media (prefers-reduced-motion:reduce){.cms-n,.cms-ni{animation:none!important}}
/* contact form + job tools */
.ctf{margin-top:18px;background:var(--surface,#fff);border:1px solid var(--line,#e3e9f1);border-radius:20px;padding:18px;display:grid;gap:12px;box-shadow:0 10px 30px rgba(13,24,40,.06)}
.ctf-hd b{display:block;font-size:18px}.ctf-hd small{color:var(--muted,#5b6b80)}.ctf-g{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ctf label{display:grid;gap:4px}.ctf label span{font-size:13px;font-weight:700;color:var(--ink,#334155)}
.ctf input,.ctf select,.ctf textarea{font:inherit;font-size:16px;padding:11px 13px;border:1px solid var(--line,#d6dee9);border-radius:12px;background:var(--surface,#fff);color:inherit;min-width:0;width:100%}.ctf textarea{resize:vertical}.ctf .bad{border-color:#ef4444!important;box-shadow:0 0 0 3px rgba(239,68,68,.15)}
.ctf .ap-go{justify-self:start}@media(max-width:600px){.ctf-g{grid-template-columns:1fr}.ctf .ap-go{justify-self:stretch;justify-content:center}}
.jobs-tools{display:grid;grid-template-columns:1fr auto auto;gap:8px;margin:10px 0}.jobs-tools input,.jobs-tools select{font:inherit;padding:10px 12px;border:1px solid #d6dee9;border-radius:12px;background:#fff;min-width:0}
@media(max-width:600px){.jobs-tools{grid-template-columns:1fr 1fr}.jobs-tools input{grid-column:1/-1}}.jobs-none{text-align:center;color:#5b6b80;padding:16px}
/* AI features */
.ai-mb{width:100%;margin:0 0 12px;font:inherit;font-weight:800;border:0;border-radius:14px;padding:12px 16px;color:#fff;cursor:pointer;background:linear-gradient(120deg,#6d28d9,#2563eb,#0d9488);background-size:200% 100%;animation:aiGr 6s ease infinite;box-shadow:0 6px 18px -8px #4f46e5;display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}
.ai-mb small{font-weight:600;opacity:.9}@keyframes aiGr{50%{background-position:100% 0}}
.ai-pn{background:var(--surface,#fff);border:1px solid var(--line,#dbe3f0);border-radius:18px;padding:16px;margin:0 0 14px;box-shadow:0 10px 30px -18px #1e3a8a;animation:aiIn .35s ease both}
.ai-h{display:block;font-size:17px;margin-bottom:10px}.ai-h small{display:block;font-weight:500;color:var(--muted,#5b6b80);font-size:13px}
.ai-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ai-pn label{display:grid;gap:4px;font-weight:700;font-size:14px}.ai-pn label small{font-weight:500;color:var(--muted,#5b6b80)}
.ai-pn input,.ai-pn select,.ai-co textarea{font:inherit;padding:11px 12px;border:1px solid var(--line,#d6dee9);border-radius:12px;min-width:0;width:100%;box-sizing:border-box;background:var(--surface,#fff);color:inherit}
.ai-ab{margin-top:10px}.ai-go{font:inherit;font-weight:800;margin-top:12px;border:0;border-radius:12px;padding:12px 18px;background:#1d4ed8;color:#fff;cursor:pointer;min-height:46px}.ai-go:disabled{opacity:.6}
@media(max-width:640px){.ai-g{grid-template-columns:1fr}}
.ai-m{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid var(--line,#e3e9f3);border-radius:14px;margin-top:10px;animation:aiIn .4s ease both;animation-delay:calc(var(--i)*.12s)}
.ai-m p{margin:3px 0}.ai-m small{color:var(--muted,#475569);display:block}.ai-sc{flex:0 0 54px;height:54px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#16a34a calc(var(--p)*1%),#e5e7eb 0)}
.ai-sc b{background:var(--surface,#fff);border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:13px}
.ai-see{font:inherit;font-weight:700;margin-top:6px;background:var(--accent-soft,#eef2ff);color:inherit;border:1px solid var(--line,#e3e9f3);border-radius:10px;padding:7px 12px;cursor:pointer}
.ai-tip{background:var(--accent-soft,#f0fdf4);border-radius:12px;padding:10px 12px;margin:10px 0 0}.ai-nt{font-size:12px;color:var(--muted,#64748b);margin:8px 0 0}.ai-er{color:#b45309;margin:10px 0 0}
.ai-ld{display:flex;gap:5px;align-items:center;color:var(--muted,#475569);margin-top:12px}.ai-ld i{width:8px;height:8px;border-radius:50%;background:#6366f1;animation:aiDot 1s infinite}.ai-ld i:nth-child(2){animation-delay:.15s}.ai-ld i:nth-child(3){animation-delay:.3s;margin-right:6px}
@keyframes aiDot{50%{transform:translateY(-5px);opacity:.4}}@keyframes aiIn{from{opacity:0;transform:translateY(8px)}}
.ai-hit{outline:3px solid #7c3aed;outline-offset:3px;animation:aiPulse 1.4s ease 2}@keyframes aiPulse{50%{outline-color:#c4b5fd}}
.ai-co{margin-top:12px}.ai-cob{font:inherit;font-weight:800;width:100%;border:1px dashed #a5b4fc;border-radius:14px;padding:11px 14px;background:var(--accent-soft,#eef2ff);color:inherit;cursor:pointer}.ai-cob small{display:block;font-weight:500}
.ai-cop{margin-top:10px;animation:aiIn .3s ease both}.ai-cr p{margin:8px 0}.ai-cs{display:flex;gap:10px;align-items:center;margin-top:12px}.ai-cs b{font-size:22px;color:var(--accent,#1d4ed8)}
.ai-bar{display:flex;gap:3px}.ai-bar i{width:14px;height:10px;border-radius:3px;background:var(--line,#e5e7eb)}.ai-bar i.on{background:#22c55e}
.ai-bt{background:var(--accent-soft,#eff6ff);border-radius:12px;padding:10px 12px;margin:8px 0;display:grid;gap:6px}.ai-bt span{font-size:12px;font-weight:800;color:var(--accent,#1d4ed8)}
.ai-say{justify-self:start;font:inherit;font-weight:700;border:0;border-radius:10px;padding:6px 12px;background:#1d4ed8;color:#fff;cursor:pointer}.ai-bn{background:var(--accent-soft,#f8fafc);border-radius:12px;padding:10px 12px}
@media(prefers-reduced-motion:reduce){.ai-mb,.ai-pn,.ai-m,.ai-hit,.ai-ld i,.ai-cop{animation:none}}
/* historic places */
.hp{margin:22px 0 8px}.hp-hd b{display:block;font-size:clamp(18px,2.4vw,22px)}.hp-hd small{display:block;color:var(--muted,#5b6b80);margin-top:2px}
.hp-rg{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.hp-rg button{font:inherit;font-weight:700;font-size:14px;border:1px solid var(--line,#d6dee9);background:var(--surface,#fff);color:inherit;border-radius:999px;padding:8px 14px;cursor:pointer;min-height:40px}.hp-rg button.on{background:#1d4ed8;border-color:#1d4ed8;color:#fff}
.hp-wrap{position:relative}.hp-tr{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 12px;scrollbar-width:thin}
.hp-c{font:inherit;text-align:left;padding:0;cursor:pointer;flex:0 0 clamp(220px,28vw,280px);scroll-snap-align:start;border-radius:18px;overflow:hidden;background:var(--surface,#fff);border:1px solid var(--line,#e3e9f3);text-decoration:none;color:inherit;box-shadow:0 8px 22px -16px #0f172a;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column}
.hp-c:hover,.hp-c:focus-visible{transform:translateY(-4px);box-shadow:0 16px 30px -18px #0f172a}
.hp-ph{position:relative;display:block;aspect-ratio:4/3;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);overflow:hidden}
.hp-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity .6s,transform 6s ease;filter:sepia(.18) saturate(1.05)}
.hp-ph.ok img{opacity:1}.hp-c:hover .hp-ph img{transform:scale(1.14)}
.hp-ld{position:absolute;inset:0;display:grid;place-items:center;font-size:44px;animation:hpP 1.6s ease-in-out infinite}.hp-ph.ok .hp-ld{display:none}@keyframes hpP{50%{opacity:.45}}
.hp-tx{display:grid;gap:2px;padding:12px 14px 14px}.hp-tx b{font-size:16px;line-height:1.3}.hp-tx small{font-weight:700;color:var(--accent,#1d4ed8)}.hp-tx i{font-style:normal;font-size:13px;color:var(--muted,#5b6b80)}
.hp-nav{position:absolute;top:34%;z-index:2;width:42px;height:42px;border-radius:50%;border:1px solid var(--line,#d6dee9);background:var(--surface,#fff);color:inherit;font-size:24px;line-height:1;cursor:pointer;box-shadow:0 6px 16px -8px #0f172a}.hp-nav.p{left:-8px}.hp-nav.n{right:-8px}
@media(max-width:640px){.hp-nav{display:none}.hp-c{flex-basis:76%}}
.hp-go{font-style:normal;font-size:13px;font-weight:700;color:var(--accent,#1d4ed8);margin-top:4px}.hp-cr{font-size:12px;color:var(--muted,#64748b);margin:2px 0 0}
@media(prefers-reduced-motion:reduce){.hp-c,.hp-ph img{transition:none}.hp-ld{animation:none}}
/* privacy notice + footer links */
.pv-bar{position:fixed;left:12px;right:12px;bottom:12px;z-index:60;max-width:560px;margin:0 auto;display:flex;gap:12px;align-items:center;background:var(--surface,#fff);color:inherit;border:1px solid var(--line,#d6dee9);border-radius:16px;padding:12px 14px;box-shadow:0 18px 40px -18px #0f172a;animation:aiIn .4s ease both;font-size:14px;line-height:1.45}
.pv-bar p{margin:0;flex:1}.pv-bar b{display:block}.pv-bar a{color:var(--accent,#1d4ed8);font-weight:700}.pv-bar button{font:inherit;font-weight:800;border:0;border-radius:12px;padding:10px 18px;background:#1d4ed8;color:#fff;cursor:pointer;min-height:44px}.pv-bar.out{opacity:0;transform:translateY(10px);transition:.3s}
footer.site .ft-l{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}footer.site .ft-l a{color:inherit;text-decoration:underline;text-underline-offset:3px}
/* country guides */
.cg-li{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:left;text-decoration:underline dotted;text-underline-offset:3px}.cg-li:hover,.cg-li:focus-visible{color:var(--accent,#1d4ed8)}
html.cg-lock{overflow:hidden}
.cg-m{position:fixed;inset:0;z-index:90;background:rgba(10,17,27,.55);display:grid;place-items:center;padding:16px;animation:aiIn .25s ease both}.cg-m[hidden]{display:none}
.cg-p{background:var(--surface,#fff);color:var(--ink,#132033);width:min(720px,100%);max-height:min(88vh,900px);border-radius:22px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 70px -20px #000;outline:none}
.cg-hd{display:flex;gap:12px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line,#e3e9f3)}.cg-hd h3{margin:0;font-size:22px}.cg-hd small{color:var(--muted,#5b6b80)}.cg-hd>div{flex:1;min-width:0}
.cg-fl{font-size:40px;line-height:1}.cg-x{font:inherit;font-size:26px;line-height:1;width:44px;height:44px;border-radius:50%;border:1px solid var(--line,#e3e9f3);background:var(--surface,#fff);color:inherit;cursor:pointer}
.cg-b{overflow:auto;padding:16px 18px 6px;line-height:1.6}.cg-b h4{margin:20px 0 6px;font-size:17px}.cg-b h4 small{font-weight:500;color:var(--muted,#5b6b80);font-size:13px}.cg-b p{margin:6px 0}
.cg-f{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cg-f>div{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line,#e3e9f3);border-radius:14px;padding:10px 12px}.cg-f>div>span{font-size:22px}.cg-f small{display:block;color:var(--muted,#5b6b80);font-size:12px}.cg-f b{font-size:14.5px;line-height:1.4}
@media(max-width:560px){.cg-f{grid-template-columns:1fr}.cg-m{padding:0;place-items:end stretch}.cg-p{border-radius:20px 20px 0 0;max-height:92vh}}
.cg-w{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:6px 10px;align-items:center;margin-top:10px;background:var(--accent-soft,#eef2ff);border-radius:14px;padding:12px 14px}.cg-w span{font-size:13px;color:var(--muted,#5b6b80)}.cg-w b{font-size:17px}
@media(max-width:560px){.cg-w{grid-template-columns:auto 1fr}}
.cg-wk{font-size:14.5px;color:var(--muted,#5b6b80);border-left:3px solid var(--line,#e3e9f3);padding-left:12px;margin:8px 0}.cg-wk.ld{animation:hpP 1.4s infinite}.cg-wk a{font-weight:700;color:var(--accent,#1d4ed8)}
.cg-tp{padding-left:20px;margin:6px 0}.cg-tp li{margin:4px 0}.cg-cr{font-size:12px;color:var(--muted,#64748b)}
.cg-nv{display:flex;justify-content:space-between;gap:8px;padding:10px 18px 14px;border-top:1px solid var(--line,#e3e9f3)}.cg-nv button{font:inherit;font-weight:700;border:1px solid var(--line,#e3e9f3);background:var(--surface,#fff);color:inherit;border-radius:12px;padding:9px 14px;cursor:pointer;min-height:44px}
.cg-bnb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.cg-bn{font:inherit;font-weight:800;border:0;border-radius:12px;padding:10px 16px;background:#0f766e;color:#fff;cursor:pointer;min-height:44px}.cg-bns{color:var(--muted,#5b6b80)}
.cg-tl{list-style:none;margin:10px 0;padding:0 0 0 14px;border-left:3px solid var(--accent,#1d4ed8)}.cg-tl li{position:relative;padding:4px 0 10px 12px;animation:aiIn .35s ease both;animation-delay:calc(var(--i)*.05s)}
.cg-tl li::before{content:"";position:absolute;left:-21px;top:9px;width:11px;height:11px;border-radius:50%;background:var(--surface,#fff);border:3px solid var(--accent,#1d4ed8)}.cg-tl b{display:block;color:var(--accent,#1d4ed8);font-size:14px}.cg-tl span{display:block}
.cg-cu{display:grid;gap:8px;margin-top:10px}.cg-cu>div{border:1px solid var(--line,#e3e9f3);border-radius:14px;padding:10px 12px}.cg-cu b{font-size:15px}.cg-cu b small{font-weight:500;color:var(--muted,#5b6b80);font-size:12px}.cg-cu p{margin:4px 0 0}
.cg-full{margin:12px 0;border:1px solid var(--line,#e3e9f3);border-radius:14px;background:var(--accent-soft,#eef2ff)}.cg-full summary{cursor:pointer;padding:12px 14px;font-weight:800;list-style-position:inside}.cg-full summary small{display:block;font-weight:500;color:var(--muted,#5b6b80);margin-left:18px}
.cg-ft{padding:0 16px 14px;font-size:15px;max-height:none}.cg-ft h5{margin:16px 0 4px;font-size:16px}.cg-ft h5.lv3,.cg-ft h5.lv4{font-size:15px;color:var(--muted,#5b6b80)}.cg-ft p{margin:6px 0}.cg-src{display:inline-block;margin-top:10px;font-size:13px;font-weight:700;color:var(--accent,#1d4ed8)}
@media(prefers-reduced-motion:reduce){.cg-tl li{animation:none}}

/* WCAG AA contrast for brand buttons */
.btn.wa{background:#15803d!important;border-color:#15803d!important;color:#fff!important}.btn.fb,.fb-follow{background:#1458c8!important;border-color:#1458c8!important;color:#fff!important}

/* learned-words views (Leitner spaced repetition) */
.lx-vw{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}
.lx-vw button{font:inherit;display:grid;justify-items:center;gap:2px;padding:10px 8px;border-radius:16px;border:1px solid var(--line,#dbe3ee);background:var(--surface,#fff);color:inherit;cursor:pointer;font-weight:800;font-size:14px;min-height:64px;transition:transform .2s,box-shadow .2s}
.lx-vw button b{font-size:20px;line-height:1}.lx-vw button small{font-weight:500;font-size:11.5px;color:var(--muted,#5b6b80)}
.lx-vw button.on{background:#0f766e;border-color:#0f766e;color:#fff;box-shadow:0 8px 20px -10px #0f766e}.lx-vw button.on small{color:#d1fae5}
.lx-vw button.lxr.due:not(.on){border-color:#ea580c;box-shadow:0 0 0 3px rgba(234,88,12,.15)}.lx-vw button.lxr.due:not(.on) b{color:#c2410c}
.lx-vw button.bump{animation:lxBump .6s ease}@keyframes lxBump{40%{transform:scale(1.12)}}
.lx-card.lx-out{animation:lxOut .42s ease forwards;pointer-events:none}@keyframes lxOut{to{opacity:0;transform:translateY(-14px) scale(.9)}}
.lx-card.lx-ok{box-shadow:0 0 0 3px #22c55e}.lx-card.lx-no{box-shadow:0 0 0 3px #f97316}
.lx-rv{font:inherit;font-weight:800;font-size:13px;border-radius:999px;padding:7px 12px;cursor:pointer;min-height:36px;border:1px solid}.lx-rv.y{background:#15803d;border-color:#15803d;color:#fff}.lx-rv.n{background:var(--surface,#fff);border-color:#fdba74;color:#c2410c}
.lx-box{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;color:var(--muted,#5b6b80)}.lx-st{display:inline-flex;gap:3px}.lx-st i{width:9px;height:9px;border-radius:50%;background:var(--line,#dbe3ee)}.lx-st i.on{background:#16a34a}
.lx-rvh{grid-column:1/-1;margin:0 0 4px;padding:10px 14px;border-radius:14px;background:var(--accent-soft,#eef2ff);font-size:14px}.lx-rvh small{display:block;color:var(--muted,#5b6b80)}
.ld-rv{font:inherit;display:block;width:100%;text-align:left;margin:10px 0 0;padding:12px 14px;border-radius:14px;border:0;background:#c2410c;color:#fff;font-weight:700;cursor:pointer;animation:aiIn .4s ease both}.ld-rv small{display:block;font-weight:500;opacity:.9}
@media(max-width:520px){.lx-vw button{font-size:12.5px;padding:8px 4px}.lx-vw button small{display:none}}
@media(prefers-reduced-motion:reduce){.lx-vw button.bump,.lx-card.lx-out,.ld-rv{animation:none}}

/* document & photo tools */
.tl{margin:18px 0}.tl-hd h3{margin:0;font-size:clamp(19px,2.6vw,23px)}.tl-hd h3 small{display:block;font-size:13px;font-weight:500;color:var(--muted,#5b6b80)}.tl-hd p{margin:4px 0 12px;color:var(--muted,#5b6b80)}
.tl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.tl-card{font:inherit;text-align:left;color:#fff;border:0;border-radius:20px;padding:16px;cursor:pointer;display:grid;gap:4px;align-content:start;min-height:150px;background:linear-gradient(135deg,var(--a),var(--b));box-shadow:0 14px 28px -18px var(--a);position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s;animation:aiIn .45s ease both;animation-delay:calc(var(--i)*.07s)}
.tl-card::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.14)}
.tl-card:hover,.tl-card:focus-visible{transform:translateY(-4px);box-shadow:0 20px 34px -18px var(--a)}.tl-card.ld{opacity:.75;cursor:progress}
.tl-ic{font-size:34px;line-height:1}.tl-card b{font-size:17px}.tl-card .bn{font-weight:600;opacity:.92}.tl-d{font-size:13.5px;opacity:.95;line-height:1.4}
.tl-psb{font:inherit;display:block;width:100%;margin:12px 0 0;padding:12px 14px;border:0;border-radius:14px;background:#1d4ed8;color:#fff;font-weight:800;cursor:pointer;text-align:left}.tl-psb small{display:block;font-weight:500}
.tlm{position:fixed;inset:0;z-index:95;background:rgba(10,17,27,.6);display:grid;place-items:center;padding:16px}.tlm[hidden]{display:none}
.tlm-p{background:var(--surface,#fff);color:var(--ink,#132033);width:min(820px,100%);max-height:92vh;border-radius:22px;display:flex;flex-direction:column;overflow:hidden;outline:none;box-shadow:0 30px 70px -20px #000}
.tlm-h{display:flex;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line,#e3e9f3)}.tlm-h>span{font-size:30px}.tlm-h h3{margin:0;font-size:20px}.tlm-h small{color:var(--muted,#5b6b80)}.tlm-h>div{flex:1;min-width:0}
.tlm-x{font:inherit;font-size:26px;line-height:1;width:44px;height:44px;border-radius:50%;border:1px solid var(--line,#e3e9f3);background:var(--surface,#fff);color:inherit;cursor:pointer}
.tlm-b{overflow:auto;padding:16px 18px;display:grid;gap:12px;align-content:start}.tlm-pv{margin:0;padding:8px 18px 12px;font-size:12.5px;color:var(--muted,#5b6b80);border-top:1px solid var(--line,#e3e9f3)}
@media(max-width:600px){.tlm{padding:0;place-items:end stretch}.tlm-p{border-radius:20px 20px 0 0;max-height:94vh}}
.tl-drop{font:inherit;color:inherit;display:grid;justify-items:center;gap:4px;padding:26px 16px;border:2px dashed var(--line,#cbd5e1);border-radius:18px;background:var(--accent-soft,#f8fafc);cursor:pointer;width:100%}.tl-drop span{font-size:40px}.tl-drop b{font-size:17px}.tl-drop small{color:var(--muted,#5b6b80)}.tl-drop:hover{border-color:#1d4ed8}
.tl-cam{font:inherit;color:inherit;width:100%;margin-top:8px;padding:12px;border-radius:14px;border:1px solid var(--line,#d6dee9);background:var(--surface,#fff);font-weight:700;cursor:pointer}.tl-cam small{display:block;font-weight:500;color:var(--muted,#5b6b80)}
.tl-lbl{display:grid;gap:6px;font-weight:700;font-size:14px}.tl-lbl select,.tl-lbl input:not([type=range]):not([type=checkbox]){font:inherit;font-weight:500;padding:11px 12px;border:1px solid var(--line,#cfd8e3);border-radius:12px;background:var(--surface,#fff);color:inherit;min-width:0;width:100%;box-sizing:border-box}
.tl-row{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.tl-row>.tl-lbl{flex:1;min-width:120px}.tl-ck{display:flex;gap:8px;align-items:center;font-size:14px}.tl-ck input{width:20px;height:20px}
.tl-note{margin:0;font-size:14px;color:var(--muted,#5b6b80)}.tl-note b{color:var(--ink,#132033)}
.tl-chips{display:flex;gap:8px;flex-wrap:wrap}.tl-chips button,.tl-clr{font:inherit;font-size:13.5px;font-weight:700;display:inline-flex;gap:6px;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid var(--line,#d6dee9);background:var(--surface,#fff);color:inherit;cursor:pointer;min-height:40px}
.tl-chips button small{font-weight:500;color:var(--muted,#5b6b80)}.tl-chips button.on{background:#0f766e;border-color:#0f766e;color:#fff}.tl-chips button.on small{color:#d1fae5}.tl-chips button:disabled{opacity:.45;cursor:not-allowed}
.tl-chips i{width:16px;height:16px;border-radius:50%;border:1px solid #94a3b8;display:inline-block}.tl-clr input{width:28px;height:24px;border:0;padding:0;background:none}
.tl-acts{display:flex;gap:8px;flex-wrap:wrap}.tl-go,.tl-go2,.tl-go3{font:inherit;font-weight:800;border-radius:14px;padding:12px 16px;cursor:pointer;min-height:48px;text-align:left}.tl-go small,.tl-go2 small{display:block;font-weight:500;font-size:12px;opacity:.9}
.tl-go{background:#1d4ed8;color:#fff;border:0}.tl-go:disabled{opacity:.5;cursor:not-allowed}.tl-go2{background:#0f766e;color:#fff;border:0}.tl-go3{background:var(--surface,#fff);color:inherit;border:1px solid var(--line,#d6dee9)}
.tl-busy{display:flex;gap:12px;align-items:center;padding:16px;border-radius:14px;background:var(--accent-soft,#eef2ff)}.tl-busy i{width:22px;height:22px;border-radius:50%;border:3px solid #93c5fd;border-top-color:#1d4ed8;animation:tlSp .8s linear infinite;flex:none}@keyframes tlSp{to{transform:rotate(360deg)}}
.tl-err{color:#b91c1c;font-weight:700;margin:0}.tl-bar{height:10px;border-radius:6px;background:var(--line,#e5e7eb);overflow:hidden}.tl-bar i{display:block;height:100%;background:#1d4ed8;transition:width .3s}
.tl-res{display:grid;gap:2px;padding:12px 14px;border-radius:14px;background:var(--accent-soft,#f0fdf4);margin-bottom:8px}.tl-res b{font-size:20px}
.tl-tips{border:1px solid var(--line,#e3e9f3);border-radius:14px;padding:10px 14px}.tl-tips summary{cursor:pointer;font-weight:700}.tl-tips ul{margin:8px 0 0;padding-left:20px;font-size:14px}
.tl-prev img,.bg-pv canvas{max-width:100%;max-height:340px;border-radius:12px;display:block;margin:0 auto}
.bg-pv{border-radius:14px;padding:10px;background:repeating-conic-gradient(#e5e7eb 0 25%,#fff 0 50%) 0 0/20px 20px}
.vp-ed{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start}@media(max-width:640px){.vp-ed{grid-template-columns:1fr;justify-items:center}}
.vp-cv{position:relative;border-radius:6px;overflow:hidden;box-shadow:0 0 0 1px var(--line,#cbd5e1),0 10px 24px -14px #000;touch-action:none;background:#fff}
.vp-cv canvas{width:100%;height:100%;display:block;cursor:grab}.vp-g1,.vp-g2{position:absolute;left:8%;right:8%;border-top:2px dashed rgba(220,38,38,.75);pointer-events:none}
.vp-ov{position:absolute;left:22%;right:22%;top:12%;bottom:16%;border:2px dashed rgba(29,78,216,.55);border-radius:50%;pointer-events:none}
.vp-ctl{display:grid;gap:12px;min-width:0;width:100%}.vp-mv button{font:inherit;min-width:44px;min-height:44px;border-radius:12px;border:1px solid var(--line,#d6dee9);background:var(--surface,#fff);color:inherit;cursor:pointer}
.pe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.pe-pg{margin:0;border:1px solid var(--line,#e3e9f3);border-radius:14px;padding:8px;display:grid;gap:6px;justify-items:center;background:var(--surface,#fff)}
.pe-th{width:100%;display:grid;place-items:center;min-height:120px;transition:transform .25s}.pe-th canvas{max-width:100%;max-height:190px;box-shadow:0 2px 10px rgba(0,0,0,.15);background:#fff}
.pe-pg figcaption{font-size:13px}.pe-bt{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.pe-bt button{font:inherit;min-width:34px;min-height:34px;border-radius:9px;border:1px solid var(--line,#d6dee9);background:var(--surface,#fff);color:inherit;cursor:pointer}
.pe-an{display:grid;gap:10px}.pe-sig canvas{width:100%;max-width:600px;height:auto;aspect-ratio:3/1;border:2px dashed var(--line,#cbd5e1);border-radius:12px;background:#fff;touch-action:none}
.pe-view{overflow:auto}.pe-pgv{position:relative;display:inline-block;max-width:100%}.pe-cv{max-width:100%;height:auto;display:block;box-shadow:0 4px 18px rgba(0,0,0,.18);cursor:crosshair;background:#fff}
.pe-nt{position:absolute;color:#0d1a4d;font-family:Helvetica,Arial,sans-serif;white-space:nowrap;pointer-events:none;line-height:1}.pe-nt img{display:block;transform:translate(-50%,-50%)}
@media(prefers-reduced-motion:reduce){.tl-card{animation:none;transition:none}.tl-busy i{animation:none}}

/* translator redesign */
#fz-tr .sx-tr{padding:20px 24px;min-height:0}#fz-tr .sx-tr h2{font-size:clamp(22px,3.2vw,32px);margin:6px 0}#fz-tr .sx-tr p{font-size:14.5px;max-width:560px}#fz-tr .tr-orb{transform:scale(.72);transform-origin:right center}
@media(max-width:600px){#fz-tr .tr-orb{display:none}#fz-tr .sx-tr{padding:16px}}
.tr-hide{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;opacity:0!important;pointer-events:none!important}
.tr-langs.tr-l2{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:stretch;padding:12px;border-radius:22px;background:var(--surface,#fff);border:1px solid var(--line,#e3e9f3);box-shadow:0 12px 30px -22px #1e3a8a;margin:14px 0 10px;position:relative}
.trl{font:inherit;color:inherit;text-align:left;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"s s s" "f b e" "f i e";column-gap:10px;align-items:center;padding:10px 14px;border-radius:16px;border:1px solid var(--line,#dbe3ee);background:var(--accent-soft,#f5f7fb);cursor:pointer;min-height:76px;transition:border-color .2s,transform .15s}
.trl:hover,.trl:focus-visible{border-color:#1d4ed8}.trl:active{transform:scale(.98)}
.trl small{grid-area:s;font-size:11.5px;font-weight:700;color:var(--muted,#5b6b80);text-transform:uppercase;letter-spacing:.04em}.trl-f{grid-area:f;font-size:30px;line-height:1}.trl b{grid-area:b;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trl i{grid-area:i;font-style:normal;font-size:13px;color:var(--muted,#5b6b80);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trl em{grid-area:e;font-style:normal;color:var(--muted,#5b6b80)}
.tr-l2 #tr-sw{align-self:center;width:46px;height:46px;border-radius:50%;font-size:20px}
@media(max-width:560px){.tr-langs.tr-l2{grid-template-columns:1fr;padding:10px}.tr-l2 #tr-sw{justify-self:center;margin:-4px 0;transform:rotate(90deg);z-index:1}.trl{min-height:64px}}
.tr-modes{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px;border-radius:18px;background:var(--accent-soft,#eef2f7);margin:0 0 12px}
.tr-modes button{display:flex!important;flex-direction:row!important;align-items:center;justify-content:center;gap:8px;min-height:48px!important;padding:8px!important;border-radius:14px!important;border:0!important;box-shadow:none!important;background:transparent!important;color:inherit!important;font-weight:700}
.tr-modes button i{font-style:normal;font-size:18px}.tr-modes button.on{background:var(--surface,#fff)!important;box-shadow:0 4px 14px -6px rgba(15,23,42,.35)!important;color:#1d4ed8!important}
@media(max-width:560px){.tr-modes button{flex-direction:column!important;gap:2px;font-size:12.5px}}
.trp{position:fixed;inset:0;z-index:96;background:rgba(10,17,27,.55);display:grid;place-items:center;padding:16px}.trp[hidden]{display:none}
.trp-p{background:var(--surface,#fff);color:var(--ink,#132033);width:min(760px,100%);height:min(86vh,820px);border-radius:22px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 70px -20px #000}
.trp-hd{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 6px}.trp-hd h3{margin:0;font-size:19px}.trp-x{font:inherit;font-size:26px;width:44px;height:44px;border-radius:50%;border:1px solid var(--line,#e3e9f3);background:var(--surface,#fff);color:inherit;cursor:pointer}
#trp-q{font:inherit;margin:4px 18px 10px;padding:13px 14px;border-radius:14px;border:1px solid var(--line,#cfd8e3);background:var(--accent-soft,#f8fafc);color:inherit;font-size:16px}
.trp-l{overflow:auto;padding:0 18px 18px}.trp-l h4{margin:14px 0 8px;font-size:14px}.trp-l h4 small{font-weight:500;color:var(--muted,#5b6b80)}
.trp-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}
.trp-i{font:inherit;color:inherit;text-align:left;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"f b s" "f i s";column-gap:10px;align-items:center;padding:8px 10px;border-radius:12px;border:1px solid transparent;background:none;cursor:pointer;min-height:52px}
.trp-i:hover,.trp-i:focus-visible{background:var(--accent-soft,#f1f5f9);border-color:var(--line,#dbe3ee)}.trp-i.on{border-color:#1d4ed8;background:var(--accent-soft,#eef2ff)}
.trp-i span{grid-area:f;font-size:24px}.trp-i b{grid-area:b;font-size:15px}.trp-i i{grid-area:i;font-style:normal;font-size:12.5px;color:var(--muted,#5b6b80);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trp-i small{grid-area:s;font-size:12px;display:flex;gap:2px}.trp-i abbr{text-decoration:none}
.trp-n{font-size:13px;color:var(--muted,#5b6b80);margin:14px 0 0}
@media(max-width:600px){.trp{padding:0;place-items:end stretch}.trp-p{border-radius:20px 20px 0 0;height:90vh}}

#fz-tr .tr-p{padding-top:4px}
#fz-tr .tr-conv,#fz-tr .tr-type,#fz-tr .tr-box,#fz-tr .tr-out{background:var(--surface,#fff);border-color:var(--line,#e3e9f3);color:var(--ink,#132033)}
#fz-tr .tr-modes button.on{color:var(--accent,#1d4ed8)!important}
#fz-tr textarea,#fz-tr input[type=text],#fz-tr input:not([type]){background:transparent;color:var(--ink,#132033)}#fz-tr textarea::placeholder{color:var(--muted,#5b6b80)}
#fz-tr .tr-ic{background:var(--surface,#fff);color:var(--ink,#132033);border-color:var(--line,#e3e9f3)}#fz-tr .tr-res{color:var(--ink,#132033)}
/* dictionary meanings */
.dx-wk{margin-top:12px;border-top:1px solid var(--line,#e3e9f3);padding-top:10px;text-align:left}.dx-wk summary{cursor:pointer;font-weight:800}.dx-wk summary small{font-weight:500;color:var(--muted,#5b6b80)}
.dx-wkl{margin:0;color:var(--muted,#5b6b80);font-size:14px}.dx-wkg h5{margin:10px 0 4px;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--accent,#1d4ed8)}
.dx-pos b{font-size:14px;font-style:italic}.dx-pos ol{margin:4px 0 8px;padding-left:22px;font-size:14.5px;line-height:1.5}.dx-pos q{display:block;color:var(--muted,#5b6b80);font-style:italic;margin-top:2px}.dx-pos q::before,.dx-pos q::after{content:"“"}.dx-pos q::after{content:"”"}
.dx-src{font-size:12px;font-weight:700;color:var(--accent,#1d4ed8)}
#dx .dx-wk,#dx .dx-wk summary,#dx .dx-wk .dx-pos,#dx .dx-wk li{color:#13233a}#dx .dx-wk summary small{color:#5b6b80}#dx .dx-wk .dx-src,#dx .dx-wk h5{color:#1d4ed8}#dx .dx-wk .dx-pos q{color:#5b6b80}

/* ===== Fun Zone tab bar — redesign v68 ===== */
#quiz .fz-tabs button[data-t=tr]{--c1:#4f46e5;--c2:#3730a3}
#quiz .fz-tabs button{--soft:color-mix(in srgb,var(--c1) 13%,transparent)}
@media (min-width:821px){
  #quiz .qp-in .fz-tabs{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:6px!important;padding:8px!important;border-radius:24px!important;background:color-mix(in srgb,var(--surface,#fff) 88%,transparent)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line,#e3e9f1);box-shadow:0 14px 34px -22px rgba(13,24,40,.45)!important;top:70px}
  #quiz .qp-in .fz-tabs button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:6px!important;padding:10px 4px 12px!important;border-radius:18px!important;min-height:96px;min-width:0;background:transparent!important;color:var(--ink,#13233a)!important;box-shadow:none!important;transition:background .25s,transform .15s}
  #quiz .qp-in .fz-tabs button:hover{background:var(--soft)!important}
  #quiz .qp-in .fz-tabs button:active{transform:scale(.97)}
  #quiz .qp-in .fz-tabs button i{width:44px!important;height:44px!important;border-radius:14px!important;font-size:22px!important;background:var(--soft)!important;display:grid;place-items:center;transition:transform .25s,background .25s,box-shadow .25s}
  #quiz .qp-in .fz-tabs button span{display:grid!important;justify-items:center;gap:1px;min-width:0;width:100%}
  #quiz .qp-in .fz-tabs button b{font-size:14px!important;font-weight:800!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;letter-spacing:-.01em}
  #quiz .qp-in .fz-tabs button small{display:none!important}
  #quiz .qp-in .fz-tabs button .fz-bn{display:block;font-style:normal;font-size:11.5px;font-weight:600;color:var(--muted,#5b6b80);white-space:nowrap}
  #quiz .qp-in .fz-tabs button.on{background:var(--soft)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c1) 35%,transparent)!important;color:var(--ink,#13233a)!important}
  #quiz .qp-in .fz-tabs button.on i{background:linear-gradient(135deg,var(--c1),var(--c2))!important;transform:translateY(-3px);box-shadow:0 10px 20px -8px var(--c1)}
  #quiz .qp-in .fz-tabs button.on b{color:var(--c2)!important}
  #quiz .qp-in .fz-tabs button.on .fz-bn{color:var(--c2)}
  #quiz .qp-in .fz-tabs .fz-ind{height:4px!important;border-radius:4px!important;background:linear-gradient(90deg,#f43f5e,#8b5cf6)!important}
}
@media (min-width:821px) and (prefers-color-scheme:dark){:root:not([data-theme=light]) #quiz .qp-in .fz-tabs button.on b,:root:not([data-theme=light]) #quiz .qp-in .fz-tabs button.on .fz-bn{color:#fff!important}}
:root[data-theme=dark] #quiz .qp-in .fz-tabs button.on b,:root[data-theme=dark] #quiz .qp-in .fz-tabs button.on .fz-bn{color:#fff!important}
@media (max-width:820px){#quiz .fz-tabs button .fz-bn{display:none}#quiz .fz-tabs button b{overflow:visible!important;text-overflow:clip!important}}
@media (prefers-reduced-motion:reduce){#quiz .qp-in .fz-tabs button,#quiz .qp-in .fz-tabs button i{transition:none}}