/* =========================================================
   QUANTAPS GLOBAL CSS
   DARK LAVENDER HEADER + LIGHT ICE PAGE SYSTEM
========================================================= */

:root {
    color-scheme: light;

    /* =====================================================
       CORE BRAND
    ===================================================== */

--accent: #6172e8;
--accent-2: #8175df;
--accent-3: #62c7bf;

--lav1: #6172e8;
--lav2: #8175df;
--neon1: #62c7bf;

    --qt-lav: var(--lav1);
    --qt-lav2: var(--lav2);
    --qt-lav-base: #9a8cff;
    --qt-lav-soft: #c2baff;
    --qt-lav-matte: #8a7cff;

    --qt-cyan: #6defff;
    --qt-pink: #ff70bd;

    /* =====================================================
       TEXT
    ===================================================== */

    --txtall: 24, 35, 68;
    --text: 91, 106, 137;

    --qt-ink: #182344;
    --qt-ink-2: #26355e;
    --qt-muted: #64728f;
    --qt-muted-2: #8390aa;
    --txt-dark: #121d3b;
    --qt-tag: #5d63c8;

    /* =====================================================
       DARK SURFACES
    ===================================================== */

    --qt-bg: #0a1024;
    --qt-dark-1: #081024;
    --qt-dark-2: #101a37;
    --qt-dark-3: #17254b;
    --qt-dark-4: #243662;

    /* =====================================================
       PAGE BACKGROUND
    ===================================================== */

--bg: #f7f9fd;
--qt-page: #f9fbff;
--qt-page-tint: #f3f6fb;
--qt-page-tint-2: #eef3f9;

--qt-page-wash1: rgba(97, 114, 232, .055);
--qt-page-wash2: rgba(98, 199, 191, .040);
--qt-page-wash3: rgba(129, 117, 223, .025);

--qt-page-attach: scroll;

    /* =====================================================
       GLASS / LINES / SHADOWS
    ===================================================== */

--glass-bg: rgba(255, 255, 255, .84);
--glass-bg-strong: rgba(255, 255, 255, .96);
--blur: blur(8px) saturate(125%);

    --qt-line: rgba(104, 122, 162, .16);
    --qt-line-soft: rgba(104, 122, 162, .10);
    --qt-line-strong: rgba(138, 124, 255, .20);

    --qt-shadow-xs: 0 2px 8px rgba(31, 43, 79, .045);
    --qt-shadow-sm: 0 6px 18px rgba(31, 43, 79, .065);
    --qt-shadow-md: 0 12px 30px rgba(31, 43, 79, .085);
    --qt-shadow-lg: 0 20px 52px rgba(31, 43, 79, .11);
    --qt-shadow-xl: 0 28px 76px rgba(31, 43, 79, .15);

    /* =====================================================
       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;

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

    --qt-input-bg: rgba(255, 255, 255, .88);
    --qt-input-bd: rgba(104, 122, 162, .24);

    --qt-input-bd-focus: color-mix(
        in srgb,
        var(--accent) 42%,
        rgba(104, 122, 162, .20)
    );

    --qt-input-shadow-focus: 0 0 0 4px
        color-mix(in srgb, var(--accent) 14%, transparent);

    /* =====================================================
       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 GLOBAL SYSTEM
    ===================================================== */

    --qt-topbar-h: 32px;
    --qt-nav-h: 64px;
    --qt-nav-safe: env(safe-area-inset-bottom, 0px);

    --qt-ac: #8a7cff;
    --qt-ac2: #ad9eff;
    --qt-ac3: #6defff;

    --qt-nav-bg1: rgba(17, 27, 57, .97);
    --qt-nav-bg2: rgba(8, 14, 31, .99);

    --qt-sheet-bg1: rgba(23, 34, 71, .98);
    --qt-sheet-bg2: rgba(8, 14, 31, .99);

    --qt-bd: rgba(169, 157, 255, .20);
    --qt-ring: color-mix(in srgb, var(--qt-ac) 22%, transparent);

    --qt-nav-line: rgba(169, 157, 255, .16);
    --qt-nav-ac: var(--qt-ac);
    --qt-nav-ac3: var(--qt-ac3);
    --qt-nav-ring: var(--qt-ring);

    --qt-nav-ink: #f3f6ff;
    --qt-nav-ink2: rgba(221, 229, 255, .70);
    --qt-nav-hi: #6defff;

    /* =====================================================
       PLATFORM DEFAULT
    ===================================================== */

    --qt-platform-default: #7c72ef;
    --qt-platform-default-soft: rgba(124, 114, 239, .14);

    /* =====================================================
       PLATFORM COLORS
    ===================================================== */

    --qt-platform-instagram: #dc4a87;
    --qt-platform-instagram-soft: rgba(220, 74, 135, .14);

    --qt-platform-twitter: #259ae5;
    --qt-platform-twitter-soft: rgba(37, 154, 229, .14);

    --qt-platform-youtube: #eb3b55;
    --qt-platform-youtube-soft: rgba(235, 59, 85, .13);

    --qt-platform-facebook: #347ce0;
    --qt-platform-facebook-soft: rgba(52, 124, 224, .13);

    --qt-platform-telegram: #2d9edb;
    --qt-platform-telegram-soft: rgba(45, 158, 219, .14);

    --qt-platform-tiktok: #25304a;
    --qt-platform-tiktok-soft: rgba(37, 48, 74, .11);

    --qt-platform-linkedin: #2376bc;
    --qt-platform-linkedin-soft: rgba(35, 118, 188, .13);

    --qt-platform-spotify: #27b866;
    --qt-platform-spotify-soft: rgba(39, 184, 102, .13);

    --qt-platform-soundcloud: #ee762f;
    --qt-platform-soundcloud-soft: rgba(238, 118, 47, .13);

    --qt-platform-whatsapp: #27b96b;
    --qt-platform-whatsapp-soft: rgba(39, 185, 107, .13);

    --qt-platform-kick: #37bd53;
    --qt-platform-kick-soft: rgba(55, 189, 83, .13);

    --qt-platform-pinterest: #d82f48;
    --qt-platform-pinterest-soft: rgba(216, 47, 72, .13);

    --qt-platform-twitch: #8461df;
    --qt-platform-twitch-soft: rgba(132, 97, 223, .14);

    --qt-platform-snapchat: #c99814;
    --qt-platform-snapchat-soft: rgba(201, 152, 20, .13);

    --qt-platform-apple: #ef5368;
    --qt-platform-apple-soft: rgba(239, 83, 104, .13);

    --qt-platform-android: #38b579;
    --qt-platform-android-soft: rgba(56, 181, 121, .13);

    --qt-platform-audiomack: #e49a24;
    --qt-platform-audiomack-soft: rgba(228, 154, 36, .13);

    --qt-platform-bluesky: #3097f0;
    --qt-platform-bluesky-soft: rgba(48, 151, 240, .14);

    --qt-platform-boomplay: #79af42;
    --qt-platform-boomplay-soft: rgba(121, 175, 66, .13);

    --qt-platform-chzzk: #27c584;
    --qt-platform-chzzk-soft: rgba(39, 197, 132, .13);

    --qt-platform-clubhouse: #d09f39;
    --qt-platform-clubhouse-soft: rgba(208, 159, 57, .13);

    --qt-platform-coinhunt: #747cf0;
    --qt-platform-coinhunt-soft: rgba(116, 124, 240, .14);

    --qt-platform-coinmarketcap: #4b72e3;
    --qt-platform-coinmarketcap-soft: rgba(75, 114, 227, .14);

    --qt-platform-coinsniper: #df922b;
    --qt-platform-coinsniper-soft: rgba(223, 146, 43, .13);

    --qt-platform-coub: #376fe5;
    --qt-platform-coub-soft: rgba(55, 111, 229, .13);

    --qt-platform-dailymotion: #3278e4;
    --qt-platform-dailymotion-soft: rgba(50, 120, 228, .13);

    --qt-platform-datpiff: #30a86a;
    --qt-platform-datpiff-soft: rgba(48, 168, 106, .13);

    --qt-platform-dribbble: #df6596;
    --qt-platform-dribbble-soft: rgba(223, 101, 150, .14);

    --qt-platform-freshcoins: #27b694;
    --qt-platform-freshcoins-soft: rgba(39, 182, 148, .13);

    --qt-platform-kwai: #ee8130;
    --qt-platform-kwai-soft: rgba(238, 129, 48, .13);

    --qt-platform-likee: #ee5779;
    --qt-platform-likee-soft: rgba(238, 87, 121, .13);

    --qt-platform-medium: #303030;
    --qt-platform-medium-soft: rgba(48, 48, 48, .10);

    --qt-platform-mixcloud: #7551e2;
    --qt-platform-mixcloud-soft: rgba(117, 81, 226, .14);

    --qt-platform-opensea: #378bd9;
    --qt-platform-opensea-soft: rgba(55, 139, 217, .14);

    --qt-platform-quora: #b14644;
    --qt-platform-quora-soft: rgba(177, 70, 68, .13);

    --qt-platform-rarible: #c7a41f;
    --qt-platform-rarible-soft: rgba(199, 164, 31, .13);

    --qt-platform-reddit: #ed682e;
    --qt-platform-reddit-soft: rgba(237, 104, 46, .13);

    --qt-platform-reverbnation: #2f96da;
    --qt-platform-reverbnation-soft: rgba(47, 150, 218, .14);

    --qt-platform-rumble: #7eb44e;
    --qt-platform-rumble-soft: rgba(126, 180, 78, .13);

    --qt-platform-shopee: #ec6845;
    --qt-platform-shopee-soft: rgba(236, 104, 69, .13);

    --qt-platform-snackvideo: #dfa126;
    --qt-platform-snackvideo-soft: rgba(223, 161, 38, .13);

    --qt-platform-threads: #282828;
    --qt-platform-threads-soft: rgba(40, 40, 40, .10);

    --qt-platform-tumblr: #43536d;
    --qt-platform-tumblr-soft: rgba(67, 83, 109, .13);

    --qt-platform-vimeo: #38b5e2;
    --qt-platform-vimeo-soft: rgba(56, 181, 226, .14);

    --qt-platform-vk: #3584df;
    --qt-platform-vk-soft: rgba(53, 132, 223, .14);

    --qt-platform-jaco: #8a5ae4;
    --qt-platform-jaco-soft: rgba(138, 90, 228, .14);

    --qt-platform-steam: #22354a;
    --qt-platform-steam-soft: rgba(34, 53, 74, .14);
}

/* =========================================================
   RESPONSIVE ROOT VALUES
========================================================= */

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

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

/* =========================================================
   PLATFORM ACCENT BINDINGS
========================================================= */

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 {
    min-height: 100%;
    margin: 0;
    padding: 0;
}

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

body {
    min-width: 320px;

    color: rgb(var(--txtall));

background-color: var(--qt-page-tint);

background-image:
    radial-gradient(
        920px 340px at 6% 0%,
        var(--qt-page-wash1),
        transparent 68%
    ),
    radial-gradient(
        760px 300px at 96% 8%,
        var(--qt-page-wash2),
        transparent 70%
    ),
    linear-gradient(
        180deg,
        #fbfcff 0%,
        #f8faff 30%,
        var(--qt-page) 66%,
        var(--qt-page-tint) 100%
    );

background-attachment: var(--qt-page-attach);

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

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

/* =========================================================
   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;
    background: none;
    cursor: pointer;
}

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 {
    border: 1px solid var(--qt-input-bd);
    border-radius: var(--qt-radius-sm);

    color: rgb(var(--txtall));
    background: var(--qt-input-bg);
}

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

input:focus,
textarea:focus,
select:focus,
button:focus-visible,
a:focus-visible,
[tabindex]:focus-visible {
    outline: none;
    box-shadow: var(--qt-input-shadow-focus);
}

input::placeholder,
textarea::placeholder {
    color: rgba(var(--text), .72);
}

/* =========================================================
   SCROLL / BODY 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;

    color: currentColor;
    fill: currentColor;

    vertical-align: -0.125em;
}

svg.qt-ic,
svg.qx-ic {
    display: inline-block;

    width: 1em;
    height: 1em;
    flex: 0 0 auto;

    overflow: visible;

    color: currentColor;
    fill: currentColor;

    vertical-align: -0.125em;
}

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(13, 20, 44, .07));
}

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

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

/* =========================================================
   SPINNER
========================================================= */

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

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

/* =========================================================
   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) {
    box-sizing: border-box;

    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(127, 142, 180, .48) transparent;
}

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

*::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    border-radius: 999px;

    background: rgba(127, 142, 180, .38);
    background-clip: padding-box;
}

*::-webkit-scrollbar-thumb:hover {
    border: 2px solid transparent;

    background: rgba(138, 124, 255, .52);
    background-clip: padding-box;
}

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

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

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

    body {
        background-attachment: scroll;
    }

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

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

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