/* =========================================================
   TIKTAKIP GLOBAL CSS — FINAL DESIGN SYSTEM
   Dark Navy / Ice / Cyan / Pink
========================================================= */

:root {
    color-scheme: light;

    /* =====================================================
       CORE BRAND
    ===================================================== */
    --bg: #edf5fa;

    --accent: #27cbd2;
    --accent-2: #63e6e6;
    --accent-3: #ff426c;

    --lav1: #27cbd2;
    --lav2: #63e6e6;
    --neon1: #b9ffff;

    --qt-lav: #27cbd2;
    --qt-lav2: #63e6e6;
    --qt-lav-base: #27cbd2;
    --qt-lav-soft: #9af6f5;
    --qt-lav-matte: #1faeb7;

    /* =====================================================
       TEXT
    ===================================================== */
    --txtall: 22, 34, 44;
    --text: 97, 116, 128;

    --qt-ink: #16242e;
    --qt-ink-2: #243944;
    --qt-muted: #6a7d89;
    --txt-dark: #111d26;
    --qt-tag: #2c6571;

    /* =====================================================
       DARK SURFACES
    ===================================================== */
    --qt-bg: #09131d;
    --qt-dark-1: #07111a;
    --qt-dark-2: #0d1c28;
    --qt-dark-3: #142633;

    /* =====================================================
       PAGE BACKGROUND
    ===================================================== */
    --qt-page: #f7fbff;
    --qt-page-tint: #edf4fa;

    --qt-page-wash1: rgba(53, 220, 224, .070);
    --qt-page-wash2: rgba(255, 61, 104, .045);
    --qt-page-wash3: rgba(108, 166, 211, .045);

    --qt-page-attach: fixed;

    /* =====================================================
       GLASS / LINES / SHADOWS
    ===================================================== */
    --glass-bg: rgba(255, 255, 255, .80);
    --blur: blur(12px) saturate(135%);

    --qt-line: rgba(62, 123, 143, .16);
    --qt-line-soft: rgba(62, 123, 143, .10);
    --qt-line-strong: rgba(39, 203, 210, .25);

    --qt-shadow-xs: 0 2px 8px rgba(17, 37, 51, .045);
    --qt-shadow-sm: 0 6px 18px rgba(17, 37, 51, .065);
    --qt-shadow-md: 0 10px 28px rgba(17, 37, 51, .085);
    --qt-shadow-lg: 0 18px 48px rgba(17, 37, 51, .11);
    --qt-shadow-xl: 0 26px 70px rgba(17, 37, 51, .14);

    /* =====================================================
       RADIUS
    ===================================================== */
    --qt-radius-xs: 10px;
    --qt-radius-sm: 12px;
    --qt-radius-md: 16px;
    --qt-radius-lg: 20px;
    --qt-radius-xl: 24px;
    --qt-radius-2xl: 30px;

    /* =====================================================
       INPUTS
    ===================================================== */
    --qt-input-bg: rgba(255, 255, 255, .90);
    --qt-input-bd: rgba(65, 130, 149, .20);
    --qt-input-bd-focus: rgba(39, 203, 210, .52);
    --qt-input-shadow-focus: 0 0 0 4px rgba(39, 203, 210, .14);

    /* =====================================================
       LAYOUT
    ===================================================== */
    --qt-shell-pad: 12px;
    --qt-shell-max: 1320px;

    --qt-content-pad: var(--qt-shell-pad);
    --qt-content-max: var(--qt-shell-max);
    --qt-content-inner: min(
        var(--qt-content-max),
        calc(100% - (var(--qt-content-pad) * 2))
    );

    /* =====================================================
       HEADER / NAV
    ===================================================== */
    --qt-topbar-h: 40px;
    --qt-nav-h: 64px;
    --qt-nav-safe: env(safe-area-inset-bottom, 0px);

    --qt-ac: #27cbd2;
    --qt-ac2: #63e6e6;
    --qt-ac3: #ff426c;

    --qt-nav-bg1: rgba(11, 25, 35, .96);
    --qt-nav-bg2: rgba(13, 31, 43, .98);

    --qt-sheet-bg1: rgba(13, 29, 40, .98);
    --qt-sheet-bg2: rgba(18, 39, 52, .99);

    --qt-bd: rgba(112, 189, 202, .20);
    --qt-ring: rgba(39, 203, 210, .22);
    --qt-nav-line: rgba(112, 189, 202, .16);

    --qt-nav-ac: #27cbd2;
    --qt-nav-ac3: #ff426c;
    --qt-nav-ring: rgba(39, 203, 210, .20);

    --qt-nav-ink: #eafaff;
    --qt-nav-ink2: #a8c2cd;
    --qt-nav-hi: #63e6e6;

    /* =====================================================
       PLATFORM DEFAULT
    ===================================================== */
    --qt-platform-default: #27cbd2;
    --qt-platform-default-soft: rgba(39, 203, 210, .14);

    /* =====================================================
       PLATFORM COLORS
    ===================================================== */
    --qt-platform-instagram: #d73a76;
    --qt-platform-instagram-soft: rgba(215, 58, 118, .14);

    --qt-platform-twitter: #258ad8;
    --qt-platform-twitter-soft: rgba(37, 138, 216, .14);

    --qt-platform-youtube: #e3263e;
    --qt-platform-youtube-soft: rgba(227, 38, 62, .13);

    --qt-platform-facebook: #256fd0;
    --qt-platform-facebook-soft: rgba(37, 111, 208, .13);

    --qt-platform-telegram: #2b91c8;
    --qt-platform-telegram-soft: rgba(43, 145, 200, .14);

    --qt-platform-tiktok: #20283a;
    --qt-platform-tiktok-soft: rgba(32, 40, 58, .10);

    --qt-platform-linkedin: #1d67a8;
    --qt-platform-linkedin-soft: rgba(29, 103, 168, .13);

    --qt-platform-spotify: #24a85a;
    --qt-platform-spotify-soft: rgba(36, 168, 90, .13);

    --qt-platform-soundcloud: #e86a22;
    --qt-platform-soundcloud-soft: rgba(232, 106, 34, .13);

    --qt-platform-whatsapp: #2dae66;
    --qt-platform-whatsapp-soft: rgba(45, 174, 102, .13);

    --qt-platform-kick: #2fae45;
    --qt-platform-kick-soft: rgba(47, 174, 69, .13);

    --qt-platform-pinterest: #ce1f36;
    --qt-platform-pinterest-soft: rgba(206, 31, 54, .13);

    --qt-platform-twitch: #7a55d8;
    --qt-platform-twitch-soft: rgba(122, 85, 216, .14);

    --qt-platform-snapchat: #b98b12;
    --qt-platform-snapchat-soft: rgba(185, 139, 18, .13);

    --qt-platform-apple: #e8485b;
    --qt-platform-apple-soft: rgba(232, 72, 91, .13);

    --qt-platform-android: #35aa70;
    --qt-platform-android-soft: rgba(53, 170, 112, .13);

    --qt-platform-audiomack: #d98a1d;
    --qt-platform-audiomack-soft: rgba(217, 138, 29, .13);

    --qt-platform-bluesky: #258ce6;
    --qt-platform-bluesky-soft: rgba(37, 140, 230, .14);

    --qt-platform-boomplay: #72a63a;
    --qt-platform-boomplay-soft: rgba(114, 166, 58, .13);

    --qt-platform-chzzk: #20b879;
    --qt-platform-chzzk-soft: rgba(32, 184, 121, .13);

    --qt-platform-clubhouse: #c99732;
    --qt-platform-clubhouse-soft: rgba(201, 151, 50, .13);

    --qt-platform-coinhunt: #6670e8;
    --qt-platform-coinhunt-soft: rgba(102, 112, 232, .14);

    --qt-platform-coinmarketcap: #3e63d8;
    --qt-platform-coinmarketcap-soft: rgba(62, 99, 216, .14);

    --qt-platform-coinsniper: #d98522;
    --qt-platform-coinsniper-soft: rgba(217, 133, 34, .13);

    --qt-platform-coub: #2e63d8;
    --qt-platform-coub-soft: rgba(46, 99, 216, .13);

    --qt-platform-dailymotion: #246dd8;
    --qt-platform-dailymotion-soft: rgba(36, 109, 216, .13);

    --qt-platform-datpiff: #27965b;
    --qt-platform-datpiff-soft: rgba(39, 150, 91, .13);

    --qt-platform-dribbble: #d6548a;
    --qt-platform-dribbble-soft: rgba(214, 84, 138, .14);

    --qt-platform-freshcoins: #20a986;
    --qt-platform-freshcoins-soft: rgba(32, 169, 134, .13);

    --qt-platform-kwai: #e77724;
    --qt-platform-kwai-soft: rgba(231, 119, 36, .13);

    --qt-platform-likee: #e8486b;
    --qt-platform-likee-soft: rgba(232, 72, 107, .13);

    --qt-platform-medium: #242424;
    --qt-platform-medium-soft: rgba(36, 36, 36, .10);

    --qt-platform-mixcloud: #6544d8;
    --qt-platform-mixcloud-soft: rgba(101, 68, 216, .14);

    --qt-platform-opensea: #2f80ce;
    --qt-platform-opensea-soft: rgba(47, 128, 206, .14);

    --qt-platform-quora: #a93634;
    --qt-platform-quora-soft: rgba(169, 54, 52, .13);

    --qt-platform-rarible: #b99819;
    --qt-platform-rarible-soft: rgba(185, 152, 25, .13);

    --qt-platform-reddit: #e55b24;
    --qt-platform-reddit-soft: rgba(229, 91, 36, .13);

    --qt-platform-reverbnation: #258ad0;
    --qt-platform-reverbnation-soft: rgba(37, 138, 208, .14);

    --qt-platform-rumble: #75a944;
    --qt-platform-rumble-soft: rgba(117, 169, 68, .13);

    --qt-platform-shopee: #e35b3a;
    --qt-platform-shopee-soft: rgba(227, 91, 58, .13);

    --qt-platform-snackvideo: #d9961d;
    --qt-platform-snackvideo-soft: rgba(217, 150, 29, .13);

    --qt-platform-threads: #202020;
    --qt-platform-threads-soft: rgba(32, 32, 32, .10);

    --qt-platform-tumblr: #3d4c63;
    --qt-platform-tumblr-soft: rgba(61, 76, 99, .13);

    --qt-platform-vimeo: #2ca8d6;
    --qt-platform-vimeo-soft: rgba(44, 168, 214, .14);

    --qt-platform-vk: #2b78d0;
    --qt-platform-vk-soft: rgba(43, 120, 208, .14);

    --qt-platform-jaco: #7b4ad8;
    --qt-platform-jaco-soft: rgba(123, 74, 216, .14);

    --qt-platform-steam: #1b2838;
    --qt-platform-steam-soft: rgba(27, 40, 56, .14);
}

/* =========================================================
   MOBILE VARIABLES
========================================================= */

@media (max-width: 640px) {
    :root {
        --qt-content-pad: 10px;
        --qt-page-attach: scroll;
    }
}

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

/* =========================================================
   PLATFORM ACCENT BINDING
========================================================= */

section[data-qt-platform],
[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"],
[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"],
[data-qt-platform="twitter"],
section[data-qt-platform="x"],
[data-qt-platform="x"] {
    --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"],
[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"],
[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"],
[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"],
[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"],
[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"],
[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"],
[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"],
[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"],
[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"],
[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"],
[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"],
[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);
}

section[data-qt-platform="steam"],
[data-qt-platform="steam"] {
    --accent: var(--qt-platform-steam);
    --qt-buy-accent: var(--qt-platform-steam);
    --qt-buy-accent-soft: var(--qt-platform-steam-soft);
}

section[data-qt-platform="apple"],
[data-qt-platform="apple"],
section[data-qt-platform="appstore"],
[data-qt-platform="appstore"] {
    --accent: var(--qt-platform-apple);
    --qt-buy-accent: var(--qt-platform-apple);
    --qt-buy-accent-soft: var(--qt-platform-apple-soft);
}

section[data-qt-platform="android"],
[data-qt-platform="android"],
section[data-qt-platform="googleplay"],
[data-qt-platform="googleplay"] {
    --accent: var(--qt-platform-android);
    --qt-buy-accent: var(--qt-platform-android);
    --qt-buy-accent-soft: var(--qt-platform-android-soft);
}

section[data-qt-platform="audiomack"],
[data-qt-platform="audiomack"] {
    --accent: var(--qt-platform-audiomack);
    --qt-buy-accent: var(--qt-platform-audiomack);
    --qt-buy-accent-soft: var(--qt-platform-audiomack-soft);
}

section[data-qt-platform="bluesky"],
[data-qt-platform="bluesky"] {
    --accent: var(--qt-platform-bluesky);
    --qt-buy-accent: var(--qt-platform-bluesky);
    --qt-buy-accent-soft: var(--qt-platform-bluesky-soft);
}

section[data-qt-platform="boomplay"],
[data-qt-platform="boomplay"] {
    --accent: var(--qt-platform-boomplay);
    --qt-buy-accent: var(--qt-platform-boomplay);
    --qt-buy-accent-soft: var(--qt-platform-boomplay-soft);
}

section[data-qt-platform="chzzk"],
[data-qt-platform="chzzk"] {
    --accent: var(--qt-platform-chzzk);
    --qt-buy-accent: var(--qt-platform-chzzk);
    --qt-buy-accent-soft: var(--qt-platform-chzzk-soft);
}

section[data-qt-platform="clubhouse"],
[data-qt-platform="clubhouse"] {
    --accent: var(--qt-platform-clubhouse);
    --qt-buy-accent: var(--qt-platform-clubhouse);
    --qt-buy-accent-soft: var(--qt-platform-clubhouse-soft);
}

section[data-qt-platform="coinhunt"],
[data-qt-platform="coinhunt"] {
    --accent: var(--qt-platform-coinhunt);
    --qt-buy-accent: var(--qt-platform-coinhunt);
    --qt-buy-accent-soft: var(--qt-platform-coinhunt-soft);
}

section[data-qt-platform="coinmarketcap"],
[data-qt-platform="coinmarketcap"] {
    --accent: var(--qt-platform-coinmarketcap);
    --qt-buy-accent: var(--qt-platform-coinmarketcap);
    --qt-buy-accent-soft: var(--qt-platform-coinmarketcap-soft);
}

section[data-qt-platform="coinsniper"],
[data-qt-platform="coinsniper"] {
    --accent: var(--qt-platform-coinsniper);
    --qt-buy-accent: var(--qt-platform-coinsniper);
    --qt-buy-accent-soft: var(--qt-platform-coinsniper-soft);
}

section[data-qt-platform="coub"],
[data-qt-platform="coub"] {
    --accent: var(--qt-platform-coub);
    --qt-buy-accent: var(--qt-platform-coub);
    --qt-buy-accent-soft: var(--qt-platform-coub-soft);
}

section[data-qt-platform="dailymotion"],
[data-qt-platform="dailymotion"] {
    --accent: var(--qt-platform-dailymotion);
    --qt-buy-accent: var(--qt-platform-dailymotion);
    --qt-buy-accent-soft: var(--qt-platform-dailymotion-soft);
}

section[data-qt-platform="datpiff"],
[data-qt-platform="datpiff"] {
    --accent: var(--qt-platform-datpiff);
    --qt-buy-accent: var(--qt-platform-datpiff);
    --qt-buy-accent-soft: var(--qt-platform-datpiff-soft);
}

section[data-qt-platform="dribbble"],
[data-qt-platform="dribbble"] {
    --accent: var(--qt-platform-dribbble);
    --qt-buy-accent: var(--qt-platform-dribbble);
    --qt-buy-accent-soft: var(--qt-platform-dribbble-soft);
}

section[data-qt-platform="freshcoins"],
[data-qt-platform="freshcoins"] {
    --accent: var(--qt-platform-freshcoins);
    --qt-buy-accent: var(--qt-platform-freshcoins);
    --qt-buy-accent-soft: var(--qt-platform-freshcoins-soft);
}

section[data-qt-platform="kwai"],
[data-qt-platform="kwai"] {
    --accent: var(--qt-platform-kwai);
    --qt-buy-accent: var(--qt-platform-kwai);
    --qt-buy-accent-soft: var(--qt-platform-kwai-soft);
}

section[data-qt-platform="likee"],
[data-qt-platform="likee"] {
    --accent: var(--qt-platform-likee);
    --qt-buy-accent: var(--qt-platform-likee);
    --qt-buy-accent-soft: var(--qt-platform-likee-soft);
}

section[data-qt-platform="medium"],
[data-qt-platform="medium"] {
    --accent: var(--qt-platform-medium);
    --qt-buy-accent: var(--qt-platform-medium);
    --qt-buy-accent-soft: var(--qt-platform-medium-soft);
}

section[data-qt-platform="mixcloud"],
[data-qt-platform="mixcloud"] {
    --accent: var(--qt-platform-mixcloud);
    --qt-buy-accent: var(--qt-platform-mixcloud);
    --qt-buy-accent-soft: var(--qt-platform-mixcloud-soft);
}

section[data-qt-platform="opensea"],
[data-qt-platform="opensea"] {
    --accent: var(--qt-platform-opensea);
    --qt-buy-accent: var(--qt-platform-opensea);
    --qt-buy-accent-soft: var(--qt-platform-opensea-soft);
}

section[data-qt-platform="quora"],
[data-qt-platform="quora"] {
    --accent: var(--qt-platform-quora);
    --qt-buy-accent: var(--qt-platform-quora);
    --qt-buy-accent-soft: var(--qt-platform-quora-soft);
}

section[data-qt-platform="rarible"],
[data-qt-platform="rarible"] {
    --accent: var(--qt-platform-rarible);
    --qt-buy-accent: var(--qt-platform-rarible);
    --qt-buy-accent-soft: var(--qt-platform-rarible-soft);
}

section[data-qt-platform="reddit"],
[data-qt-platform="reddit"] {
    --accent: var(--qt-platform-reddit);
    --qt-buy-accent: var(--qt-platform-reddit);
    --qt-buy-accent-soft: var(--qt-platform-reddit-soft);
}

section[data-qt-platform="reverbnation"],
[data-qt-platform="reverbnation"] {
    --accent: var(--qt-platform-reverbnation);
    --qt-buy-accent: var(--qt-platform-reverbnation);
    --qt-buy-accent-soft: var(--qt-platform-reverbnation-soft);
}

section[data-qt-platform="rumble"],
[data-qt-platform="rumble"] {
    --accent: var(--qt-platform-rumble);
    --qt-buy-accent: var(--qt-platform-rumble);
    --qt-buy-accent-soft: var(--qt-platform-rumble-soft);
}

section[data-qt-platform="shopee"],
[data-qt-platform="shopee"] {
    --accent: var(--qt-platform-shopee);
    --qt-buy-accent: var(--qt-platform-shopee);
    --qt-buy-accent-soft: var(--qt-platform-shopee-soft);
}

section[data-qt-platform="snackvideo"],
[data-qt-platform="snackvideo"] {
    --accent: var(--qt-platform-snackvideo);
    --qt-buy-accent: var(--qt-platform-snackvideo);
    --qt-buy-accent-soft: var(--qt-platform-snackvideo-soft);
}

section[data-qt-platform="threads"],
[data-qt-platform="threads"] {
    --accent: var(--qt-platform-threads);
    --qt-buy-accent: var(--qt-platform-threads);
    --qt-buy-accent-soft: var(--qt-platform-threads-soft);
}

section[data-qt-platform="tumblr"],
[data-qt-platform="tumblr"] {
    --accent: var(--qt-platform-tumblr);
    --qt-buy-accent: var(--qt-platform-tumblr);
    --qt-buy-accent-soft: var(--qt-platform-tumblr-soft);
}

section[data-qt-platform="vimeo"],
[data-qt-platform="vimeo"] {
    --accent: var(--qt-platform-vimeo);
    --qt-buy-accent: var(--qt-platform-vimeo);
    --qt-buy-accent-soft: var(--qt-platform-vimeo-soft);
}

section[data-qt-platform="vk"],
[data-qt-platform="vk"] {
    --accent: var(--qt-platform-vk);
    --qt-buy-accent: var(--qt-platform-vk);
    --qt-buy-accent-soft: var(--qt-platform-vk-soft);
}

section[data-qt-platform="jaco"],
[data-qt-platform="jaco"] {
    --accent: var(--qt-platform-jaco);
    --qt-buy-accent: var(--qt-platform-jaco);
    --qt-buy-accent-soft: var(--qt-platform-jaco-soft);
}

/* =========================================================
   BASE RESET
========================================================= */

*,
*::before,
*::after {
    box-sizing: border-box;
}

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

html {
    color-scheme: light;
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

body {
    min-width: 320px;
    color: rgb(var(--txtall));
    font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    line-height: 1.45;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    background-color: var(--qt-page-tint);
    background-image:
        radial-gradient(900px 460px at 8% 8%, rgba(53, 220, 224, .070), transparent 62%),
        radial-gradient(820px 420px at 94% 18%, rgba(255, 61, 104, .048), transparent 64%),
        radial-gradient(760px 360px at 50% 0%, rgba(117, 181, 226, .045), transparent 64%),
        linear-gradient(180deg, #f8fbff 0%, #f4f8fc 48%, #edf4fa 100%);
    background-attachment: var(--qt-page-attach);
}

body::selection,
::selection {
    color: #10212b;
    background: rgba(39, 203, 210, .22);
}

/* =========================================================
   ELEMENTS
========================================================= */

img,
video,
svg,
canvas {
    max-width: 100%;
}

img,
video {
    height: auto;
}

img {
    border-style: none;
}

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

button {
    border: 0;
    color: inherit;
    cursor: pointer;
    background: none;
}

button:disabled,
input:disabled,
textarea:disabled,
select:disabled {
    cursor: not-allowed;
    opacity: .62;
}

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: 92px;
}

/* =========================================================
   FORMS
========================================================= */

input,
textarea,
select {
    color: rgb(var(--txtall));
    background: var(--qt-input-bg);
    border: 1px solid var(--qt-input-bd);
    border-radius: var(--qt-radius-sm);
}

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

input:focus,
textarea:focus,
select:focus,
button:focus-visible,
a:focus-visible,
[tabindex]:focus-visible {
    outline: none;
}

a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible {
    outline: 2px solid rgba(39, 203, 210, .72);
    outline-offset: 3px;
}

input::placeholder,
textarea::placeholder {
    color: rgba(77, 101, 115, .72);
}

/* =========================================================
   SCROLL / LOCK
========================================================= */

html.no-scroll,
body.no-scroll {
    overflow-x: hidden !important;
}

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

/* =========================================================
   ICONS
========================================================= */

.ico {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    color: currentColor;
    fill: currentColor;
}

svg.qt-ic,
svg.qx-ic {
    display: inline-block;
    width: 1em;
    height: 1em;
    flex: 0 0 auto;
    vertical-align: -0.125em;
    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 *,
svg.qx-ic * {
    vector-effect: non-scaling-stroke;
}

svg.qt-ic.qt-ic--stroke,
svg.qx-ic.qx-ic--stroke {
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

svg.qt-ic.qt-ic--fill,
svg.qx-ic.qx-ic--fill {
    fill: currentColor;
    stroke: none;
}

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;
}

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

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

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

/* =========================================================
   SPIN
========================================================= */

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

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

/* =========================================================
   GLOBAL CONTAINERS
========================================================= */

:where(.qt-buymini, .qt-faq, .qt-desc, .qt-ai-bar, .qx-rs) {
    width: var(--qt-content-inner);
    max-width: var(--qt-content-inner);
    margin-right: auto;
    margin-left: auto;
}

:where(.qt-faq__inner, .qt-desc__inner, .qx-rs__shell) {
    width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}

/* =========================================================
   SHEET SAFETY
========================================================= */

#qtSheet.qt-sheet {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999999;
    display: none;
}

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

/* =========================================================
   SCROLLBAR
========================================================= */

* {
    scrollbar-width: thin;
    scrollbar-color: rgba(39, 203, 210, .36) transparent;
}

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

*::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    border-radius: 999px;
    background:
        linear-gradient(
            180deg,
            rgba(39, 203, 210, .50),
            rgba(255, 61, 104, .34)
        );
    background-clip: padding-box;
}

*::-webkit-scrollbar-thumb:hover {
    border: 2px solid transparent;
    background:
        linear-gradient(
            180deg,
            rgba(39, 203, 210, .70),
            rgba(255, 61, 104, .54)
        );
    background-clip: padding-box;
}

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

/* =========================================================
   MOBILE
========================================================= */

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

    body {
        background-image:
            radial-gradient(520px 260px at 100% 0%, rgba(53, 220, 224, .06), transparent 70%),
            radial-gradient(460px 220px at 0 14%, rgba(255, 61, 104, .04), transparent 72%),
            linear-gradient(180deg, #f8fbff, #eef5fb);
        background-attachment: scroll;
    }

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

/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
    }
}