:root{
  /* ======================================================
     CORE
     ====================================================== */
  --bg:#dde5f0;
  --txtall:14, 19, 33;
  --text:96, 105, 129;
  --accent:#6a7eff;

  --qt-ink:#0e1321;
  --qt-muted:#6a6f85;
  --txt-dark:#101526;

  --qt-line:rgba(148,163,184,.18);
  --qt-line-soft:rgba(148,163,184,.12);

  --qt-lav-base:#8EA2FF;
  --qt-lav-soft:#9BB0FF;
  --qt-lav-matte:#8EA2FF;
  --qt-tag:#4A568F;

  --lav1:#6a7eff;
  --lav2:#8ea2ff;
  --neon1:#61f2ff;

  --glass-bg:rgba(255,255,255,.76);
  --blur:blur(12px) saturate(160%);

  --qt-bg:#0b1227;

  --qt-shadow-sm:0 6px 18px rgba(15,18,36,.06);
  --qt-shadow-md:0 10px 28px rgba(15,18,36,.08);
  --qt-shadow-lg:0 18px 48px rgba(15,18,36,.10);

  --qt-radius-sm:12px;
  --qt-radius-md:16px;
  --qt-radius-lg:20px;
  --qt-radius-xl:24px;

  --qt-input-bg:rgba(255,255,255,.86);
  --qt-input-bd:rgba(148,163,184,.22);
  --qt-input-bd-focus:color-mix(in srgb, var(--accent) 34%, rgba(148,163,184,.22));

  --qt-topbar-h:40px;

  /* ======================================================
     PAGE BACKGROUND
     ====================================================== */
  --qt-page:#edf2f8;
  --qt-page-tint:#dbe4f0;
  --qt-page-wash1:rgba(25,41,74,.15);
  --qt-page-wash2:rgba(86,113,245,.15);
  --qt-page-wash3:rgba(122,138,166,.18);
  --qt-page-attach:fixed;

  /* ======================================================
     MOBILE NAV + SEARCH
     ====================================================== */
  --qt-nav-h:64px;
  --qt-nav-safe:env(safe-area-inset-bottom,0px);

  --qt-ac:#6d7cf6;
  --qt-ac2:#8d9af8;
  --qt-ac3:#8fb7e8;

  --qt-nav-bg1:rgba(242,245,250,.96);
  --qt-nav-bg2:rgba(233,238,245,.98);

  --qt-sheet-bg1:rgba(246,248,252,.98);
  --qt-sheet-bg2:rgba(236,241,247,.99);

  --qt-bd:rgba(97,110,138,.20);
  --qt-ring:color-mix(in srgb, var(--qt-ac) 24%, transparent);

  --qt-nav-line:rgba(97,110,138,.18);

  --qt-nav-ac:var(--qt-ac);
  --qt-nav-ac3:var(--qt-ac3);
  --qt-nav-ring:var(--qt-ring);

  --qt-nav-ink:#182031;
  --qt-nav-ink2:#56627a;
  --qt-nav-hi:#5168f5;

  /* ======================================================
     PLATFORM ACCENTS
     ====================================================== */
  --qt-platform-instagram:#E1306C;
  --qt-platform-instagram-soft:rgba(225,48,108,.18);

  --qt-platform-twitter:#1D9BF0;
  --qt-platform-twitter-soft:rgba(29,155,240,.18);

  --qt-platform-youtube:#FF0033;
  --qt-platform-youtube-soft:rgba(255,0,51,.16);

  --qt-platform-facebook:#1877F2;
  --qt-platform-facebook-soft:rgba(24,119,242,.16);

  --qt-platform-telegram:#229ED9;
  --qt-platform-telegram-soft:rgba(34,158,217,.18);

  --qt-platform-tiktok:#111827;
  --qt-platform-tiktok-soft:rgba(17,24,39,.10);

  --qt-platform-linkedin:#0A66C2;
  --qt-platform-linkedin-soft:rgba(10,102,194,.16);

  --qt-platform-spotify:#1ED760;
  --qt-platform-spotify-soft:rgba(30,215,96,.18);

  --qt-platform-soundcloud:#FF4E00;
  --qt-platform-soundcloud-soft:rgba(255,78,0,.16);

  --qt-platform-whatsapp:#25D366;
  --qt-platform-whatsapp-soft:rgba(37,211,102,.18);

  --qt-platform-kick:#00E701;
  --qt-platform-kick-soft:rgba(0,231,1,.16);

  --qt-platform-pinterest:#E60023;
  --qt-platform-pinterest-soft:rgba(230,0,35,.16);

  --qt-platform-twitch:#9146FF;
  --qt-platform-twitch-soft:rgba(145,70,255,.18);

  --qt-platform-snapchat:#BDA520;
  --qt-platform-snapchat-soft:rgba(255,252,0,.18);

  --qt-platform-default:#6A7EFF;
  --qt-platform-default-soft:rgba(106,126,255,.18);
}

@media (max-width:600px){
  :root{
    --qt-topbar-h:38px;
  }
}

/* =========================================================
   PLATFORM → ACCENT BRIDGE
   ========================================================= */
section[data-qt-platform]{
  --accent:var(--qt-platform-default);
  --qt-buy-accent:var(--qt-platform-default);
  --qt-buy-accent-soft:var(--qt-platform-default-soft);
}

section[data-qt-platform="instagram"]{
  --accent:var(--qt-platform-instagram);
  --qt-buy-accent:var(--qt-platform-instagram);
  --qt-buy-accent-soft:var(--qt-platform-instagram-soft);
}
section[data-qt-platform="twitter"]{
  --accent:var(--qt-platform-twitter);
  --qt-buy-accent:var(--qt-platform-twitter);
  --qt-buy-accent-soft:var(--qt-platform-twitter-soft);
}
section[data-qt-platform="youtube"]{
  --accent:var(--qt-platform-youtube);
  --qt-buy-accent:var(--qt-platform-youtube);
  --qt-buy-accent-soft:var(--qt-platform-youtube-soft);
}
section[data-qt-platform="facebook"]{
  --accent:var(--qt-platform-facebook);
  --qt-buy-accent:var(--qt-platform-facebook);
  --qt-buy-accent-soft:var(--qt-platform-facebook-soft);
}
section[data-qt-platform="telegram"]{
  --accent:var(--qt-platform-telegram);
  --qt-buy-accent:var(--qt-platform-telegram);
  --qt-buy-accent-soft:var(--qt-platform-telegram-soft);
}
section[data-qt-platform="tiktok"]{
  --accent:var(--qt-platform-tiktok);
  --qt-buy-accent:var(--qt-platform-tiktok);
  --qt-buy-accent-soft:var(--qt-platform-tiktok-soft);
}
section[data-qt-platform="linkedin"]{
  --accent:var(--qt-platform-linkedin);
  --qt-buy-accent:var(--qt-platform-linkedin);
  --qt-buy-accent-soft:var(--qt-platform-linkedin-soft);
}
section[data-qt-platform="spotify"]{
  --accent:var(--qt-platform-spotify);
  --qt-buy-accent:var(--qt-platform-spotify);
  --qt-buy-accent-soft:var(--qt-platform-spotify-soft);
}
section[data-qt-platform="soundcloud"]{
  --accent:var(--qt-platform-soundcloud);
  --qt-buy-accent:var(--qt-platform-soundcloud);
  --qt-buy-accent-soft:var(--qt-platform-soundcloud-soft);
}
section[data-qt-platform="whatsapp"]{
  --accent:var(--qt-platform-whatsapp);
  --qt-buy-accent:var(--qt-platform-whatsapp);
  --qt-buy-accent-soft:var(--qt-platform-whatsapp-soft);
}
section[data-qt-platform="pinterest"]{
  --accent:var(--qt-platform-pinterest);
  --qt-buy-accent:var(--qt-platform-pinterest);
  --qt-buy-accent-soft:var(--qt-platform-pinterest-soft);
}
section[data-qt-platform="twitch"]{
  --accent:var(--qt-platform-twitch);
  --qt-buy-accent:var(--qt-platform-twitch);
  --qt-buy-accent-soft:var(--qt-platform-twitch-soft);
}
section[data-qt-platform="kick"]{
  --accent:var(--qt-platform-kick);
  --qt-buy-accent:var(--qt-platform-kick);
  --qt-buy-accent-soft:var(--qt-platform-kick-soft);
}
section[data-qt-platform="snapchat"]{
  --accent:var(--qt-platform-snapchat);
  --qt-buy-accent:var(--qt-platform-snapchat);
  --qt-buy-accent-soft:var(--qt-platform-snapchat-soft);
}

/* =========================================================
   SEARCH SHEET — BASE HIDE
   ========================================================= */
#qtSheet.qt-sheet{
  display:none;
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:999999999;
}

#qtSheet.qt-sheet.active{
  display:flex;
}

/* =========================================================
   MINIMAL RESET
   ========================================================= */
*, *::before, *::after{
  box-sizing:border-box;
}

html, body{
  margin:0;
  padding:0;
  min-height:100%;
}

html{
  color-scheme:light;
  scroll-behavior:smooth;
}

img, video{
  max-width:100%;
  height:auto;
}

img{
  border-style:none;
}

button, input, textarea, select{
  font:inherit;
}

button{
  border:0;
  background:none;
}

a{
  color:inherit;
  text-decoration:none;
}

a, button{
  -webkit-tap-highlight-color:transparent;
}

p, h1, h2, h3, h4, h5, h6{
  margin-top:0;
}

ul, ol{
  margin:0;
  padding:0;
}

[hidden]{
  display:none !important;
}

:target{
  scroll-margin-top:88px;
}

::selection{
  background:color-mix(in srgb, var(--accent) 18%, white);
  color:var(--qt-ink);
}

/* =========================================================
   BODY BASE
   ========================================================= */
body{
  font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color:rgb(var(--txtall));
  line-height:1.45;
  background-color:var(--qt-page-tint);
  background-image:
    radial-gradient(1100px 480px at 50% -180px, var(--qt-page-wash1), transparent 62%),
    radial-gradient(820px 360px at 12% 4%, var(--qt-page-wash2), transparent 58%),
    radial-gradient(980px 400px at 88% 4%, var(--qt-page-wash3), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.38), rgba(255,255,255,0) 22%),
    linear-gradient(180deg, var(--qt-page-tint) 0%, #e8eef7 40%, var(--bg) 100%);
  background-attachment:var(--qt-page-attach);
  -webkit-text-size-adjust:100%;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

@media (max-width:640px){
  html{
    scroll-behavior:auto;
  }
  body{
    background-attachment:scroll;
  }
}

/* =========================================================
   BASIC FORM / FOCUS QUALITY
   ========================================================= */
input,
textarea,
select{
  background:var(--qt-input-bg);
  border:1px solid var(--qt-input-bd);
  color:rgb(var(--txtall));
}

input:focus,
textarea:focus,
select:focus,
button:focus-visible,
a:focus-visible{
  outline:none;
  box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 14%, transparent);
}

input:focus,
textarea:focus,
select:focus{
  border-color:var(--qt-input-bd-focus);
}

/* =========================================================
   SCROLL LOCK
   ========================================================= */
html.no-scroll,
body.no-scroll{
  overflow-x:hidden !important;
}

body.no-scroll{
  overflow:hidden !important;
  position:fixed !important;
  inset:0 !important;
  width:100% !important;
  max-width:100% !important;
  touch-action:none !important;
  overscroll-behavior:none !important;
}

/* =========================================================
   LEGACY ICON CLASS
   ========================================================= */
.ico{
  width:1em;
  height:1em;
  display:inline-block;
  vertical-align:-0.125em;
  fill:currentColor;
}

/* =========================================================
   QT SVG ICON SYSTEM — SINGLE SOURCE
   ========================================================= */
svg.qt-ic,
svg.qx-ic{
  display:inline-block;
  width:1em;
  height:1em;
  vertical-align:-0.125em;
  flex:0 0 auto;
  color:currentColor;
  fill:currentColor;
  overflow:visible;
}

a svg.qt-ic, button svg.qt-ic,
a svg.qx-ic, button svg.qx-ic{
  pointer-events:none;
}

svg.qt-ic path,
svg.qt-ic line,
svg.qt-ic polyline,
svg.qt-ic polygon,
svg.qt-ic circle,
svg.qt-ic rect,
svg.qt-ic ellipse,
svg.qt-ic g,
svg.qx-ic path,
svg.qx-ic line,
svg.qx-ic polyline,
svg.qx-ic polygon,
svg.qx-ic circle,
svg.qx-ic rect,
svg.qx-ic ellipse,
svg.qx-ic g{
  vector-effect:non-scaling-stroke;
}

svg.qt-ic.qt-ic--xs{ width:.95em; height:.95em; }
svg.qt-ic.qt-ic--sm{ width:1.05em; height:1.05em; }
svg.qt-ic.qt-ic--md{ width:1.15em; height:1.15em; }
svg.qt-ic.qt-ic--lg{ width:1.4em; height:1.4em; }
svg.qt-ic.qt-ic--xl{ width:2.25rem; height:2.25rem; }

svg.qt-ic.qt-ic--14{ width:14px; height:14px; }
svg.qt-ic.qt-ic--16{ width:16px; height:16px; }
svg.qt-ic.qt-ic--18{ width:18px; height:18px; }
svg.qt-ic.qt-ic--20{ width:20px; height:20px; }
svg.qt-ic.qt-ic--24{ width:24px; height:24px; }

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

svg.qt-ic.qt-spin{
  animation:qtSpin 1s linear infinite;
  transform-origin:50% 50%;
}

.h-icon svg.qt-ic{
  display:block;
}

[hidden] svg.qt-ic{
  display:none !important;
}

.qt-ic{
  filter:drop-shadow(0 1px 0 rgba(0,0,0,.06));
}

/* =========================================================
   LIGHTWEIGHT SCROLLBAR POLISH
   ========================================================= */
*{
  scrollbar-width:thin;
  scrollbar-color:rgba(148,163,184,.45) transparent;
}

*::-webkit-scrollbar{
  width:10px;
  height:10px;
}

*::-webkit-scrollbar-thumb{
  background:rgba(148,163,184,.38);
  border-radius:999px;
  border:2px solid transparent;
  background-clip:padding-box;
}

*::-webkit-scrollbar-track{
  background:transparent;
}