:root {
  --surfaced5039-ink: #fffdf0;
  --surfaced5039-muted: #b8c1ca;
  --surfaced5039-night: #34495e;
  --surfaced5039-deep: #263747;
  --surfaced5039-panel: #2f4355;
  --surfaced5039-line: rgba(255, 241, 118, .28);
  --surfaced5039-cyan: #00ced1;
  --surfaced5039-yellow: #fff176;
  --surfaced5039-slate: #778899;
  --surfaced5039-shadow: 0 18px 40px rgba(13, 23, 32, .28);
  color-scheme: dark;
}

* { box-sizing: border-box; }
html { background: var(--surfaced5039-night); scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  color: var(--surfaced5039-ink);
  background: linear-gradient(145deg, #34495e 0%, #293d4d 52%, #233442 100%);
  font-family: "Hind Siliguri", sans-serif;
  line-height: 1.68;
}
body.surfaced5039-lock { overflow: hidden; }
a { color: var(--surfaced5039-yellow); text-decoration-thickness: 1px; text-underline-offset: 3px; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }
button:focus-visible, a:focus-visible { outline: 3px solid var(--surfaced5039-cyan); outline-offset: 3px; }

.surfaced5039-stage { width: min(100%, 760px); margin: 0 auto; padding-bottom: 88px; }
.surfaced5039-skip { position: fixed; top: 8px; left: 8px; z-index: 100; transform: translateY(-150%); padding: 8px 12px; background: var(--surfaced5039-yellow); color: #20303d; }
.surfaced5039-skip:focus { transform: translateY(0); }
.surfaced5039-topbar {
  position: sticky; top: 0; z-index: 40; display: flex; align-items: center; justify-content: space-between;
  min-height: 66px; padding: 10px 14px; border-bottom: 1px solid var(--surfaced5039-line);
  background: rgba(38, 55, 71, .96); backdrop-filter: blur(14px);
}
.surfaced5039-brand { display: flex; align-items: center; gap: 9px; min-width: 0; }
.surfaced5039-brandLogo { width: 38px; height: 38px; border-radius: 11px; object-fit: cover; flex: none; }
.surfaced5039-brandName { overflow: hidden; color: var(--surfaced5039-yellow); font: 700 1.16rem/1.1 "Baloo Da 2", sans-serif; white-space: nowrap; text-overflow: ellipsis; }
.surfaced5039-topActions { display: flex; align-items: center; gap: 5px; }
.surfaced5039-miniBtn, .surfaced5039-burger { min-width: 44px; min-height: 44px; padding: 7px 10px; border: 1px solid var(--surfaced5039-line); border-radius: 6px; color: var(--surfaced5039-yellow); background: transparent; cursor: pointer; }
.surfaced5039-miniBtn--fill { color: #20303d; background: var(--surfaced5039-yellow); border-color: var(--surfaced5039-yellow); }
.surfaced5039-burger { display: grid; place-items: center; padding: 8px; }
.surfaced5039-burger svg { width: 24px; height: 24px; }
.surfaced5039-veil { position: fixed; inset: 0; z-index: 45; visibility: hidden; background: rgba(14, 26, 36, .65); opacity: 0; transition: opacity .2s ease, visibility .2s ease; }
.surfaced5039-veil--open { visibility: visible; opacity: 1; }
.surfaced5039-panel { position: fixed; z-index: 50; left: 50%; bottom: 0; width: min(100%, 760px); max-height: min(86vh, 680px); overflow: auto; padding: 16px 15px 28px; border-top: 2px solid var(--surfaced5039-cyan); border-radius: 22px 22px 0 0; background: #223443; box-shadow: 0 -22px 50px rgba(0, 0, 0, .36); transform: translate(-50%, 105%); transition: transform .26s ease; }
.surfaced5039-panel--open { transform: translate(-50%, 0); }
.surfaced5039-panelTag { display: flex; align-items: center; justify-content: space-between; color: var(--surfaced5039-muted); font: 700 .78rem/1 "Baloo Da 2", sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.surfaced5039-panelClose { min-width: 44px; min-height: 44px; border: 0; color: var(--surfaced5039-yellow); background: transparent; cursor: pointer; font-size: 1.2rem; }
.surfaced5039-panelList { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 12px 0 0; margin: 0; list-style: none; }
.surfaced5039-panelList a { display: flex; min-height: 52px; align-items: center; justify-content: space-between; gap: 5px; padding: 8px 10px; border: 1px solid rgba(0, 206, 209, .25); border-radius: 8px; color: var(--surfaced5039-ink); text-decoration: none; background: rgba(119, 136, 153, .13); }
.surfaced5039-panelList i { color: var(--surfaced5039-cyan); font: 600 .7rem/1 "Baloo Da 2", sans-serif; }
.surfaced5039-main { padding: 16px 14px 0; }
.surfaced5039-hero, .surfaced5039-shelf, .surfaced5039-block, .surfaced5039-ext { margin: 0 0 16px; }
.surfaced5039-hero { position: relative; overflow: hidden; padding: 24px 17px 18px; border-left: 3px solid var(--surfaced5039-cyan); background: linear-gradient(130deg, rgba(0, 206, 209, .13), rgba(255, 241, 118, .08)); }
.surfaced5039-hero::after { position: absolute; right: -48px; top: -60px; width: 150px; height: 150px; border: 1px solid rgba(255, 241, 118, .42); border-radius: 50%; content: ""; }
.surfaced5039-h1, .surfaced5039-h2 { position: relative; margin: 0; color: var(--surfaced5039-yellow); font-family: "Baloo Da 2", sans-serif; line-height: 1.18; }
.surfaced5039-h1 { max-width: 680px; font-size: clamp(1.72rem, 7vw, 2.8rem); }
.surfaced5039-h2 { font-size: clamp(1.32rem, 5.4vw, 1.85rem); }
.surfaced5039-heroCopy, .surfaced5039-lead, .surfaced5039-blockLead, .surfaced5039-extBrand { margin: 14px 0 0; color: var(--surfaced5039-ink); }
.surfaced5039-ctaRow { display: grid; gap: 9px; margin-top: 18px; }
.surfaced5039-cta { min-height: 48px; border: 1px solid var(--surfaced5039-cyan); border-radius: 6px; padding: 10px 14px; cursor: pointer; font-weight: 700; }
.surfaced5039-cta--main { color: #17313a; background: var(--surfaced5039-cyan); }
.surfaced5039-cta--ghost { color: var(--surfaced5039-yellow); background: transparent; }
.surfaced5039-ask { display: grid; grid-template-columns: 38px 1fr; gap: 10px; align-items: start; margin-top: 18px; padding-top: 13px; border-top: 1px dashed rgba(255, 241, 118, .4); }
.surfaced5039-ask b { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; color: #20303d; background: var(--surfaced5039-yellow); font: 700 1.2rem/1 "Baloo Da 2", sans-serif; }
.surfaced5039-ask p { margin: 0; color: var(--surfaced5039-muted); }
.surfaced5039-cs { overflow: hidden; margin: 0 0 18px; border: 1px solid rgba(0, 206, 209, .35); background: #263b4b; }
.surfaced5039-csTrack { display: flex; width: 100%; transition: transform .45s ease; }
.surfaced5039-csSlide { position: relative; flex: 0 0 100%; width: 100%; padding: 0; border: 0; color: inherit; background: #263b4b; cursor: pointer; text-align: left; }
.surfaced5039-csSlide img { display: block; width: 100%; aspect-ratio: 16 / 7; object-fit: cover; opacity: .78; }
.surfaced5039-csCap { display: block; padding: 10px 12px; color: var(--surfaced5039-yellow); font-weight: 700; }
.surfaced5039-csBar { display: flex; align-items: center; gap: 7px; padding: 8px 12px 11px; }
.surfaced5039-csDot { width: 11px; height: 11px; padding: 0; border: 1px solid var(--surfaced5039-cyan); border-radius: 50%; background: transparent; cursor: pointer; }
.surfaced5039-csDot--active, .surfaced5039-csDot[aria-selected="true"] { background: var(--surfaced5039-cyan); }
.surfaced5039-csHint { margin-left: auto; color: var(--surfaced5039-muted); font-size: .76rem; }
.surfaced5039-shelf, .surfaced5039-block, .surfaced5039-ext { padding: 18px 14px; border: 1px solid rgba(119, 136, 153, .28); background: rgba(34, 52, 67, .68); box-shadow: var(--surfaced5039-shadow); }
.surfaced5039-shelf { border-top: 3px solid var(--surfaced5039-cyan); }
.surfaced5039-block { border-left: 3px solid var(--surfaced5039-yellow); }
.surfaced5039-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 15px; }
.surfaced5039-gc { min-width: 0; padding: 0 0 7px; border: 1px solid rgba(0, 206, 209, .2); border-radius: 6px; color: var(--surfaced5039-ink); background: rgba(119, 136, 153, .13); cursor: pointer; text-align: center; transition: transform .18s ease, border-color .18s ease; }
.surfaced5039-gc:hover, .surfaced5039-gc:focus-visible { transform: translateY(-3px); border-color: var(--surfaced5039-yellow); }
.surfaced5039-gcArt { display: block; overflow: hidden; aspect-ratio: 1; }
.surfaced5039-gcArt img { display: block; width: 100%; height: 100%; object-fit: cover; }
.surfaced5039-gcName { display: block; min-height: 2.5em; padding: 5px 3px 0; font-size: clamp(.68rem, 2.5vw, .82rem); line-height: 1.25; overflow-wrap: anywhere; }
.surfaced5039-chips, .surfaced5039-promoLane { display: flex; gap: 7px; overflow-x: auto; padding: 12px 0 2px; scrollbar-width: thin; }
.surfaced5039-chip, .surfaced5039-promoPill { flex: 0 0 auto; min-height: 44px; display: inline-flex; align-items: center; padding: 8px 12px; border: 1px solid var(--surfaced5039-line); border-radius: 999px; color: var(--surfaced5039-yellow); background: rgba(0, 206, 209, .09); text-decoration: none; }
.surfaced5039-promoPill { cursor: pointer; font-weight: 700; }
.surfaced5039-promoPill--alt { color: #21333e; background: var(--surfaced5039-yellow); }
.surfaced5039-tiles { display: grid; gap: 9px; margin-top: 15px; }
.surfaced5039-tile { padding: 12px; border-bottom: 1px solid rgba(0, 206, 209, .3); background: rgba(119, 136, 153, .1); }
.surfaced5039-tile b { color: var(--surfaced5039-cyan); }
.surfaced5039-tile p { margin: 4px 0 0; color: var(--surfaced5039-muted); }
.surfaced5039-steps { display: grid; gap: 11px; padding-left: 25px; margin: 15px 0 0; }
.surfaced5039-steps li::marker { color: var(--surfaced5039-cyan); font-weight: 700; }
.surfaced5039-ledger { overflow-x: auto; margin-top: 15px; border: 1px solid rgba(0, 206, 209, .25); }
.surfaced5039-ledgerHead, .surfaced5039-ledgerRow { display: grid; grid-template-columns: 74px 1fr 1fr; min-width: 500px; }
.surfaced5039-ledgerHead { color: #21333e; background: var(--surfaced5039-yellow); font-weight: 700; }
.surfaced5039-ledgerRow { border-top: 1px solid rgba(0, 206, 209, .22); color: var(--surfaced5039-muted); }
.surfaced5039-ledgerHead span, .surfaced5039-ledgerRow span { padding: 9px 8px; }
.surfaced5039-ledgerNote, .surfaced5039-verdict, .surfaced5039-fine { margin: 13px 0 0; color: var(--surfaced5039-muted); }
.surfaced5039-verdict { padding: 12px; border-left: 3px solid var(--surfaced5039-cyan); color: var(--surfaced5039-ink); background: rgba(0, 206, 209, .08); }
.surfaced5039-ext { border-color: rgba(255, 241, 118, .3); }
.surfaced5039-extGroup { margin: 18px 0 0; color: var(--surfaced5039-cyan); font-weight: 700; }
.surfaced5039-dir { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 9px; }
.surfaced5039-dir a { padding: 8px; border-left: 2px solid var(--surfaced5039-slate); background: rgba(119, 136, 153, .1); }
.surfaced5039-disclaimer { margin: 20px 0 0; padding-top: 12px; border-top: 1px solid rgba(255, 241, 118, .25); color: var(--surfaced5039-muted); font-size: .88rem; }
.surfaced5039-foot { padding: 18px 14px 28px; color: var(--surfaced5039-muted); text-align: center; }
.surfaced5039-foot p { margin: 0; }
.surfaced5039-dock { position: fixed; z-index: 35; left: 50%; bottom: 0; display: grid; grid-template-columns: repeat(5, 1fr); width: min(100%, 760px); min-height: 68px; padding: 6px 8px max(6px, env(safe-area-inset-bottom)); border-top: 1px solid var(--surfaced5039-line); background: rgba(31, 48, 61, .97); transform: translateX(-50%); backdrop-filter: blur(12px); }
.surfaced5039-dockItem { min-width: 44px; min-height: 52px; display: grid; place-items: center; align-content: center; gap: 2px; border: 0; border-radius: 6px; color: var(--surfaced5039-muted); background: transparent; text-decoration: none; cursor: pointer; font-size: .7rem; }
.surfaced5039-dockItem svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.surfaced5039-dockItem:hover, .surfaced5039-dockItem:focus-visible, .surfaced5039-dockItem[aria-current="page"] { color: #20303d; background: var(--surfaced5039-yellow); transform: translateY(-3px); }
.surfaced5039-is-visible { animation: surfaced5039-rise .46s ease both; }
@keyframes surfaced5039-rise { from { opacity: .2; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@media (min-width: 560px) { .surfaced5039-main { padding-inline: 22px; } .surfaced5039-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); } .surfaced5039-ctaRow { grid-template-columns: repeat(2, minmax(0, 1fr)); } .surfaced5039-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; } }