/* AKTV glass shell. Loaded only by pages that set window.aktvGlass = true.
   Restyles the shared shell injected by aktv-ui-v3.js (ticker, nav, footer, cookie bar,
   Telegram bar, mobile tab bar). Pages that do not opt in are untouched. */

html.aktv-glass{
  color-scheme:dark;
  --g-bg:#060912; --g-text:#EEF2F8; --g-soft:#C9D2E2; --g-muted:#9AA6BC; --g-dim:#8E9AB1;
  --g-gold:#F0A63A; --g-green:#3DD6A0; --g-red:#FF6B75;
  --g-fill:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.03));
  --g-line:rgba(255,255,255,.11);
  --g-edge:inset 0 1px 0 rgba(255,255,255,.13);
  --g-shadow:0 10px 40px rgba(0,0,0,.36);
  --g-blur:blur(24px) saturate(160%);
  --g-ease:cubic-bezier(.23,1,.32,1);
  --g-inout:cubic-bezier(.77,0,.175,1);
  --g-font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI Variable Text","Segoe UI",system-ui,Roboto,"Noto Sans Devanagari","Noto Sans",sans-serif;
  --g-tick-h:36px; --g-nav-h:64px; --g-nav-mt:8px;
}

/* page base and aurora */
html.aktv-glass body{background:var(--g-bg);color:var(--g-text);font-family:var(--g-font);-webkit-font-smoothing:antialiased}
html.aktv-glass body:not(.aktv-ready){padding-top:calc(var(--g-tick-h) + var(--g-nav-mt) + var(--g-nav-h))}
html.aktv-glass body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(60vw 60vw at 12% -8%,rgba(240,166,58,.20),transparent 62%),
    radial-gradient(55vw 55vw at 96% 14%,rgba(74,108,255,.20),transparent 64%),
    radial-gradient(50vw 50vw at 40% 108%,rgba(61,214,160,.10),transparent 64%);
}

/* ticker */
html.aktv-glass .aktv-ticker-wrap{background:transparent;border:0;height:var(--g-tick-h)}
/* edge fade only where there is a mouse: masks on a moving child freeze or blur text in mobile Safari */
@media (hover:hover) and (pointer:fine){
  html.aktv-glass .aktv-ticker-wrap{
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  }
}
html.aktv-glass .aktv-ticker{animation-duration:70s}
html.aktv-glass .aktv-ticker>span{padding:0 20px;font-family:var(--g-font);font-size:12px;letter-spacing:.02em;color:var(--g-muted);font-variant-numeric:tabular-nums}
html.aktv-glass .aktv-ticker>span>span{padding:0}
html.aktv-glass .aktv-ticker>span b{color:var(--g-text);font-weight:600}
html.aktv-glass .aktv-tup{color:var(--g-green)!important}
html.aktv-glass .aktv-tdn{color:#FF7A84!important}
@media (hover:hover) and (pointer:fine){html.aktv-glass .aktv-ticker-wrap:hover .aktv-ticker{animation-play-state:paused}}

/* floating glass nav */
html.aktv-glass .aktv-nav{
  top:12px;margin:var(--g-nav-mt) auto 0;width:calc(100% - 48px);max-width:1200px;height:var(--g-nav-h);
  padding:0 10px 0 24px;border:1px solid var(--g-line);border-radius:999px;
  background:var(--g-fill),rgba(10,14,24,.5);
  -webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur);
  box-shadow:var(--g-edge),var(--g-shadow);
}
html.aktv-glass .aktv-logo{font-family:var(--g-font);font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--g-gold)!important}
html.aktv-glass .aktv-logo span{color:#F4F6FA;font-weight:700}
html.aktv-glass .aktv-nav-links{gap:2px}
html.aktv-glass .aktv-nav-links a{
  font-family:var(--g-font);font-size:14px;font-weight:500;letter-spacing:0;color:var(--g-muted);
  padding:9px 12px;border-radius:999px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;
  transition:background 160ms var(--g-ease),color 160ms var(--g-ease),transform 140ms var(--g-ease);
}
html.aktv-glass .aktv-nav-links a:hover{background:transparent;color:var(--g-muted)}
html.aktv-glass .aktv-nav-links a.aktv-cur,
html.aktv-glass .aktv-nav-links a.aktv-cur:hover{color:#fff;background:rgba(255,255,255,.10)}
html.aktv-glass .aktv-nav-links a:active{transform:scale(.97)}
html.aktv-glass .aktv-nav-links a.aktv-nav-cta,
html.aktv-glass .aktv-nav-links a.aktv-nav-cta:hover{background:var(--g-gold)!important;color:#1A1204!important;font-weight:600!important;border-radius:999px!important;padding:9px 16px}
@media (hover:hover) and (pointer:fine){
  html.aktv-glass .aktv-nav-links a:not(.aktv-nav-cta):hover{background:rgba(255,255,255,.07);color:var(--g-text)}
  html.aktv-glass .aktv-nav-links a.aktv-cur:hover{background:rgba(255,255,255,.12);color:#fff}
}

/* EN / HI toggle with sliding thumb */
html.aktv-glass .aktv-lang-toggle{
  position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;width:84px;margin-left:10px;padding:3px;
  border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);
}
html.aktv-glass .aktv-lang-toggle::before{
  content:"";position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:999px;
  background:var(--g-gold);transition:transform 240ms var(--g-inout);
}
html.aktv-glass .aktv-lang-toggle:has(#aktv-btn-hi.aktv-lang-act)::before{transform:translateX(100%)}
html.aktv-glass .aktv-lang-toggle button{
  position:relative;padding:8px 0;border-radius:999px;font-family:var(--g-font);font-size:12px;font-weight:600;
  background:transparent;touch-action:manipulation;-webkit-tap-highlight-color:transparent;
  transition:color 200ms ease,transform 140ms var(--g-ease);
}
html.aktv-glass .aktv-lang-toggle button:active{transform:scale(.95)}
html.aktv-glass .aktv-lang-toggle button.aktv-lang-act{background:transparent;color:#1A1204}
html.aktv-glass .aktv-lang-toggle button.aktv-lang-in{background:transparent;color:var(--g-muted)}
@supports not selector(:has(*)){
  html.aktv-glass .aktv-lang-toggle::before{display:none}
  html.aktv-glass .aktv-lang-toggle button.aktv-lang-act{background:var(--g-gold)}
}
html.aktv-glass .aktv-hamburger{min-width:44px;min-height:44px;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}

/* between phone and wide desktop: keep the pill on one line */
@media (min-width:769px) and (max-width:1100px){
  html.aktv-glass .aktv-nav{padding-left:20px}
  html.aktv-glass .aktv-nav-links a{padding:8px 9px;font-size:13px}
  html.aktv-glass .aktv-nav-links a.aktv-nav-cta{padding:8px 12px}
  html.aktv-glass .aktv-nav-links a[href="/resources/"],
  html.aktv-glass .aktv-nav-links a[href="/about/"]{display:none}
}

/* phone nav + dropdown */
@media (max-width:768px){
  html.aktv-glass{--g-tick-h:34px;--g-nav-h:56px;--g-nav-mt:6px}
  html.aktv-glass .aktv-nav{top:8px;width:calc(100% - 24px);padding:0 6px 0 18px}
  html.aktv-glass .aktv-nav-links{
    top:calc(100% + 8px);left:0;right:0;padding:10px;gap:2px;border:1px solid var(--g-line);border-radius:24px;
    background:var(--g-fill),rgb(14,19,32);
    -webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--g-edge),var(--g-shadow);
  }
  html.aktv-glass .aktv-nav-links.open{animation:g-pop 220ms var(--g-ease)}
  html.aktv-glass .aktv-nav-links a{padding:13px 16px;font-size:16px}
  html.aktv-glass .aktv-nav-links a.aktv-nav-cta{margin-top:6px;text-align:center}
}

/* footer */
html.aktv-glass .aktv-disc{
  background:transparent;border:0;border-top:1px solid rgba(255,255,255,.08);max-width:1200px;margin:56px auto 0;
  padding:22px 24px;font-family:var(--g-font);font-size:12px;color:var(--g-dim);line-height:1.7;
}
html.aktv-glass .aktv-disc b{color:#FF8A93}
html.aktv-glass .aktv-footer{background:transparent;border-top:1px solid rgba(255,255,255,.08);padding:36px 24px 32px;font-family:var(--g-font)}
html.aktv-glass .aktv-footer-grid{max-width:1200px;gap:32px}
html.aktv-glass .aktv-footer h4{font-family:var(--g-font);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--g-dim);margin-bottom:16px}
html.aktv-glass .aktv-footer a{font-size:14px;color:var(--g-muted);padding:3px 0;margin-bottom:6px;transition:color 160ms ease}
html.aktv-glass .aktv-footer a:hover{color:var(--g-muted)}
@media (hover:hover) and (pointer:fine){html.aktv-glass .aktv-footer a:hover{color:var(--g-gold)}}
html.aktv-glass .aktv-footer p{font-size:14px;color:var(--g-muted);line-height:1.7;margin-bottom:12px}
html.aktv-glass .aktv-footer-copy{max-width:1200px;border-top:1px solid rgba(255,255,255,.08);color:var(--g-dim);font-size:12px}
@media (max-width:768px){
  html.aktv-glass .aktv-disc{margin-top:44px;padding:20px 16px}
  html.aktv-glass .aktv-footer{padding:32px 16px 24px}
  html.aktv-glass .aktv-footer-grid>div:first-child{grid-column:1/-1}
}

/* cookie bar and Telegram bar become floating sheets (inline styles in the JS, hence !important) */
html.aktv-glass #aktv-cookie-bar,
html.aktv-glass #aktv-tg-bar{
  left:24px!important;right:auto!important;bottom:24px!important;width:calc(100% - 48px)!important;max-width:520px;
  flex-direction:column!important;align-items:flex-start!important;gap:14px!important;
  padding:20px 22px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:24px!important;
  background:var(--g-fill),rgba(10,14,24,.62)!important;
  -webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur);
  box-shadow:var(--g-edge),0 16px 48px rgba(0,0,0,.5)!important;
  font-family:var(--g-font)!important;font-size:14px!important;line-height:1.55;color:var(--g-soft)!important;
  transform-origin:left bottom;animation:g-sheet 320ms var(--g-ease) both;
  transition:opacity 200ms var(--g-ease),transform 200ms var(--g-ease);
}
html.aktv-glass #aktv-cookie-bar.aktv-out,
html.aktv-glass #aktv-tg-bar.aktv-out{opacity:0;transform:translateY(12px) scale(.97);pointer-events:none}
html.aktv-glass #aktv-cookie-bar ~ #aktv-tg-bar{display:none!important}
html.aktv-glass #aktv-cookie-bar a{color:var(--g-gold)!important;font-weight:600}
html.aktv-glass #aktv-tg-bar span{font-family:var(--g-font)!important;color:var(--g-soft)}
html.aktv-glass #aktv-cookie-bar button,
html.aktv-glass #aktv-tg-bar button,
html.aktv-glass #aktv-tg-bar a{
  min-height:44px;padding:0 22px!important;display:inline-flex!important;align-items:center;justify-content:center;
  border-radius:999px!important;font-family:var(--g-font)!important;font-size:14px!important;font-weight:600!important;
  touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform 140ms var(--g-ease);
}
html.aktv-glass #aktv-cookie-bar button:active,
html.aktv-glass #aktv-tg-bar button:active,
html.aktv-glass #aktv-tg-bar a:active{transform:scale(.96)}
html.aktv-glass #aktv-cookie-bar button:first-of-type{background:var(--g-gold)!important;color:#1A1204!important;border:0!important}
html.aktv-glass #aktv-cookie-bar button:last-of-type,
html.aktv-glass #aktv-tg-bar button{background:rgba(255,255,255,.08)!important;color:var(--g-text)!important;border:1px solid rgba(255,255,255,.18)!important}
@media (max-width:768px){
  html.aktv-glass #aktv-cookie-bar,
  html.aktv-glass #aktv-tg-bar{left:12px!important;width:calc(100% - 24px)!important;max-width:none;bottom:calc(88px + env(safe-area-inset-bottom,0px))!important}
}

/* mobile tab bar: floating glass pill */
html.aktv-glass #aktv-bnav{
  background:var(--g-fill),rgba(10,14,24,.6);
  border:1px solid rgba(255,255,255,.13);border-radius:26px;padding:6px;
  -webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur);
  box-shadow:var(--g-edge),0 14px 44px rgba(0,0,0,.5);
}
html.aktv-glass .aktv-bni{
  min-height:48px;justify-content:center;padding:6px 4px;margin:0;border-radius:18px;
  font-family:var(--g-font);font-size:10.5px;font-weight:500;color:var(--g-dim);
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;
  transition:transform 140ms var(--g-ease),color 160ms ease,background 160ms ease;
}
html.aktv-glass .aktv-bni:active{transform:scale(.94)}
html.aktv-glass .aktv-bni-on{color:var(--g-gold)!important;background:rgba(255,255,255,.09)}
html.aktv-glass #aktv-bmenu{
  bottom:calc(88px + env(safe-area-inset-bottom,0px));left:12px;right:12px;padding:10px;gap:8px;
  border:1px solid var(--g-line);border-radius:24px;
  background:var(--g-fill),rgba(12,17,30,.95);
  -webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur);box-shadow:var(--g-edge),var(--g-shadow);
}
html.aktv-glass #aktv-bmenu.open{animation:g-pop 220ms var(--g-ease)}
html.aktv-glass .aktv-mi{
  min-height:64px;justify-content:center;border-radius:16px;background:rgba(255,255,255,.06);
  font-family:var(--g-font);font-size:12px;font-weight:500;color:var(--g-soft);
  -webkit-tap-highlight-color:transparent;transition:transform 140ms var(--g-ease),background 160ms ease;
}
html.aktv-glass .aktv-mi:active{transform:scale(.95)}

@keyframes g-sheet{from{opacity:0;transform:translateY(12px) scale(.97)}}
@keyframes g-pop{from{opacity:0;transform:translateY(6px) scale(.98)}}

/* accessibility and capability fallbacks */
@media (prefers-reduced-motion:reduce){
  html.aktv-glass *,html.aktv-glass *::before,html.aktv-glass *::after{transition:none!important;animation:none!important}
}
/* the ticker has always scrolled on this site; keep it moving even with reduced motion on */
html.aktv-glass .aktv-ticker{animation:atick 70s linear infinite!important}
@media (prefers-reduced-transparency:reduce){
  html.aktv-glass .aktv-nav,html.aktv-glass #aktv-bnav,html.aktv-glass #aktv-bmenu,
  html.aktv-glass #aktv-cookie-bar,html.aktv-glass #aktv-tg-bar,html.aktv-glass .aktv-nav-links{
    background:#0E1320!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  html.aktv-glass .aktv-nav,html.aktv-glass #aktv-bnav,html.aktv-glass #aktv-bmenu,
  html.aktv-glass #aktv-cookie-bar,html.aktv-glass #aktv-tg-bar,html.aktv-glass .aktv-nav-links{background:#0E1320!important}
}