<!DOCTYPE html>
<html lang="ru" dir="ltr" data-capo="">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Хостинг игровых серверов Minecraft • Aurorix</title>
    <style>
        @font-face {
            font-family: Onest;
            src: local("Onest Variable"), url(_fonts/gNMKW3F-SZuj7xmS-HYoEoeyxMI-TAAQ4VVXZo.woff2) format(woff2);
            font-display: swap;
            unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
            font-weight: 100 900;
            font-style: normal
        }

        @font-face {
            font-family: "Onest Fallback: Arial";
            src: local("Arial");
            size-adjust: 105.2039%;
            ascent-override: 92.2019%;
            descent-override: 28.9913%;
            line-gap-override: 0%
        }

        @font-face {
            font-family: Onest;
            src: local("Onest Variable"), url(_fonts/gNMKW3F-SZuj7xmb-HYoEoeyxMI-n5rFLwVhl9.woff2) format(woff2);
            font-display: swap;
            unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
            font-weight: 100 900;
            font-style: normal
        }

        @font-face {
            font-family: Onest;
            src: local("Onest Variable"), url(_fonts/gNMKW3F-SZuj7xmR-HYoEoeyxMI-UcKTjJ1uaE.woff2) format(woff2);
            font-display: swap;
            unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
            font-weight: 100 900;
            font-style: normal
        }

        @font-face {
            font-family: Onest;
            src: local("Onest Variable"), url(_fonts/gNMKW3F-SZuj7xmf-HYoEoey-6gNTsCX41t.woff2) format(woff2);
            font-display: swap;
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
            font-weight: 100 900;
            font-style: normal
        }

        @font-face {
            font-family: Onest;
            src: local("Onest Thin"), url(_fonts/gNMZW3F-SZuj7zOT0IfSjTS16cPh9R6ZsQ-cQ7iP3vGp3.woff) format(woff);
            font-display: swap;
            font-weight: 100;
            font-style: normal
        }

        @font-face {
            font-family: Onest;
            src: local("Onest ExtraLight"), url(_fonts/gNMZW3F-SZuj7zOT0IfSjTS16cPhdR-ZsQ-V4K4IUAv4d.woff) format(woff);
            font-display: swap;
            font-weight: 200;
            font-style: normal
        }

        @font-face {
            font-family: Onest;
            src: local("Onest Light"), url(_fonts/gNMZW3F-SZuj7zOT0IfSjTS16cPhqx-ZsQ-euF4dKZIOG.woff) format(woff);
            font-display: swap;
            font-weight: 300;
            font-style: normal
        }

        @font-face {
            font-family: Onest;
            src: local("Onest Regular"), local("Onest"), url(_fonts/gNMZW3F-SZuj7zOT0IfSjTS16cPh9R-ZsQ-7Dn2sKrXU0.woff) format(woff);
            font-display: swap;
            font-weight: 400;
            font-style: normal
        }

        @font-face {
            font-family: Onest;
            src: local("Onest Medium"), url(_fonts/gNMZW3F-SZuj7zOT0IfSjTS16cPhxx-ZsQ-gktJhbPl6t.woff) format(woff);
            font-display: swap;
            font-weight: 500;
            font-style: normal
        }

        @font-face {
            font-family: Onest;
            src: local("Onest SemiBold"), url(_fonts/gNMZW3F-SZuj7zOT0IfSjTS16cPhKxiZsQ-B744jdEnxY.woff) format(woff);
            font-display: swap;
            font-weight: 600;
            font-style: normal
        }

        @font-face {
            font-family: Onest;
            src: local("Onest Bold"), url(_fonts/gNMZW3F-SZuj7zOT0IfSjTS16cPhEhiZsQ-gGzEESUj8A.woff) format(woff);
            font-display: swap;
            font-weight: 700;
            font-style: normal
        }

        @font-face {
            font-family: Onest;
            src: local("Onest ExtraBold"), url(_fonts/gNMZW3F-SZuj7zOT0IfSjTS16cPhdRiZsQ-mDzXuEIYRa.woff) format(woff);
            font-display: swap;
            font-weight: 800;
            font-style: normal
        }

        @font-face {
            font-family: Onest;
            src: local("Onest Black"), url(_fonts/gNMZW3F-SZuj7zOT0IfSjTS16cPhXBiZsQ-bzj9ZAa93H.woff) format(woff);
            font-display: swap;
            font-weight: 900;
            font-style: normal
        }

        *,
        :after,
        :before {
            --tw-border-spacing-x: 0;
            --tw-border-spacing-y: 0;
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-rotate: 0;
            --tw-skew-x: 0;
            --tw-skew-y: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-pan-x: ;
            --tw-pan-y: ;
            --tw-pinch-zoom: ;
            --tw-scroll-snap-strictness: proximity;
            --tw-gradient-from-position: ;
            --tw-gradient-via-position: ;
            --tw-gradient-to-position: ;
            --tw-ordinal: ;
            --tw-slashed-zero: ;
            --tw-numeric-figure: ;
            --tw-numeric-spacing: ;
            --tw-numeric-fraction: ;
            --tw-ring-inset: ;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-color: rgba(59, 130, 246, .5);
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-ring-shadow: 0 0 #0000;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-colored: 0 0 #0000;
            --tw-blur: ;
            --tw-brightness: ;
            --tw-contrast: ;
            --tw-grayscale: ;
            --tw-hue-rotate: ;
            --tw-invert: ;
            --tw-saturate: ;
            --tw-sepia: ;
            --tw-drop-shadow: ;
            --tw-backdrop-blur: ;
            --tw-backdrop-brightness: ;
            --tw-backdrop-contrast: ;
            --tw-backdrop-grayscale: ;
            --tw-backdrop-hue-rotate: ;
            --tw-backdrop-invert: ;
            --tw-backdrop-opacity: ;
            --tw-backdrop-saturate: ;
            --tw-backdrop-sepia: ;
            --tw-contain-size: ;
            --tw-contain-layout: ;
            --tw-contain-paint: ;
            --tw-contain-style:
        }

        ::backdrop {
            --tw-border-spacing-x: 0;
            --tw-border-spacing-y: 0;
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-rotate: 0;
            --tw-skew-x: 0;
            --tw-skew-y: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-pan-x: ;
            --tw-pan-y: ;
            --tw-pinch-zoom: ;
            --tw-scroll-snap-strictness: proximity;
            --tw-gradient-from-position: ;
            --tw-gradient-via-position: ;
            --tw-gradient-to-position: ;
            --tw-ordinal: ;
            --tw-slashed-zero: ;
            --tw-numeric-figure: ;
            --tw-numeric-spacing: ;
            --tw-numeric-fraction: ;
            --tw-ring-inset: ;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-color: rgba(59, 130, 246, .5);
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-ring-shadow: 0 0 #0000;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-colored: 0 0 #0000;
            --tw-blur: ;
            --tw-brightness: ;
            --tw-contrast: ;
            --tw-grayscale: ;
            --tw-hue-rotate: ;
            --tw-invert: ;
            --tw-saturate: ;
            --tw-sepia: ;
            --tw-drop-shadow: ;
            --tw-backdrop-blur: ;
            --tw-backdrop-brightness: ;
            --tw-backdrop-contrast: ;
            --tw-backdrop-grayscale: ;
            --tw-backdrop-hue-rotate: ;
            --tw-backdrop-invert: ;
            --tw-backdrop-opacity: ;
            --tw-backdrop-saturate: ;
            --tw-backdrop-sepia: ;
            --tw-contain-size: ;
            --tw-contain-layout: ;
            --tw-contain-paint: ;
            --tw-contain-style:
        }

        /*! tailwindcss v3.4.14 | MIT License | https://tailwindcss.com*/
        *,
        :after,
        :before {
            border: 0 solid #e5e7eb;
            box-sizing: border-box
        }

        :after,
        :before {
            --tw-content: ""
        }

        :host,
        html {
            line-height: 1.5;
            -webkit-text-size-adjust: 100%;
            font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
            font-feature-settings: normal;
            font-variation-settings: normal;
            -moz-tab-size: 4;
            -o-tab-size: 4;
            tab-size: 4;
            -webkit-tap-highlight-color: transparent
        }

        body {
            line-height: inherit;
            margin: 0
        }

        hr {
            border-top-width: 1px;
            color: inherit;
            height: 0
        }

        abbr:where([title]) {
            -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-size: inherit;
            font-weight: inherit
        }

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

        b,
        strong {
            font-weight: bolder
        }

        code,
        kbd,
        pre,
        samp {
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
            font-feature-settings: normal;
            font-size: 1em;
            font-variation-settings: normal
        }

        small {
            font-size: 80%
        }

        sub,
        sup {
            font-size: 75%;
            line-height: 0;
            position: relative;
            vertical-align: baseline
        }

        sub {
            bottom: -.25em
        }

        sup {
            top: -.5em
        }

        table {
            border-collapse: collapse;
            border-color: inherit;
            text-indent: 0
        }

        button,
        input,
        optgroup,
        select,
        textarea {
            color: inherit;
            font-family: inherit;
            font-feature-settings: inherit;
            font-size: 100%;
            font-variation-settings: inherit;
            font-weight: inherit;
            letter-spacing: inherit;
            line-height: inherit;
            margin: 0;
            padding: 0
        }

        button,
        select {
            text-transform: none
        }

        button,
        input:where([type=button]),
        input:where([type=reset]),
        input:where([type=submit]) {
            -webkit-appearance: button;
            background-color: transparent;
            background-image: none
        }

        :-moz-focusring {
            outline: auto
        }

        :-moz-ui-invalid {
            box-shadow: none
        }

        progress {
            vertical-align: baseline
        }

        ::-webkit-inner-spin-button,
        ::-webkit-outer-spin-button {
            height: auto
        }

        [type=search] {
            -webkit-appearance: textfield;
            outline-offset: -2px
        }

        ::-webkit-search-decoration {
            -webkit-appearance: none
        }

        ::-webkit-file-upload-button {
            -webkit-appearance: button;
            font: inherit
        }

        summary {
            display: list-item
        }

        blockquote,
        dd,
        dl,
        figure,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        hr,
        p,
        pre {
            margin: 0
        }

        fieldset {
            margin: 0
        }

        fieldset,
        legend {
            padding: 0
        }

        menu,
        ol,
        ul {
            list-style: none;
            margin: 0;
            padding: 0
        }

        dialog {
            padding: 0
        }

        textarea {
            resize: vertical
        }

        input::-moz-placeholder,
        textarea::-moz-placeholder {
            color: #9ca3af;
            opacity: 1
        }

        input::placeholder,
        textarea::placeholder {
            color: #9ca3af;
            opacity: 1
        }

        [role=button],
        button {
            cursor: pointer
        }

        :disabled {
            cursor: default
        }

        audio,
        canvas,
        embed,
        iframe,
        img,
        object,
        svg,
        video {
            display: block;
            vertical-align: middle
        }

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

        [hidden]:where(:not([hidden=until-found])) {
            display: none
        }

        .container {
            width: 100%
        }

        @media (min-width:640px) {
            .container {
                max-width: 640px
            }
        }

        @media (min-width:768px) {
            .container {
                max-width: 768px
            }
        }

        @media (min-width:1024px) {
            .container {
                max-width: 1024px
            }
        }

        @media (min-width:1280px) {
            .container {
                max-width: 1280px
            }
        }

        @media (min-width:1536px) {
            .container {
                max-width: 1536px
            }
        }

        .icon-\[tabler--adjustments\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 10a2 2 0 1 0 4 0 2 2 0 0 0-4 0m2-6v4m0 4v8m4-4a2 2 0 1 0 4 0 2 2 0 0 0-4 0m2-12v10m0 4v2m4-13a2 2 0 1 0 4 0 2 2 0 0 0-4 0m2-3v1m0 4v11'/%3E%3C/svg%3E")
        }

        .icon-\[tabler--adjustments\],
        .icon-\[tabler--arrow-narrow-right\] {
            background-color: currentColor;
            display: inline-block;
            height: 1em;
            -webkit-mask-image: var(--svg);
            mask-image: var(--svg);
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
            width: 1em
        }

        .icon-\[tabler--arrow-narrow-right\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14m-4 4 4-4m-4-4 4 4'/%3E%3C/svg%3E")
        }

        .icon-\[tabler--arrow-right\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14m-6 6 6-6m-6-6 6 6'/%3E%3C/svg%3E")
        }

        .icon-\[tabler--arrow-right\],
        .icon-\[tabler--arrow-up\] {
            background-color: currentColor;
            display: inline-block;
            height: 1em;
            -webkit-mask-image: var(--svg);
            mask-image: var(--svg);
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
            width: 1em
        }

        .icon-\[tabler--arrow-up\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m6-8-6-6m-6 6 6-6'/%3E%3C/svg%3E")
        }

        .icon-\[tabler--book\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 19a9 9 0 0 1 9 0 9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0 9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13'/%3E%3C/svg%3E")
        }

        .icon-\[tabler--book\],
        .icon-\[tabler--brand-discord\] {
            background-color: currentColor;
            display: inline-block;
            height: 1em;
            -webkit-mask-image: var(--svg);
            mask-image: var(--svg);
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
            width: 1em
        }

        .icon-\[tabler--brand-discord\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M8 12a1 1 0 1 0 2 0 1 1 0 0 0-2 0m6 0a1 1 0 1 0 2 0 1 1 0 0 0-2 0'/%3E%3Cpath d='M15.5 17c0 1 1.5 3 2 3 1.5 0 2.833-1.667 3.5-3 .667-1.667.5-5.833-1.5-11.5-1.457-1.015-3-1.34-4.5-1.5l-.972 1.923a11.9 11.9 0 0 0-4.053 0L9 4c-1.5.16-3.043.485-4.5 1.5-2 5.667-2.167 9.833-1.5 11.5.667 1.333 2 3 3.5 3 .5 0 2-2 2-3'/%3E%3Cpath d='M7 16.5c3.5 1 6.5 1 10 0'/%3E%3C/g%3E%3C/svg%3E")
        }

        .icon-\[tabler--calendar-share\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 21H6a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v6M16 3v4M8 3v4m-4 4h16m-4 11 5-5m0 4.5V17h-4.5'/%3E%3C/svg%3E")
        }

        .icon-\[tabler--calendar-share\],
        .icon-\[tabler--cash\] {
            background-color: currentColor;
            display: inline-block;
            height: 1em;
            -webkit-mask-image: var(--svg);
            mask-image: var(--svg);
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
            width: 1em
        }

        .icon-\[tabler--cash\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M7 11a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2z'/%3E%3Cpath d='M12 14a2 2 0 1 0 4 0 2 2 0 1 0-4 0m5-5V7a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2'/%3E%3C/g%3E%3C/svg%3E")
        }

        .icon-\[tabler--chart-arcs\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M11 12a1 1 0 1 0 2 0 1 1 0 1 0-2 0'/%3E%3Cpath d='M16.924 11.132a5 5 0 1 0-4.056 5.792'/%3E%3Cpath d='M3 12a9 9 0 1 0 9-9'/%3E%3C/g%3E%3C/svg%3E")
        }

        .icon-\[tabler--chart-arcs\],
        .icon-\[tabler--check\] {
            background-color: currentColor;
            display: inline-block;
            height: 1em;
            -webkit-mask-image: var(--svg);
            mask-image: var(--svg);
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
            width: 1em
        }

        .icon-\[tabler--check\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m5 12 5 5L20 7'/%3E%3C/svg%3E")
        }

        .icon-\[tabler--circle-check-filled\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M17 3.34a10 10 0 1 1-14.995 8.984L2 12l.005-.324A10 10 0 0 1 17 3.34m-1.293 5.953a1 1 0 0 0-1.32-.083l-.094.083L11 12.585l-1.293-1.292-.094-.083a1 1 0 0 0-1.403 1.403l.083.094 2 2 .094.083a1 1 0 0 0 1.226 0l.094-.083 4-4 .083-.094a1 1 0 0 0-.083-1.32'/%3E%3C/svg%3E")
        }

        .icon-\[tabler--circle-check-filled\],
        .icon-\[tabler--circle-check\] {
            background-color: currentColor;
            display: inline-block;
            height: 1em;
            -webkit-mask-image: var(--svg);
            mask-image: var(--svg);
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
            width: 1em
        }

        .icon-\[tabler--circle-check\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0 9 9 0 1 0-18 0'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/g%3E%3C/svg%3E")
        }

        .icon-\[tabler--circle-filled\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7 3.34a10 10 0 1 1-4.995 8.984L2 12l.005-.324A10 10 0 0 1 7 3.34'/%3E%3C/svg%3E")
        }

        .icon-\[tabler--circle-filled\],
        .icon-\[tabler--circle-x-filled\] {
            background-color: currentColor;
            display: inline-block;
            height: 1em;
            -webkit-mask-image: var(--svg);
            mask-image: var(--svg);
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
            width: 1em
        }

        .icon-\[tabler--circle-x-filled\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M17 3.34a10 10 0 1 1-14.995 8.984L2 12l.005-.324A10 10 0 0 1 17 3.34m-6.489 5.8a1 1 0 0 0-1.218 1.567L10.585 12l-1.292 1.293-.083.094a1 1 0 0 0 1.497 1.32L12 13.415l1.293 1.292.094.083a1 1 0 0 0 1.32-1.497L13.415 12l1.292-1.293.083-.094a1 1 0 0 0-1.497-1.32L12 10.585l-1.293-1.292-.094-.083z'/%3E%3C/svg%3E")
        }

        .icon-\[tabler--clock-check\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M20.942 13.021a9 9 0 1 0-9.407 7.967'/%3E%3Cpath d='M12 7v5l3 3m0 4 2 2 4-4'/%3E%3C/g%3E%3C/svg%3E")
        }

        .icon-\[tabler--clock-check\],
        .icon-\[tabler--compass\] {
            background-color: currentColor;
            display: inline-block;
            height: 1em;
            -webkit-mask-image: var(--svg);
            mask-image: var(--svg);
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
            width: 1em
        }

        .icon-\[tabler--compass\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m8 16 2-6 6-2-2 6z'/%3E%3Cpath d='M3 12a9 9 0 1 0 18 0 9 9 0 1 0-18 0m9-9v2m0 14v2m-9-9h2m14 0h2'/%3E%3C/g%3E%3C/svg%3E")
        }

        .icon-\[tabler--device-gamepad-2\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 5h3.5a5 5 0 0 1 0 10H10l-4.015 4.227a2.3 2.3 0 0 1-3.923-2.035l1.634-8.173A5 5 0 0 1 8.6 5z'/%3E%3Cpath d='m14 15 4.07 4.284a2.3 2.3 0 0 0 3.925-2.023l-1.6-8.232M8 9v2m-1-1h2m5 0h2'/%3E%3C/g%3E%3C/svg%3E")
        }

        .icon-\[tabler--device-gamepad-2\],
        .icon-\[tabler--dots\] {
            background-color: currentColor;
            display: inline-block;
            height: 1em;
            -webkit-mask-image: var(--svg);
            mask-image: var(--svg);
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
            width: 1em
        }

        .icon-\[tabler--dots\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 12a1 1 0 1 0 2 0 1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0 1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0 1 1 0 1 0-2 0'/%3E%3C/svg%3E")
        }

        .icon-\[tabler--exclamation-circle\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12a9 9 0 1 0 18 0 9 9 0 1 0-18 0m9-3v4m0 3v.01'/%3E%3C/svg%3E")
        }

        .icon-\[tabler--exclamation-circle\],
        .icon-\[tabler--eye\] {
            background-color: currentColor;
            display: inline-block;
            height: 1em;
            -webkit-mask-image: var(--svg);
            mask-image: var(--svg);
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
            width: 1em
        }

        .icon-\[tabler--eye\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 12a2 2 0 1 0 4 0 2 2 0 0 0-4 0'/%3E%3Cpath d='M21 12q-3.6 6-9 6t-9-6q3.6-6 9-6t9 6'/%3E%3C/g%3E%3C/svg%3E")
        }

        .icon-\[tabler--filter-check\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11.18 20.274 9 21v-8.5L4.52 7.572A2 2 0 0 1 4 6.227V4h16v2.172a2 2 0 0 1-.586 1.414L15 12v3m0 4 2 2 4-4'/%3E%3C/svg%3E")
        }

        .icon-\[tabler--filter-check\],
        .icon-\[tabler--flag\] {
            background-color: currentColor;
            display: inline-block;
            height: 1em;
            -webkit-mask-image: var(--svg);
            mask-image: var(--svg);
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
            width: 1em
        }

        .icon-\[tabler--flag\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 5a5 5 0 0 1 7 0 5 5 0 0 0 7 0v9a5 5 0 0 1-7 0 5 5 0 0 0-7 0zm0 16v-7'/%3E%3C/svg%3E")
        }

        .icon-\[tabler--headphones\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 15a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm11 0a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2z'/%3E%3Cpath d='M4 15v-3a8 8 0 0 1 16 0v3'/%3E%3C/g%3E%3C/svg%3E")
        }

        .icon-\[tabler--headphones\],
        .icon-\[tabler--home\] {
            background-color: currentColor;
            display: inline-block;
            height: 1em;
            -webkit-mask-image: var(--svg);
            mask-image: var(--svg);
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
            width: 1em
        }

        .icon-\[tabler--home\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 12H3l9-9 9 9h-2M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M9 21v-6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v6'/%3E%3C/g%3E%3C/svg%3E")
        }

        .icon-\[tabler--info-circle-filled\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c5.523 0 10 4.477 10 10a10 10 0 0 1-19.995.324L2 12l.004-.28C2.152 6.327 6.57 2 12 2m0 9h-1l-.117.007a1 1 0 0 0 0 1.986L11 13v3l.007.117a1 1 0 0 0 .876.876L12 17h1l.117-.007a1 1 0 0 0 .876-.876L14 16l-.007-.117a1 1 0 0 0-.764-.857l-.112-.02L13 15v-3l-.007-.117a1 1 0 0 0-.876-.876zm.01-3-.127.007a1 1 0 0 0 0 1.986L12 10l.127-.007a1 1 0 0 0 0-1.986z'/%3E%3C/svg%3E")
        }

        .icon-\[tabler--info-circle-filled\],
        .icon-\[tabler--info-circle\] {
            background-color: currentColor;
            display: inline-block;
            height: 1em;
            -webkit-mask-image: var(--svg);
            mask-image: var(--svg);
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
            width: 1em
        }

        .icon-\[tabler--info-circle\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0 9 9 0 0 0-18 0m9-3h.01'/%3E%3Cpath d='M11 12h1v4h1'/%3E%3C/g%3E%3C/svg%3E")
        }

        .icon-\[tabler--login-2\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9 8V6a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-2'/%3E%3Cpath d='M3 12h13l-3-3m0 6 3-3'/%3E%3C/g%3E%3C/svg%3E")
        }

        .icon-\[tabler--login-2\],
        .icon-\[tabler--menu-2\] {
            background-color: currentColor;
            display: inline-block;
            height: 1em;
            -webkit-mask-image: var(--svg);
            mask-image: var(--svg);
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
            width: 1em
        }

        .icon-\[tabler--menu-2\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6h16M4 12h16M4 18h16'/%3E%3C/svg%3E")
        }

        .icon-\[tabler--menu-3\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 6h10M4 12h16M7 12h13M4 18h10'/%3E%3C/svg%3E")
        }

        .icon-\[tabler--menu-3\],
        .icon-\[tabler--network\] {
            background-color: currentColor;
            display: inline-block;
            height: 1em;
            -webkit-mask-image: var(--svg);
            mask-image: var(--svg);
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
            width: 1em
        }

        .icon-\[tabler--network\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6 9a6 6 0 1 0 12 0A6 6 0 0 0 6 9'/%3E%3Cpath d='M12 3q2 .5 2 6c0 5.5-.667 5.667-2 6m0-12q-2 .5-2 6c0 5.5.667 5.667 2 6M6 9h12M3 20h7m4 0h7m-11 0a2 2 0 1 0 4 0 2 2 0 0 0-4 0m2-5v3'/%3E%3C/g%3E%3C/svg%3E")
        }

        .icon-\[tabler--plus\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m-7-7h14'/%3E%3C/svg%3E")
        }

        .icon-\[tabler--plus\],
        .icon-\[tabler--receipt-dollar\] {
            background-color: currentColor;
            display: inline-block;
            height: 1em;
            -webkit-mask-image: var(--svg);
            mask-image: var(--svg);
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
            width: 1em
        }

        .icon-\[tabler--receipt-dollar\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 21V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16l-3-2-2 2-2-2-2 2-2-2z'/%3E%3Cpath d='M14.8 8A2 2 0 0 0 13 7h-2a2 2 0 1 0 0 4h2a2 2 0 1 1 0 4h-2a2 2 0 0 1-1.8-1M12 6v10'/%3E%3C/g%3E%3C/svg%3E")
        }

        .icon-\[tabler--rotate-clockwise\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4.05 11a8 8 0 1 1 .5 4m-.5 5v-5h5'/%3E%3C/svg%3E")
        }

        .icon-\[tabler--rotate-clockwise\],
        .icon-\[tabler--server\] {
            background-color: currentColor;
            display: inline-block;
            height: 1em;
            -webkit-mask-image: var(--svg);
            mask-image: var(--svg);
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
            width: 1em
        }

        .icon-\[tabler--server\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 7a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v2a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm0 8a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v2a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm4-7v.01M7 16v.01'/%3E%3C/svg%3E")
        }

        .icon-\[tabler--settings\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 0 0-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 0 0-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 0 0-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 0 0-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 0 0 1.066-2.573c-.94-1.543.826-3.31 2.37-2.37 1 .608 2.296.07 2.572-1.065'/%3E%3Cpath d='M9 12a3 3 0 1 0 6 0 3 3 0 0 0-6 0'/%3E%3C/g%3E%3C/svg%3E")
        }

        .icon-\[tabler--settings\],
        .icon-\[tabler--shield-check\] {
            background-color: currentColor;
            display: inline-block;
            height: 1em;
            -webkit-mask-image: var(--svg);
            mask-image: var(--svg);
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
            width: 1em
        }

        .icon-\[tabler--shield-check\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11.46 20.846A12 12 0 0 1 3.5 6 12 12 0 0 0 12 3a12 12 0 0 0 8.5 3 12 12 0 0 1-.09 7.06M15 19l2 2 4-4'/%3E%3C/svg%3E")
        }

        .icon-\[tabler--shield-cog\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 21A12 12 0 0 1 3.5 6 12 12 0 0 0 12 3a12 12 0 0 0 8.5 3c.568 1.933.635 3.957.223 5.89M17.001 19a2 2 0 1 0 4 0 2 2 0 1 0-4 0m2-3.5V17m0 4v1.5m3.031-5.25-1.299.75m-3.463 2-1.3.75m0-3.5 1.3.75m3.463 2 1.3.75'/%3E%3C/svg%3E")
        }

        .icon-\[tabler--shield-cog\],
        .icon-\[tabler--shopping-bag\] {
            background-color: currentColor;
            display: inline-block;
            height: 1em;
            -webkit-mask-image: var(--svg);
            mask-image: var(--svg);
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
            width: 1em
        }

        .icon-\[tabler--shopping-bag\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6.331 8H17.67a2 2 0 0 1 1.977 2.304l-1.255 8.152A3 3 0 0 1 15.426 21H8.574a3 3 0 0 1-2.965-2.544l-1.255-8.152A2 2 0 0 1 6.331 8'/%3E%3Cpath d='M9 11V6a3 3 0 0 1 6 0v5'/%3E%3C/g%3E%3C/svg%3E")
        }

        .icon-\[tabler--shopping-cart-cog\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 19a2 2 0 1 0 4 0 2 2 0 0 0-4 0'/%3E%3Cpath d='M12 17H6V3H4'/%3E%3Cpath d='m6 5 14 1-.79 5.526M16 13H6m11.001 6a2 2 0 1 0 4 0 2 2 0 1 0-4 0m2-3.5V17m0 4v1.5m3.031-5.25-1.299.75m-3.463 2-1.3.75m0-3.5 1.3.75m3.463 2 1.3.75'/%3E%3C/g%3E%3C/svg%3E")
        }

        .icon-\[tabler--shopping-cart-cog\],
        .icon-\[tabler--shopping-cart-plus\] {
            background-color: currentColor;
            display: inline-block;
            height: 1em;
            -webkit-mask-image: var(--svg);
            mask-image: var(--svg);
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
            width: 1em
        }

        .icon-\[tabler--shopping-cart-plus\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 19a2 2 0 1 0 4 0 2 2 0 0 0-4 0'/%3E%3Cpath d='M12.5 17H6V3H4'/%3E%3Cpath d='m6 5 14 1-.86 6.017M16.5 13H6m10 6h6m-3-3v6'/%3E%3C/g%3E%3C/svg%3E")
        }

        .icon-\[tabler--trash\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 7h16m-10 4v6m4-6v6M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2l1-12M9 7V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3'/%3E%3C/svg%3E")
        }

        .icon-\[tabler--trash\],
        .icon-\[tabler--user-circle\] {
            background-color: currentColor;
            display: inline-block;
            height: 1em;
            -webkit-mask-image: var(--svg);
            mask-image: var(--svg);
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
            width: 1em
        }

        .icon-\[tabler--user-circle\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0 9 9 0 1 0-18 0'/%3E%3Cpath d='M9 10a3 3 0 1 0 6 0 3 3 0 1 0-6 0m-2.832 8.849A4 4 0 0 1 10 16h4a4 4 0 0 1 3.834 2.855'/%3E%3C/g%3E%3C/svg%3E")
        }

        .icon-\[tabler--user-share\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 7a4 4 0 1 0 8 0 4 4 0 0 0-8 0M6 21v-2a4 4 0 0 1 4-4h3m3 7 5-5m0 4.5V17h-4.5'/%3E%3C/svg%3E")
        }

        .icon-\[tabler--user-share\],
        .icon-\[tabler--wallet-off\] {
            background-color: currentColor;
            display: inline-block;
            height: 1em;
            -webkit-mask-image: var(--svg);
            mask-image: var(--svg);
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
            width: 1em
        }

        .icon-\[tabler--wallet-off\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M17 8V5a1 1 0 0 0-1-1H8m-3.413.584A2 2 0 0 0 6 8h2m4 0h6a1 1 0 0 1 1 1v3'/%3E%3Cpath d='M19 19a1 1 0 0 1-1 1H6a2 2 0 0 1-2-2V6'/%3E%3Cpath d='M16 12h4v4m-4 0a2 2 0 0 1-2-2M3 3l18 18'/%3E%3C/g%3E%3C/svg%3E")
        }

        .icon-\[tabler--wallet\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M17 8V5a1 1 0 0 0-1-1H6a2 2 0 0 0 0 4h12a1 1 0 0 1 1 1v3m0 4v3a1 1 0 0 1-1 1H6a2 2 0 0 1-2-2V6'/%3E%3Cpath d='M20 12v4h-4a2 2 0 0 1 0-4z'/%3E%3C/g%3E%3C/svg%3E")
        }

        .icon-\[tabler--wallet\],
        .icon-\[tabler--x\] {
            background-color: currentColor;
            display: inline-block;
            height: 1em;
            -webkit-mask-image: var(--svg);
            mask-image: var(--svg);
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
            width: 1em
        }

        .icon-\[tabler--x\] {
            --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E")
        }

        .fixed {
            position: fixed
        }

        .absolute {
            position: absolute
        }

        .relative {
            position: relative
        }

        .inset-0 {
            inset: 0
        }

        .inset-x-0 {
            left: 0;
            right: 0
        }

        .-bottom-6 {
            bottom: -1.5rem
        }

        .-top-6 {
            top: -1.5rem
        }

        .bottom-0 {
            bottom: 0
        }

        .bottom-\[-23rem\] {
            bottom: -23rem
        }

        .bottom-\[-40rem\] {
            bottom: -40rem
        }

        .bottom-\[-56px\] {
            bottom: -56px
        }

        .bottom-\[-75px\] {
            bottom: -75px
        }

        .left-0 {
            left: 0
        }

        .left-12 {
            left: 3rem
        }

        .left-28 {
            left: 7rem
        }

        .left-8 {
            left: 2rem
        }

        .left-\[-24px\] {
            left: -24px
        }

        .left-\[-25px\] {
            left: -25px
        }

        .left-\[250px\] {
            left: 250px
        }

        .left-\[450px\] {
            left: 450px
        }

        .right-0 {
            right: 0
        }

        .right-12 {
            right: 3rem
        }

        .right-\[-25px\] {
            right: -25px
        }

        .right-\[170px\] {
            right: 170px
        }

        .right-\[450px\] {
            right: 450px
        }

        .top-0 {
            top: 0
        }

        .top-12 {
            top: 3rem
        }

        .top-48 {
            top: 12rem
        }

        .top-6 {
            top: 1.5rem
        }

        .top-64 {
            top: 16rem
        }

        .top-\[-75px\] {
            top: -75px
        }

        .z-10 {
            z-index: 10
        }

        .z-50 {
            z-index: 50
        }

        .z-\[-9999\] {
            z-index: -9999
        }

        .z-\[100\] {
            z-index: 100
        }

        .z-\[2\] {
            z-index: 2
        }

        .z-\[3\] {
            z-index: 3
        }

        .z-\[4\] {
            z-index: 4
        }

        .z-\[51\] {
            z-index: 51
        }

        .z-\[55\] {
            z-index: 55
        }

        .z-\[9999\] {
            z-index: 9999
        }

        .m-auto {
            margin: auto
        }

        .mx-2 {
            margin-left: .5rem;
            margin-right: .5rem
        }

        .mx-auto {
            margin-left: auto;
            margin-right: auto
        }

        .mb-1\.5 {
            margin-bottom: .375rem
        }

        .mb-8 {
            margin-bottom: 2rem
        }

        .ml-5 {
            margin-left: 1.25rem
        }

        .mr-20 {
            margin-right: 5rem
        }

        .mr-4 {
            margin-right: 1rem
        }

        .mr-5 {
            margin-right: 1.25rem
        }

        .mt-0\.5 {
            margin-top: .125rem
        }

        .mt-12 {
            margin-top: 3rem
        }

        .mt-14 {
            margin-top: 3.5rem
        }

        .mt-16 {
            margin-top: 4rem
        }

        .mt-4 {
            margin-top: 1rem
        }

        .mt-8 {
            margin-top: 2rem
        }

        .box-border {
            box-sizing: border-box
        }

        .block {
            display: block
        }

        .flex {
            display: flex
        }

        .table {
            display: table
        }

        .grid {
            display: grid
        }

        .hidden {
            display: none
        }

        .size-10 {
            height: 2.5rem;
            width: 2.5rem
        }

        .size-2 {
            height: .5rem;
            width: .5rem
        }

        .size-3 {
            height: .75rem;
            width: .75rem
        }

        .size-4 {
            height: 1rem;
            width: 1rem
        }

        .size-5 {
            height: 1.25rem;
            width: 1.25rem
        }

        .size-6 {
            height: 1.5rem;
            width: 1.5rem
        }

        .size-7 {
            height: 1.75rem;
            width: 1.75rem
        }

        .size-8 {
            height: 2rem;
            width: 2rem
        }

        .size-9 {
            height: 2.25rem;
            width: 2.25rem
        }

        .size-\[120px\] {
            height: 120px;
            width: 120px
        }

        .size-\[22px\] {
            height: 22px;
            width: 22px
        }

        .size-\[24px\] {
            height: 24px;
            width: 24px
        }

        .size-\[800px\] {
            height: 800px;
            width: 800px
        }

        .size-full {
            height: 100%;
            width: 100%
        }

        .h-0 {
            height: 0
        }

        .h-20 {
            height: 5rem
        }

        .h-32 {
            height: 8rem
        }

        .h-48 {
            height: 12rem
        }

        .h-56 {
            height: 14rem
        }

        .h-60 {
            height: 15rem
        }

        .h-64 {
            height: 16rem
        }

        .h-96 {
            height: 24rem
        }

        .h-\[301px\] {
            height: 301px
        }

        .h-\[400px\] {
            height: 400px
        }

        .h-\[700px\] {
            height: 700px
        }

        .h-\[800px\] {
            height: 800px
        }

        .h-auto {
            height: auto
        }

        .h-full {
            height: 100%
        }

        .w-12 {
            width: 3rem
        }

        .w-16 {
            width: 4rem
        }

        .w-20 {
            width: 5rem
        }

        .w-72 {
            width: 18rem
        }

        .w-8 {
            width: 2rem
        }

        .w-9 {
            width: 2.25rem
        }

        .w-\[1000px\] {
            width: 1000px
        }

        .w-\[1100px\] {
            width: 1100px
        }

        .w-\[250px\] {
            width: 250px
        }

        .w-\[290px\] {
            width: 290px
        }

        .w-\[300px\] {
            width: 300px
        }

        .w-\[340px\] {
            width: 340px
        }

        .w-\[500px\] {
            width: 500px
        }

        .w-\[50px\] {
            width: 50px
        }

        .w-\[60px\] {
            width: 60px
        }

        .w-\[80px\] {
            width: 80px
        }

        .w-\[90\%\] {
            width: 90%
        }

        .w-auto {
            width: auto
        }

        .w-full {
            width: 100%
        }

        .min-w-\[310px\] {
            min-width: 310px
        }

        .max-w-2xl {
            max-width: 42rem
        }

        .max-w-\[100rem\] {
            max-width: 100rem
        }

        .max-w-\[300px\] {
            max-width: 300px
        }

        .max-w-\[350px\] {
            max-width: 350px
        }

        .max-w-sm {
            max-width: 24rem
        }

        .max-w-xl {
            max-width: 36rem
        }

        .border-separate {
            border-collapse: separate
        }

        .origin-top-left {
            transform-origin: top left
        }

        .-translate-y-2 {
            --tw-translate-y: -0.5rem
        }

        .-translate-y-2,
        .scale-\[95\%\] {
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .scale-\[95\%\] {
            --tw-scale-x: 95%;
            --tw-scale-y: 95%
        }

        .scale-\[97\%\] {
            --tw-scale-x: 97%;
            --tw-scale-y: 97%
        }

        .scale-\[97\%\],
        .scale-\[98\%\] {
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .scale-\[98\%\] {
            --tw-scale-x: 98%;
            --tw-scale-y: 98%
        }

        .transform {
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .cursor-not-allowed {
            cursor: not-allowed
        }

        .cursor-pointer {
            cursor: pointer
        }

        .cursor-wait {
            cursor: wait
        }

        .select-none {
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none
        }

        .grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr))
        }

        .grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .flex-col {
            flex-direction: column
        }

        .flex-wrap {
            flex-wrap: wrap
        }

        .items-start {
            align-items: flex-start
        }

        .items-end {
            align-items: flex-end
        }

        .items-center {
            align-items: center
        }

        .items-stretch {
            align-items: stretch
        }

        .justify-start {
            justify-content: flex-start
        }

        .justify-end {
            justify-content: flex-end
        }

        .justify-center {
            justify-content: center
        }

        .justify-between {
            justify-content: space-between
        }

        .gap-1 {
            gap: .25rem
        }

        .gap-10 {
            gap: 2.5rem
        }

        .gap-12 {
            gap: 3rem
        }

        .gap-14 {
            gap: 3.5rem
        }

        .gap-16 {
            gap: 4rem
        }

        .gap-2 {
            gap: .5rem
        }

        .gap-20 {
            gap: 5rem
        }

        .gap-24 {
            gap: 6rem
        }

        .gap-3 {
            gap: .75rem
        }

        .gap-32 {
            gap: 8rem
        }

        .gap-4 {
            gap: 1rem
        }

        .gap-5 {
            gap: 1.25rem
        }

        .gap-6 {
            gap: 1.5rem
        }

        .gap-8 {
            gap: 2rem
        }

        .gap-\[16px\] {
            gap: 16px
        }

        .gap-\[20px\] {
            gap: 20px
        }

        .overflow-auto {
            overflow: auto
        }

        .overflow-hidden {
            overflow: hidden
        }

        .overflow-x-scroll {
            overflow-x: scroll
        }

        .overflow-y-scroll {
            overflow-y: scroll
        }

        .rounded-2xl {
            border-radius: 1rem
        }

        .rounded-\[12px\] {
            border-radius: 12px
        }

        .rounded-\[20px\] {
            border-radius: 20px
        }

        .rounded-\[39px\] {
            border-radius: 39px
        }

        .rounded-\[8px\] {
            border-radius: 8px
        }

        .rounded-full {
            border-radius: 9999px
        }

        .rounded-lg {
            border-radius: .5rem
        }

        .rounded-md {
            border-radius: .375rem
        }

        .rounded-xl {
            border-radius: .75rem
        }

        .border {
            border-width: 1px
        }

        .border-2 {
            border-width: 2px
        }

        .border-b {
            border-bottom-width: 1px
        }

        .border-t-2 {
            border-top-width: 2px
        }

        .border-neutral-900 {
            --tw-border-opacity: 1;
            border-color: rgb(23 23 23/var(--tw-border-opacity))
        }

        .border-neutral-900\/50 {
            border-color: hsla(0, 0%, 9%, .5)
        }

        .border-neutral-900\/60 {
            border-color: hsla(0, 0%, 9%, .6)
        }

        .border-t-neutral-900\/60 {
            border-top-color: hsla(0, 0%, 9%, .6)
        }

        .bg-\[\#0D0D0D\]\/70 {
            background-color: hsla(0, 0%, 5%, .7)
        }

        .bg-\[\#0F0F0F\] {
            --tw-bg-opacity: 1;
            background-color: rgb(15 15 15/var(--tw-bg-opacity))
        }

        .bg-\[\#454545\]\/10 {
            background-color: rgba(69, 69, 69, .1)
        }

        .bg-\[\#6562FF\]\/20 {
            background-color: rgba(101, 98, 255, .2)
        }

        .bg-\[\#7D50FF\]\/10 {
            background-color: rgba(125, 80, 255, .1)
        }

        .bg-\[\#933EFF\] {
            --tw-bg-opacity: 1;
            background-color: rgb(147 62 255/var(--tw-bg-opacity))
        }

        .bg-black\/50 {
            background-color: rgba(0, 0, 0, .5)
        }

        .bg-black\/80 {
            background-color: rgba(0, 0, 0, .8)
        }

        .bg-black\/85 {
            background-color: rgba(0, 0, 0, .85)
        }

        .bg-blue-800\/10 {
            background-color: rgba(30, 64, 175, .1)
        }

        .bg-blue-800\/20 {
            background-color: rgba(30, 64, 175, .2)
        }

        .bg-neutral-800\/60 {
            background-color: rgba(38, 38, 38, .6)
        }

        .bg-neutral-800\/80 {
            background-color: rgba(38, 38, 38, .8)
        }

        .bg-neutral-900\/30 {
            background-color: hsla(0, 0%, 9%, .3)
        }

        .bg-neutral-900\/50 {
            background-color: hsla(0, 0%, 9%, .5)
        }

        .bg-neutral-900\/70 {
            background-color: hsla(0, 0%, 9%, .7)
        }

        .bg-neutral-950 {
            --tw-bg-opacity: 1;
            background-color: rgb(10 10 10/var(--tw-bg-opacity))
        }

        .bg-neutral-950\/70 {
            background-color: hsla(0, 0%, 4%, .7)
        }

        .bg-red-500 {
            --tw-bg-opacity: 1;
            background-color: rgb(239 68 68/var(--tw-bg-opacity))
        }

        .bg-red-800\/10 {
            background-color: rgba(153, 27, 27, .1)
        }

        .bg-red-800\/20 {
            background-color: rgba(153, 27, 27, .2)
        }

        .bg-transparent {
            background-color: transparent
        }

        .bg-violet-800\/10 {
            background-color: rgba(91, 33, 182, .1)
        }

        .bg-violet-800\/20 {
            background-color: rgba(91, 33, 182, .2)
        }

        .bg-white {
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255/var(--tw-bg-opacity))
        }

        .bg-white\/5 {
            background-color: hsla(0, 0%, 100%, .05)
        }

        .bg-white\/\[3\%\] {
            background-color: hsla(0, 0%, 100%, .03)
        }

        .bg-white\/\[4\%\] {
            background-color: hsla(0, 0%, 100%, .04)
        }

        .bg-gradient-to-b {
            background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
        }

        .bg-gradient-to-r {
            background-image: linear-gradient(to right, var(--tw-gradient-stops))
        }

        .from-\[\#7684FF\] {
            --tw-gradient-from: #7684ff var(--tw-gradient-from-position);
            --tw-gradient-to: rgba(118, 132, 255, 0) var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
        }

        .from-\[\#9970CE\] {
            --tw-gradient-from: #9970ce var(--tw-gradient-from-position);
            --tw-gradient-to: rgba(153, 112, 206, 0) var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
        }

        .from-\[\#D3A6FF\] {
            --tw-gradient-from: #d3a6ff var(--tw-gradient-from-position);
            --tw-gradient-to: rgba(211, 166, 255, 0) var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
        }

        .from-\[\#E9A9FF\] {
            --tw-gradient-from: #e9a9ff var(--tw-gradient-from-position);
            --tw-gradient-to: rgba(233, 169, 255, 0) var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
        }

        .from-black {
            --tw-gradient-from: #000 var(--tw-gradient-from-position);
            --tw-gradient-to: transparent var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
        }

        .from-white {
            --tw-gradient-from: #fff var(--tw-gradient-from-position);
            --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
        }

        .to-\[\#5900B1\] {
            --tw-gradient-to: #5900b1 var(--tw-gradient-to-position)
        }

        .to-\[\#7000FF\]\/15 {
            --tw-gradient-to: rgba(112, 0, 255, .15) var(--tw-gradient-to-position)
        }

        .to-\[\#9352C7\] {
            --tw-gradient-to: #9352c7 var(--tw-gradient-to-position)
        }

        .to-\[\#C173FF\] {
            --tw-gradient-to: #c173ff var(--tw-gradient-to-position)
        }

        .to-\[\#CC8BFF\] {
            --tw-gradient-to: #cc8bff var(--tw-gradient-to-position)
        }

        .to-white\/50 {
            --tw-gradient-to: hsla(0, 0%, 100%, .5) var(--tw-gradient-to-position)
        }

        .bg-clip-text {
            -webkit-background-clip: text;
            background-clip: text
        }

        .p-1 {
            padding: .25rem
        }

        .p-10 {
            padding: 2.5rem
        }

        .p-12 {
            padding: 3rem
        }

        .p-2 {
            padding: .5rem
        }

        .p-2\.5 {
            padding: .625rem
        }

        .p-3 {
            padding: .75rem
        }

        .p-4 {
            padding: 1rem
        }

        .p-5 {
            padding: 1.25rem
        }

        .p-6 {
            padding: 1.5rem
        }

        .p-7 {
            padding: 1.75rem
        }

        .p-8 {
            padding: 2rem
        }

        .p-\[16px\] {
            padding: 16px
        }

        .px-10 {
            padding-left: 2.5rem;
            padding-right: 2.5rem
        }

        .px-12 {
            padding-left: 3rem;
            padding-right: 3rem
        }

        .px-2 {
            padding-left: .5rem;
            padding-right: .5rem
        }

        .px-4 {
            padding-left: 1rem;
            padding-right: 1rem
        }

        .px-5 {
            padding-left: 1.25rem;
            padding-right: 1.25rem
        }

        .px-6 {
            padding-left: 1.5rem;
            padding-right: 1.5rem
        }

        .px-8 {
            padding-left: 2rem;
            padding-right: 2rem
        }

        .px-\[14px\] {
            padding-left: 14px;
            padding-right: 14px
        }

        .px-\[24px\] {
            padding-left: 24px;
            padding-right: 24px
        }

        .px-\[28px\] {
            padding-left: 28px;
            padding-right: 28px
        }

        .px-\[30px\] {
            padding-left: 30px;
            padding-right: 30px
        }

        .py-1 {
            padding-bottom: .25rem;
            padding-top: .25rem
        }

        .py-12 {
            padding-bottom: 3rem;
            padding-top: 3rem
        }

        .py-14 {
            padding-bottom: 3.5rem;
            padding-top: 3.5rem
        }

        .py-16 {
            padding-bottom: 4rem;
            padding-top: 4rem
        }

        .py-2 {
            padding-bottom: .5rem;
            padding-top: .5rem
        }

        .py-2\.5 {
            padding-bottom: .625rem;
            padding-top: .625rem
        }

        .py-20 {
            padding-bottom: 5rem;
            padding-top: 5rem
        }

        .py-3 {
            padding-bottom: .75rem;
            padding-top: .75rem
        }

        .py-3\.5 {
            padding-bottom: .875rem;
            padding-top: .875rem
        }

        .py-32 {
            padding-bottom: 8rem;
            padding-top: 8rem
        }

        .py-4 {
            padding-bottom: 1rem;
            padding-top: 1rem
        }

        .py-8 {
            padding-bottom: 2rem;
            padding-top: 2rem
        }

        .py-\[14px\] {
            padding-bottom: 14px;
            padding-top: 14px
        }

        .py-\[16px\] {
            padding-bottom: 16px;
            padding-top: 16px
        }

        .py-\[50px\] {
            padding-bottom: 50px;
            padding-top: 50px
        }

        .pb-10 {
            padding-bottom: 2.5rem
        }

        .pb-12 {
            padding-bottom: 3rem
        }

        .pb-14 {
            padding-bottom: 3.5rem
        }

        .pb-16 {
            padding-bottom: 4rem
        }

        .pb-2 {
            padding-bottom: .5rem
        }

        .pb-20 {
            padding-bottom: 5rem
        }

        .pb-4 {
            padding-bottom: 1rem
        }

        .pb-8 {
            padding-bottom: 2rem
        }

        .pl-8 {
            padding-left: 2rem
        }

        .pt-0 {
            padding-top: 0
        }

        .pt-10 {
            padding-top: 2.5rem
        }

        .pt-12 {
            padding-top: 3rem
        }

        .pt-2 {
            padding-top: .5rem
        }

        .pt-20 {
            padding-top: 5rem
        }

        .pt-32 {
            padding-top: 8rem
        }

        .pt-4 {
            padding-top: 1rem
        }

        .pt-6 {
            padding-top: 1.5rem
        }

        .pt-64 {
            padding-top: 16rem
        }

        .pt-8 {
            padding-top: 2rem
        }

        .pt-96 {
            padding-top: 24rem
        }

        .pt-\[22px\] {
            padding-top: 22px
        }

        .text-left {
            text-align: left
        }

        .text-center {
            text-align: center
        }

        .text-start {
            text-align: start
        }

        .font-\[Neue-Bold\] {
            font-family: Neue-Bold
        }

        .font-\[Neue-Medium\] {
            font-family: Neue-Medium
        }

        .font-\[Neue-Regular\] {
            font-family: Neue-Regular
        }

        .font-\[Neue-Ultrabold\] {
            font-family: Neue-Ultrabold
        }

        .font-\[Onest\] {
            font-family: Onest, "Onest Fallback: Arial"
        }

        .text-2xl {
            font-size: 1.5rem;
            line-height: 2rem
        }

        .text-3xl {
            font-size: 1.875rem;
            line-height: 2.25rem
        }

        .text-4xl {
            font-size: 2.25rem;
            line-height: 2.5rem
        }

        .text-5xl {
            font-size: 3rem;
            line-height: 1
        }

        .text-6xl {
            font-size: 3.75rem;
            line-height: 1
        }

        .text-\[136px\] {
            font-size: 136px
        }

        .text-\[14px\] {
            font-size: 14px
        }

        .text-\[15px\] {
            font-size: 15px
        }

        .text-\[16px\] {
            font-size: 16px
        }

        .text-\[24px\] {
            font-size: 24px
        }

        .text-\[30px\] {
            font-size: 30px
        }

        .text-\[36px\] {
            font-size: 36px
        }

        .text-\[56px\] {
            font-size: 56px
        }

        .text-base {
            font-size: 1rem;
            line-height: 1.5rem
        }

        .text-lg {
            font-size: 1.125rem;
            line-height: 1.75rem
        }

        .text-sm {
            font-size: .875rem;
            line-height: 1.25rem
        }

        .text-xl {
            font-size: 1.25rem;
            line-height: 1.75rem
        }

        .font-bold {
            font-weight: 700
        }

        .font-extrabold {
            font-weight: 800
        }

        .font-light {
            font-weight: 300
        }

        .font-medium {
            font-weight: 500
        }

        .font-normal {
            font-weight: 400
        }

        .font-semibold {
            font-weight: 600
        }

        .leading-\[35px\] {
            line-height: 35px
        }

        .leading-\[403px\] {
            line-height: 403px
        }

        .leading-\[92px\] {
            line-height: 92px
        }

        .tracking-\[0\.04em\] {
            letter-spacing: .04em
        }

        .text-\[\#00FFA3\] {
            --tw-text-opacity: 1;
            color: rgb(0 255 163/var(--tw-text-opacity))
        }

        .text-\[\#885EFF\] {
            --tw-text-opacity: 1;
            color: rgb(136 94 255/var(--tw-text-opacity))
        }

        .text-\[\#8B62FF\] {
            --tw-text-opacity: 1;
            color: rgb(139 98 255/var(--tw-text-opacity))
        }

        .text-\[\#914EFF\]\/40 {
            color: rgba(145, 78, 255, .4)
        }

        .text-\[\#995BFF\] {
            --tw-text-opacity: 1;
            color: rgb(153 91 255/var(--tw-text-opacity))
        }

        .text-\[\#B73D77\] {
            --tw-text-opacity: 1;
            color: rgb(183 61 119/var(--tw-text-opacity))
        }

        .text-\[\#CA7FFD\] {
            --tw-text-opacity: 1;
            color: rgb(202 127 253/var(--tw-text-opacity))
        }

        .text-\[\#CE79F5\] {
            --tw-text-opacity: 1;
            color: rgb(206 121 245/var(--tw-text-opacity))
        }

        .text-\[\#F0F0F0\] {
            --tw-text-opacity: 1;
            color: rgb(240 240 240/var(--tw-text-opacity))
        }

        .text-\[\#F47BFF\] {
            --tw-text-opacity: 1;
            color: rgb(244 123 255/var(--tw-text-opacity))
        }

        .text-\[\#FF73F9\] {
            --tw-text-opacity: 1;
            color: rgb(255 115 249/var(--tw-text-opacity))
        }

        .text-\[Neue-Medium\] {
            color: Neue-Medium
        }

        .text-amber-500 {
            --tw-text-opacity: 1;
            color: rgb(245 158 11/var(--tw-text-opacity))
        }

        .text-emerald-500 {
            --tw-text-opacity: 1;
            color: rgb(16 185 129/var(--tw-text-opacity))
        }

        .text-green-500 {
            --tw-text-opacity: 1;
            color: rgb(34 197 94/var(--tw-text-opacity))
        }

        .text-neutral-100 {
            --tw-text-opacity: 1;
            color: rgb(245 245 245/var(--tw-text-opacity))
        }

        .text-neutral-200 {
            --tw-text-opacity: 1;
            color: rgb(229 229 229/var(--tw-text-opacity))
        }

        .text-neutral-300 {
            --tw-text-opacity: 1;
            color: rgb(212 212 212/var(--tw-text-opacity))
        }

        .text-neutral-400 {
            --tw-text-opacity: 1;
            color: rgb(163 163 163/var(--tw-text-opacity))
        }

        .text-neutral-50 {
            --tw-text-opacity: 1;
            color: rgb(250 250 250/var(--tw-text-opacity))
        }

        .text-neutral-50\/30 {
            color: hsla(0, 0%, 98%, .3)
        }

        .text-neutral-50\/50 {
            color: hsla(0, 0%, 98%, .5)
        }

        .text-neutral-500 {
            --tw-text-opacity: 1;
            color: rgb(115 115 115/var(--tw-text-opacity))
        }

        .text-neutral-600 {
            --tw-text-opacity: 1;
            color: rgb(82 82 82/var(--tw-text-opacity))
        }

        .text-neutral-800\/60 {
            color: rgba(38, 38, 38, .6)
        }

        .text-red-500 {
            --tw-text-opacity: 1;
            color: rgb(239 68 68/var(--tw-text-opacity))
        }

        .text-sky-500 {
            --tw-text-opacity: 1;
            color: rgb(14 165 233/var(--tw-text-opacity))
        }

        .text-transparent {
            color: transparent
        }

        .text-violet-500 {
            --tw-text-opacity: 1;
            color: rgb(139 92 246/var(--tw-text-opacity))
        }

        .text-white {
            --tw-text-opacity: 1;
            color: rgb(255 255 255/var(--tw-text-opacity))
        }

        .text-white\/20 {
            color: hsla(0, 0%, 100%, .2)
        }

        .text-white\/30 {
            color: hsla(0, 0%, 100%, .3)
        }

        .text-white\/40 {
            color: hsla(0, 0%, 100%, .4)
        }

        .text-white\/5 {
            color: hsla(0, 0%, 100%, .05)
        }

        .text-white\/50 {
            color: hsla(0, 0%, 100%, .5)
        }

        .text-white\/60 {
            color: hsla(0, 0%, 100%, .6)
        }

        .text-white\/70 {
            color: hsla(0, 0%, 100%, .7)
        }

        .text-white\/80 {
            color: hsla(0, 0%, 100%, .8)
        }

        .text-zinc-100 {
            --tw-text-opacity: 1;
            color: rgb(244 244 245/var(--tw-text-opacity))
        }

        .underline {
            text-decoration-line: underline
        }

        .line-through {
            text-decoration-line: line-through
        }

        .decoration-\[\#CA7FFD\]\/50 {
            text-decoration-color: rgba(202, 127, 253, .5)
        }

        .underline-offset-2 {
            text-underline-offset: 2px
        }

        .opacity-0 {
            opacity: 0
        }

        .opacity-10 {
            opacity: .1
        }

        .opacity-100 {
            opacity: 1
        }

        .opacity-40 {
            opacity: .4
        }

        .opacity-50 {
            opacity: .5
        }

        .opacity-60 {
            opacity: .6
        }

        .opacity-65 {
            opacity: .65
        }

        .opacity-80 {
            opacity: .8
        }

        .shadow-xl {
            --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
            --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
        }

        .outline {
            outline-style: solid
        }

        .outline-1 {
            outline-width: 1px
        }

        .outline-2 {
            outline-width: 2px
        }

        .outline-offset-\[-1px\] {
            outline-offset: -1px
        }

        .outline-offset-\[-2px\] {
            outline-offset: -2px
        }

        .outline-white\/10 {
            outline-color: hsla(0, 0%, 100%, .1)
        }

        .outline-white\/5 {
            outline-color: hsla(0, 0%, 100%, .05)
        }

        .outline-white\/\[4\%\] {
            outline-color: hsla(0, 0%, 100%, .04)
        }

        .ring-1 {
            --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
            --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
        }

        .ring-1,
        .ring-2 {
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
        }

        .ring-2 {
            --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
            --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
        }

        .ring-inset {
            --tw-ring-inset: inset
        }

        .ring-blue-500\/30 {
            --tw-ring-color: rgba(59, 130, 246, .3)
        }

        .ring-neutral-500\/20 {
            --tw-ring-color: hsla(0, 0%, 45%, .2)
        }

        .ring-neutral-800\/20 {
            --tw-ring-color: rgba(38, 38, 38, .2)
        }

        .ring-neutral-800\/30 {
            --tw-ring-color: rgba(38, 38, 38, .3)
        }

        .ring-neutral-800\/40 {
            --tw-ring-color: rgba(38, 38, 38, .4)
        }

        .ring-neutral-800\/50 {
            --tw-ring-color: rgba(38, 38, 38, .5)
        }

        .ring-neutral-800\/60 {
            --tw-ring-color: rgba(38, 38, 38, .6)
        }

        .ring-neutral-900 {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgb(23 23 23/var(--tw-ring-opacity))
        }

        .ring-neutral-900\/80 {
            --tw-ring-color: hsla(0, 0%, 9%, .8)
        }

        .ring-red-500\/30 {
            --tw-ring-color: rgba(239, 68, 68, .3)
        }

        .ring-violet-500\/30 {
            --tw-ring-color: rgba(139, 92, 246, .3)
        }

        .ring-white\/10 {
            --tw-ring-color: hsla(0, 0%, 100%, .1)
        }

        .ring-white\/15 {
            --tw-ring-color: hsla(0, 0%, 100%, .15)
        }

        .ring-white\/5 {
            --tw-ring-color: hsla(0, 0%, 100%, .05)
        }

        .ring-white\/\[7\%\] {
            --tw-ring-color: hsla(0, 0%, 100%, .07)
        }

        .blur {
            --tw-blur: blur(8px)
        }

        .blur,
        .filter {
            filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
        }

        .backdrop-blur {
            --tw-backdrop-blur: blur(8px)
        }

        .backdrop-blur,
        .backdrop-blur-md {
            -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
            backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
        }

        .backdrop-blur-md {
            --tw-backdrop-blur: blur(12px)
        }

        .backdrop-blur-xl {
            --tw-backdrop-blur: blur(24px)
        }

        .backdrop-blur-xl,
        .backdrop-filter {
            -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
            backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
        }

        .transition {
            transition-duration: .15s;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
            transition-timing-function: cubic-bezier(.4, 0, .2, 1)
        }

        body {
            --tw-bg-opacity: 1;
            background-color: rgb(0 0 0/var(--tw-bg-opacity))
        }

        * {
            font-synthesis: none;
            scrollbar-width: none
        }

        ::-moz-selection {
            background: rgba(91, 29, 225, .335)
        }

        ::selection {
            background: rgba(91, 29, 225, .335)
        }

        .smooth {
            transition: all .8s cubic-bezier(.215, .61, .355, 1)
        }

        .fast-smooth {
            transition: all .4s cubic-bezier(.215, .61, .355, 1)
        }

        .center {
            left: 50%;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%)
        }

        @keyframes appear {
            0% {
                opacity: 0;
                transform: translateY(-20px);
                transform: scale(90%)
            }

            to {
                opacity: 1;
                transform: translateY(0);
                transform: scale(100%)
            }
        }

        ::-webkit-scrollbar {
            display: none;
            -ms-overflow-style: none;
            scrollbar-width: none
        }

        .appear {
            animation: appear .5s cubic-bezier(.175, .885, .32, 1.275)
        }

        @font-face {
            font-family: Neue-Light;
            src: url(_nuxt/light.SldUXmcC.otf) format("opentype")
        }

        @font-face {
            font-family: Neue-Regular;
            src: url(_nuxt/regular.CtIflk9x.otf) format("opentype")
        }

        @font-face {
            font-family: Neue-Medium;
            src: url(_nuxt/medium.C2f4RfyY.ttf) format("truetype")
        }

        @font-face {
            font-family: Neue-Bold;
            src: url(_nuxt/bold.BAq71WW4.ttf) format("truetype")
        }

        @font-face {
            font-family: Neue-Ultrabold;
            src: url(_nuxt/ultrabold.BNV4ny24.otf) format("opentype")
        }

        .ellipsis-blue {
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            background: #0019ff;
            filter: blur(150px);
            opacity: .7;
            -webkit-perspective: 1000;
            perspective: 1000;
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }

        .land-support-cover {
            background: linear-gradient(180deg, #101010, #040404)
        }

        .land-support-point {
            -webkit-backdrop-filter: blur(7.25px);
            backdrop-filter: blur(7.25px);
            background: linear-gradient(104.59deg, rgba(37, 37, 37, .6), rgba(0, 0, 0, .6) 60.33%);
            box-shadow: 0 2px 12px rgba(0, 0, 0, .45)
        }

        @keyframes general {
            0% {
                opacity: 0;
                transform: scale(99%) translateY(-20px)
            }

            to {
                opacity: 1;
                transform: scale(100%) translateY(0)
            }
        }

        .general-animation {
            animation: general .7s cubic-bezier(.215, .61, .355, 1)
        }

        .new-transition {
            transition: all 1s cubic-bezier(.645, .045, .355, 1)
        }

        @keyframes reve {
            0% {
                opacity: 0;
                transform: translateY(-20px) scale(98%)
            }

            to {
                opacity: 1;
                transform: translateY(0) scale(100%)
            }
        }

        @keyframes dropdownUp {
            0% {
                opacity: 1;
                transform: translateY(0) scale(100%)
            }

            to {
                opacity: 0;
                transform: translateY(-20px) scale(98%)
            }
        }

        .tooltip-enter-active {
            animation: reve .5s cubic-bezier(.215, .61, .355, 1)
        }

        .tooltip-leave-active {
            animation: dropdownUp .5s cubic-bezier(.175, .885, .32, 1.275)
        }

        input::-webkit-inner-spin-button,
        input::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0
        }

        input[type=number] {
            -moz-appearance: textfield;
            -webkit-appearance: textfield;
            appearance: textfield
        }

        .checkbox-wrapper-51 input[type=checkbox] {
            display: none;
            visibility: hidden
        }

        .checkbox-wrapper-51 .toggle {
            cursor: pointer;
            display: block;
            height: 24px;
            position: relative;
            width: 42px;
            -webkit-tap-highlight-color: transparent;
            transform: translateZ(0)
        }

        .checkbox-wrapper-51 .toggle:before {
            background: #262626;
            border-radius: 12px;
            content: "";
            display: block;
            height: 22px;
            left: 1px;
            position: relative;
            top: 1px;
            transition: background .2s ease;
            width: 40px
        }

        .checkbox-wrapper-51 .toggle span {
            background: #fff;
            border-radius: 50%;
            display: block;
            height: 24px;
            left: 0;
            position: absolute;
            top: 0;
            transition: all .2s ease;
            width: 24px
        }

        .checkbox-wrapper-51 .toggle span svg {
            margin: 7px;
            fill: none
        }

        .checkbox-wrapper-51 .toggle span svg path {
            stroke: #c8ccd4;
            stroke-width: 2;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-dasharray: 24;
            stroke-dashoffset: 0;
            transition: all .5s linear
        }

        .checkbox-wrapper-51 input[type=checkbox]:checked+.toggle:before {
            background: #933eff
        }

        .checkbox-wrapper-51 input[type=checkbox]:checked+.toggle span {
            transform: translateX(18px)
        }

        .checkbox-wrapper-51 input[type=checkbox]:checked+.toggle span path {
            stroke: #000;
            stroke-dasharray: 25;
            stroke-dashoffset: 25
        }

        .placeholder\:text-start::-moz-placeholder {
            text-align: start
        }

        .placeholder\:text-start::placeholder {
            text-align: start
        }

        .placeholder\:text-\[18px\]::-moz-placeholder {
            font-size: 18px
        }

        .placeholder\:text-\[18px\]::placeholder {
            font-size: 18px
        }

        .placeholder\:text-neutral-500::-moz-placeholder {
            --tw-text-opacity: 1;
            color: rgb(115 115 115/var(--tw-text-opacity))
        }

        .placeholder\:text-neutral-500::placeholder {
            --tw-text-opacity: 1;
            color: rgb(115 115 115/var(--tw-text-opacity))
        }

        .hover\:scale-\[98\%\]:hover {
            --tw-scale-x: 98%;
            --tw-scale-y: 98%
        }

        .hover\:scale-\[98\%\]:hover,
        .hover\:scale-\[99\%\]:hover {
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .hover\:scale-\[99\%\]:hover {
            --tw-scale-x: 99%;
            --tw-scale-y: 99%
        }

        .hover\:cursor-copy:hover {
            cursor: copy
        }

        .hover\:bg-blue-800\/20:hover {
            background-color: rgba(30, 64, 175, .2)
        }

        .hover\:bg-neutral-800:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(38 38 38/var(--tw-bg-opacity))
        }

        .hover\:bg-neutral-900\/10:hover {
            background-color: hsla(0, 0%, 9%, .1)
        }

        .hover\:bg-red-800\/20:hover {
            background-color: rgba(153, 27, 27, .2)
        }

        .hover\:bg-violet-800\/20:hover {
            background-color: rgba(91, 33, 182, .2)
        }

        .hover\:text-\[\#914EFF\]:hover {
            --tw-text-opacity: 1;
            color: rgb(145 78 255/var(--tw-text-opacity))
        }

        .hover\:text-neutral-50:hover {
            --tw-text-opacity: 1;
            color: rgb(250 250 250/var(--tw-text-opacity))
        }

        .hover\:text-white\/60:hover {
            color: hsla(0, 0%, 100%, .6)
        }

        .hover\:text-white\/80:hover {
            color: hsla(0, 0%, 100%, .8)
        }

        .hover\:text-white\/90:hover {
            color: hsla(0, 0%, 100%, .9)
        }

        .hover\:text-zinc-300:hover {
            --tw-text-opacity: 1;
            color: rgb(212 212 216/var(--tw-text-opacity))
        }

        .hover\:opacity-100:hover {
            opacity: 1
        }

        .hover\:opacity-60:hover {
            opacity: .6
        }

        .hover\:opacity-70:hover {
            opacity: .7
        }

        .hover\:opacity-80:hover {
            opacity: .8
        }

        .hover\:opacity-90:hover {
            opacity: .9
        }

        .hover\:outline:hover {
            outline-style: solid
        }

        .hover\:outline-1:hover {
            outline-width: 1px
        }

        .hover\:outline-2:hover {
            outline-width: 2px
        }

        .hover\:outline-offset-\[-1px\]:hover {
            outline-offset: -1px
        }

        .hover\:outline-offset-\[-2px\]:hover {
            outline-offset: -2px
        }

        .hover\:outline-white\/5:hover {
            outline-color: hsla(0, 0%, 100%, .05)
        }

        .hover\:ring-neutral-800\/50:hover {
            --tw-ring-color: rgba(38, 38, 38, .5)
        }

        .hover\:ring-white\/10:hover {
            --tw-ring-color: hsla(0, 0%, 100%, .1)
        }

        .focus\:opacity-100:focus {
            opacity: 1
        }

        .active\:scale-90:active {
            --tw-scale-x: .9;
            --tw-scale-y: .9
        }

        .active\:scale-90:active,
        .active\:scale-\[95\%\]:active {
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .active\:scale-\[95\%\]:active {
            --tw-scale-x: 95%;
            --tw-scale-y: 95%
        }

        .active\:scale-\[96\%\]:active {
            --tw-scale-x: 96%;
            --tw-scale-y: 96%
        }

        .active\:scale-\[96\%\]:active,
        .active\:scale-\[97\%\]:active {
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .active\:scale-\[97\%\]:active {
            --tw-scale-x: 97%;
            --tw-scale-y: 97%
        }

        .active\:opacity-60:active {
            opacity: .6
        }

        .active\:opacity-80:active {
            opacity: .8
        }

        @media (min-width:640px) {
            .sm\:flex {
                display: flex
            }

            .sm\:w-\[570px\] {
                width: 570px
            }

            .sm\:w-\[600px\] {
                width: 600px
            }
        }

        @media (min-width:768px) {
            .md\:flex {
                display: flex
            }

            .md\:hidden {
                display: none
            }

            .md\:w-\[800px\] {
                width: 800px
            }

            .md\:w-auto {
                width: auto
            }

            .md\:flex-row {
                flex-direction: row
            }

            .md\:items-start {
                align-items: flex-start
            }

            .md\:justify-start {
                justify-content: flex-start
            }

            .md\:justify-end {
                justify-content: flex-end
            }

            .md\:justify-center {
                justify-content: center
            }

            .md\:justify-between {
                justify-content: space-between
            }

            .md\:gap-2 {
                gap: .5rem
            }

            .md\:gap-8 {
                gap: 2rem
            }

            .md\:p-12 {
                padding: 3rem
            }

            .md\:px-14 {
                padding-left: 3.5rem;
                padding-right: 3.5rem
            }
        }

        @media (min-width:1024px) {
            .lg\:right-0 {
                right: 0
            }

            .lg\:col-span-2 {
                grid-column: span 2/span 2
            }

            .lg\:col-span-3 {
                grid-column: span 3/span 3
            }

            .lg\:row-span-2 {
                grid-row: span 2/span 2
            }

            .lg\:mr-0 {
                margin-right: 0
            }

            .lg\:mr-64 {
                margin-right: 16rem
            }

            .lg\:flex {
                display: flex
            }

            .lg\:hidden {
                display: none
            }

            .lg\:size-9 {
                height: 2.25rem;
                width: 2.25rem
            }

            .lg\:h-\[570px\] {
                height: 570px
            }

            .lg\:h-auto {
                height: auto
            }

            .lg\:w-16 {
                width: 4rem
            }

            .lg\:w-20 {
                width: 5rem
            }

            .lg\:w-96 {
                width: 24rem
            }

            .lg\:w-\[600px\] {
                width: 600px
            }

            .lg\:w-\[800px\] {
                width: 800px
            }

            .lg\:w-auto {
                width: auto
            }

            .lg\:w-full {
                width: 100%
            }

            .lg\:grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr))
            }

            .lg\:grid-cols-3 {
                grid-template-columns: repeat(3, minmax(0, 1fr))
            }

            .lg\:grid-cols-4 {
                grid-template-columns: repeat(4, minmax(0, 1fr))
            }

            .lg\:grid-rows-2 {
                grid-template-rows: repeat(2, minmax(0, 1fr))
            }

            .lg\:flex-row {
                flex-direction: row
            }

            .lg\:items-end {
                align-items: flex-end
            }

            .lg\:items-center {
                align-items: center
            }

            .lg\:justify-start {
                justify-content: flex-start
            }

            .lg\:justify-end {
                justify-content: flex-end
            }

            .lg\:justify-center {
                justify-content: center
            }

            .lg\:justify-between {
                justify-content: space-between
            }

            .lg\:gap-0 {
                gap: 0
            }

            .lg\:gap-14 {
                gap: 3.5rem
            }

            .lg\:gap-2 {
                gap: .5rem
            }

            .lg\:gap-4 {
                gap: 1rem
            }

            .lg\:gap-8 {
                gap: 2rem
            }

            .lg\:p-8 {
                padding: 2rem
            }

            .lg\:px-0 {
                padding-left: 0;
                padding-right: 0
            }

            .lg\:px-16 {
                padding-left: 4rem;
                padding-right: 4rem
            }

            .lg\:px-20 {
                padding-left: 5rem;
                padding-right: 5rem
            }

            .lg\:px-32 {
                padding-left: 8rem;
                padding-right: 8rem
            }

            .lg\:px-8 {
                padding-left: 2rem;
                padding-right: 2rem
            }

            .lg\:py-0 {
                padding-bottom: 0;
                padding-top: 0
            }

            .lg\:py-12 {
                padding-bottom: 3rem;
                padding-top: 3rem
            }

            .lg\:py-14 {
                padding-bottom: 3.5rem;
                padding-top: 3.5rem
            }

            .lg\:py-16 {
                padding-bottom: 4rem;
                padding-top: 4rem
            }

            .lg\:py-20 {
                padding-bottom: 5rem;
                padding-top: 5rem
            }

            .lg\:pb-0 {
                padding-bottom: 0
            }

            .lg\:pl-0 {
                padding-left: 0
            }

            .lg\:pl-4 {
                padding-left: 1rem
            }

            .lg\:pt-24 {
                padding-top: 6rem
            }

            .lg\:pt-8 {
                padding-top: 2rem
            }

            .lg\:text-center {
                text-align: center
            }

            .lg\:text-right {
                text-align: right
            }

            .lg\:text-2xl {
                font-size: 1.5rem;
                line-height: 2rem
            }

            .lg\:text-4xl {
                font-size: 2.25rem;
                line-height: 2.5rem
            }

            .lg\:text-5xl {
                font-size: 3rem;
                line-height: 1
            }

            .lg\:text-6xl {
                font-size: 3.75rem;
                line-height: 1
            }

            .lg\:text-7xl {
                font-size: 4.5rem;
                line-height: 1
            }

            .lg\:text-\[200px\] {
                font-size: 200px
            }

            .lg\:text-\[36px\] {
                font-size: 36px
            }

            .lg\:text-\[64px\] {
                font-size: 64px
            }

            .lg\:text-lg {
                font-size: 1.125rem;
                line-height: 1.75rem
            }

            .lg\:text-xl {
                font-size: 1.25rem;
                line-height: 1.75rem
            }
        }

        @media (min-width:1280px) {
            .xl\:sticky {
                position: sticky
            }

            .xl\:top-24 {
                top: 6rem
            }

            .xl\:top-28 {
                top: 7rem
            }

            .xl\:col-span-2 {
                grid-column: span 2/span 2
            }

            .xl\:col-span-3 {
                grid-column: span 3/span 3
            }

            .xl\:col-span-9 {
                grid-column: span 9/span 9
            }

            .xl\:mx-auto {
                margin-left: auto;
                margin-right: auto
            }

            .xl\:block {
                display: block
            }

            .xl\:flex {
                display: flex
            }

            .xl\:grid {
                display: grid
            }

            .xl\:hidden {
                display: none
            }

            .xl\:size-\[220px\] {
                height: 220px;
                width: 220px
            }

            .xl\:h-full {
                height: 100%
            }

            .xl\:max-h-\[50\%\] {
                max-height: 50%
            }

            .xl\:w-4\/5 {
                width: 80%
            }

            .xl\:w-\[30\%\] {
                width: 30%
            }

            .xl\:w-\[40\%\] {
                width: 40%
            }

            .xl\:w-\[50\%\] {
                width: 50%
            }

            .xl\:w-\[80\%\] {
                width: 80%
            }

            .xl\:w-\[90\%\] {
                width: 90%
            }

            .xl\:max-w-\[100rem\] {
                max-width: 100rem
            }

            .xl\:grid-cols-12 {
                grid-template-columns: repeat(12, minmax(0, 1fr))
            }

            .xl\:grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr))
            }

            .xl\:grid-cols-3 {
                grid-template-columns: repeat(3, minmax(0, 1fr))
            }

            .xl\:flex-row {
                flex-direction: row
            }

            .xl\:flex-col {
                flex-direction: column
            }

            .xl\:items-start {
                align-items: flex-start
            }

            .xl\:justify-start {
                justify-content: flex-start
            }

            .xl\:justify-center {
                justify-content: center
            }

            .xl\:justify-between {
                justify-content: space-between
            }

            .xl\:gap-20 {
                gap: 5rem
            }

            .xl\:gap-24 {
                gap: 6rem
            }

            .xl\:gap-8 {
                gap: 2rem
            }

            .xl\:p-16 {
                padding: 4rem
            }

            .xl\:px-4 {
                padding-left: 1rem;
                padding-right: 1rem
            }

            .xl\:px-8 {
                padding-left: 2rem;
                padding-right: 2rem
            }

            .xl\:py-12 {
                padding-bottom: 3rem;
                padding-top: 3rem
            }

            .xl\:py-\[120px\] {
                padding-bottom: 120px;
                padding-top: 120px
            }

            .xl\:py-\[156px\] {
                padding-bottom: 156px;
                padding-top: 156px
            }

            .xl\:py-\[160px\] {
                padding-bottom: 160px;
                padding-top: 160px
            }

            .xl\:pb-\[156px\] {
                padding-bottom: 156px
            }

            .xl\:text-left {
                text-align: left
            }

            .xl\:text-right {
                text-align: right
            }

            .xl\:text-start {
                text-align: start
            }

            .xl\:text-2xl {
                font-size: 1.5rem;
                line-height: 2rem
            }

            .xl\:text-5xl {
                font-size: 3rem;
                line-height: 1
            }

            .xl\:text-\[250px\] {
                font-size: 250px
            }

            .xl\:text-\[50px\] {
                font-size: 50px
            }

            .xl\:leading-\[68px\] {
                line-height: 68px
            }
        }

        @media (min-width:1536px) {
            .\32xl\:w-\[70\%\] {
                width: 70%
            }

            .\32xl\:gap-48 {
                gap: 12rem
            }

            .\32xl\:text-6xl {
                font-size: 3.75rem;
                line-height: 1
            }

            .\32xl\:text-\[290px\] {
                font-size: 290px
            }
        }
    </style>
    <style>
        .land-violet-info {
            background: linear-gradient(90deg, rgba(111, 75, 255, .15), rgba(51, 0, 255, .15))
        }

        @property --myColor1 {
            syntax: "<color>";
            initial-value: rgba(227, 213, 255, 0);
            inherits: false
        }

        @property --myColor2 {
            syntax: "<color>";
            initial-value: rgba(128, 0, 255, 0);
            inherits: false
        }

        @property --myColor3 {
            syntax: "<color>";
            initial-value: rgba(45, 0, 72, 0);
            inherits: false
        }

        .land-violet-card {
            background: radial-gradient(100% 100% at 0 0, var(--myColor1) 0, var(--myColor2) 51%, var(--myColor3) 100%);
            transition: --myColor1 1s, --myColor2 1s, --myColor3 1s cubic-bezier(.215, .61, .355, 1)
        }

        .land-violet-card:hover {
            --myColor1: rgba(227, 213, 255, .08);
            --myColor2: rgba(128, 0, 255, .1);
            --myColor3: rgba(45, 0, 72, .2)
        }

        .land-violet-bg {
            background: radial-gradient(100% 100% at 0 0, #8002ff 0, #0e001c 100%)
        }

        .land-violet-text {
            background: radial-gradient(75.46% 75.46% at 24.54% 24.42%, #f260ff 0, #913a99 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            mix-blend-mode: overlay;
            opacity: .24
        }

        .land-uptime-counter-main {
            background: radial-gradient(100% 548.25% at 0 0, #fff 0, hsla(0, 0%, 100%, .33) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text
        }

        .land-gray-button {
            background: hsla(0, 0%, 100%, .08);
            border-radius: 12px;
            color: #fff;
            font-family: Neue-Medium;
            font-size: 20px;
            font-style: normal;
            font-weight: 500;
            line-height: 23px
        }
    </style>
    <style>
        .footer-bg[data-v-b8da97ce] {
            background: linear-gradient(95.06deg, #070707 4.06%, #070017 104.86%);
            border-top: .75px solid #111;
            box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
        }
    </style>
    <style>
        .land-violet-button[data-v-a0c0126b] {
            background: radial-gradient(102.26% 102.26% at -2.26% 21.43%, hsla(0, 0%, 100%, .1) 0, hsla(0, 0%, 60%, .014) 100%)
        }
    </style>
    <style>
        .land-plan-card {
            background: radial-gradient(79.13% 79.13% at 20.87% 20.91%, rgba(114, 162, 255, .1) 0, rgba(80, 52, 255, .1) 52.5%, rgba(128, 0, 255, .1) 100%)
        }

        .land-plan-sub {
            align-items: center;
            background: hsla(0, 0%, 100%, .02);
            background-blend-mode: overlay;
            display: flex;
            font-size: 16px;
            justify-content: center;
            line-height: 15px;
            padding: 16px 20px
        }

        .land-plan-hashtag,
        .land-plan-sub {
            -webkit-backdrop-filter: blur(6px);
            backdrop-filter: blur(6px);
            border-radius: 12px;
            color: #fff;
            font-family: Neue-Medium;
            font-style: normal;
            font-weight: 500
        }

        .land-plan-hashtag {
            background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), rgba(114, 111, 255, .3);
            background-blend-mode: overlay, normal;
            font-size: 24px;
            line-height: 23px
        }
    </style>
    <link rel="stylesheet" href="_nuxt/default.BHMJUcvu.css">
    <link rel="stylesheet" href="_nuxt/virtual_public.BLNZrF44.css">
    <link rel="modulepreload" as="script" crossorigin="" href="_nuxt/C7w3jdHz.js">
    <link rel="modulepreload" as="script" crossorigin="" href="_nuxt/Cnj8QOo8.js">
    <link rel="modulepreload" as="script" crossorigin="" href="_nuxt/DccIB9JI.js">
    <link rel="modulepreload" as="script" crossorigin="" href="_nuxt/DfxXXNm7.js">
    <link rel="modulepreload" as="script" crossorigin="" href="_nuxt/CqVNjpvY.js">
    <link rel="modulepreload" as="script" crossorigin="" href="_nuxt/DM9TJpGF.js">
    <link rel="modulepreload" as="script" crossorigin="" href="_nuxt/EMjDf3NU.js">
    <link rel="modulepreload" as="script" crossorigin="" href="_nuxt/Bo6CcKqm.js">
    <link rel="modulepreload" as="script" crossorigin="" href="_nuxt/DlAUqK2U.js">
    <link rel="modulepreload" as="script" crossorigin="" href="_nuxt/Df72H0fk.js">
    <link rel="modulepreload" as="script" crossorigin="" href="_nuxt/CtVUAF7S.js">
    <link rel="modulepreload" as="script" crossorigin="" href="_nuxt/Br6h9dIL.js">
    <link rel="modulepreload" as="script" crossorigin="" href="_nuxt/DJw-0gtc.js">
    <link rel="modulepreload" as="script" crossorigin="" href="_nuxt/BhsiG2dK.js">
    <link rel="modulepreload" as="script" crossorigin="" href="_nuxt/r9_m5ZQ5.js">
    <link rel="prefetch" as="script" crossorigin="" href="_nuxt/DiqaaQ0g.js">
    <link rel="prefetch" as="script" crossorigin="" href="_nuxt/B7c0uEIi.js">
    <link rel="prefetch" as="script" crossorigin="" href="_nuxt/WLrtTGJo.js">
    <link rel="prefetch" as="script" crossorigin="" href="_nuxt/dBQEeHVq.js">
    <link rel="prefetch" as="script" crossorigin="" href="_nuxt/DfrNwnQp.js">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="title" content="CrystallСloud - Облачный хостинг-провайдер">
<meta name="description" content="CrystallСloud - Облачный хостинг-провайдер">
<meta name="keywords" content="CrystallСloud, CrystallСloud cloud, CrystallСloud hosting, кристалклауд, кристал хост, кристал хостинг, Майнкрафйт, vps хостинг, есплатный хостинг, apexnodes, gemely.pro, RussiaNodes, window vps, windows vps, дешевый vps, vps server, аренда vps сервера, vds, vds сервер, vds хостинг, аренда vds, vds window, vds windows">
<title>CrystallСloud - Современный облачный хостинг-провайдер</title>
<link rel="stylesheet" href="mystyles.css">
<link rel="stylesheet" href="altstyles.css">
<script defer="defer" src="all.js"></script>
<link rel="apple-touch-icon" sizes="180x180" href="https://i.imgur.com/7cky3sb.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://i.imgur.com/7cky3sb.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://i.imgur.com/7cky3sb.png">



<script src="dontcheckmycode.js"></script>
</head>
<header
                class="w-full px-4 lg:px-16 py-4  top-0 z-50 bg-black/85 border-neutral-900/50 backdrop-blur-md border-b smooth">
                <div class="flex items-center justify-between mx-auto max-w-[100rem]">
                    <div class="flex gap-32 items-center"><button
                            class="xl:hidden mx-2 p-2.5 rounded-full smooth hover:scale-[98%] active:scale-[95%] hover:opacity-90 active:opacity-80"><span
                                class="icon-[tabler--menu-2] text-neutral-100 size-[24px]"></span></button><a
                            aria-current="page" href="index.html"
                            class="router-link-active router-link-exact-active hidden xl:flex active:scale-90 text-white hover:text-zinc-300 cursor-pointer smooth"><img
                                class="w-[60px] h-auto" src="https://i.imgur.com/7cky3sb.png" rel="preload"></a>
                        <div class="hidden xl:flex gap-12 xl:center"><a aria-current="page" href="index.html"
                                class="router-link-active router-link-exact-active text-neutral-50 flex gap-4 items-center hover:scale-[98%] active:scale-[95%] hover:opacity-90 active:opacity-80 cursor-pointer smooth"><span
                                    class="icon-[tabler--home] size-5"></span>
                                <p class="text-base font-[Onest] font-medium">Главная</p>
                            </a><a aria-current="page" href="https://my.crystallcloud.ru"
                                class="router-link-active router-link-exact-active flex gap-4 text-neutral-50/50 hover:text-neutral-50 items-center hover:scale-[98%] active:scale-[95%] hover:opacity-90 active:opacity-80 cursor-pointer smooth"><span
                                    class="icon-[tabler--book] size-5"></span>
                                <p class="text-base font-[Onest] font-medium">Новости</p>
                            </a><a aria-current="page" href="https://my.crystallcloud.ru"
                                class="router-link-active router-link-exact-active flex gap-4 text-neutral-50/50 hover:text-neutral-50 items-center hover:scale-[98%] active:scale-[95%] hover:opacity-90 active:opacity-80 cursor-pointer smooth"><span
                                    class="icon-[tabler--headphones] size-5"></span>
                                <p class="text-base font-[Onest] font-medium">Поддержка</p>
                            </a><a aria-current="page" href="https://status.crystallcloud.ru"
                                class="router-link-active router-link-exact-active flex gap-4 text-neutral-50/50 hover:text-neutral-50 items-center hover:scale-[98%] active:scale-[95%] hover:opacity-90 active:opacity-80 cursor-pointer smooth"><span
                                    class="icon-[tabler--server] size-5"></span>
                                <p class="text-base font-[Onest] font-medium">Статус серверов</p>
                            </a></div>
                    </div><a aria-current="page" href="index.htm"
                        class="router-link-active router-link-exact-active flex xl:hidden active:scale-90 text-white hover:text-zinc-300 cursor-pointer smooth"><img
                            class="w-[60px] h-auto" src="logo.png" rel="preload"></a>
                    <div class="hidden xl:flex items-center gap-6"><button
                          
                            class="flex gap-4 px-6 py-3 bg-[#7D50FF]/10 rounded-lg items-center hover:scale-[98%] active:scale-[96%] hover:opacity-90 active:opacity-80 cursor-pointer smooth"><span
                                class="icon-[tabler--login-2] text-[#8B62FF] size-5"></span>
                            <p class="text-[#8B62FF] font-[Onest] font-medium">Личный кабинет</p>
                        </a></div>
                    <div class="flex xl:hidden items-center gap-6 mx-2"><a href="https://my.crystallcloud.ru"
                            class="flex gap-4 p-3 bg-[#7D50FF]/10 rounded-lg items-center hover:scale-[98%] active:scale-[96%] hover:opacity-90 active:opacity-80 cursor-pointer smooth"><span
                                class="icon-[tabler--login-2] text-[#8B62FF] size-5"></span></a></div>
                </div>
</nav>
<section class="section mt-6" id="main-section">
  <center>
    <div class="container my-4" bis_skin_checked="1">
      <p class="title is-size-2 is-size-4-touch has-text-white">
        <div class="grid gap-2">
          <h1 class="font-[Neue-Bold] text-neutral-50 text-4xl lg:text-5xl">Облачный хостинг</h1>
          <h2 class="font-[Neue-Bold] text-4xl lg:text-5xl bg-gradient-to-r bg-clip-text text-transparent from-[#D3A6FF] to-[#5900B1]">
            который точно тебе понравится!
          </h2>
        </div>
      </p>
    </div>
  </center>
  <div class="container mt-6" bis_skin_checked="1">
    <div class="columns is-justify-content-center" bis_skin_checked="1">
      <div class="column is-half" bis_skin_checked="1">
        <img src="https://i.imgur.com/7F6DEVK.png" alt="Cloud Hosting">
        <div class="columns is-overlay is-justify-content-center is-hidden-mobile" bis_skin_checked="1">
          <div class="column is-one-fifth" bis_skin_checked="1">
            <p class="has-text-white is-size-7-touch font-[Onest] font-medium" id="overlay-text-1">быстрота</p>
            <p class="has-text-white is-size-7-touch font-[Onest] font-medium" id="overlay-text-2">
              современная<br>панель управления
            </p>
          </div>
          <div class="column is-one-third is-flex is-align-items-flex-end" bis_skin_checked="1">
            <p class="has-text-white is-size-7-touch font-[Onest] font-medium" id="overlay-text-3">частые акции</p>
          </div>
          <div class="column is-one-fifth" bis_skin_checked="1">
            <p class="has-text-white is-size-7-touch font-[Onest] font-medium" id="overlay-text-4">удобство</p>
            <p class="has-text-white is-size-7-touch font-[Onest] font-medium" id="overlay-text-5">
              быстрая<br>техническая поддержка
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<div class="flex flex-col gap-12 xl:max-w-[100rem] xl:mx-auto px-8"><div class="flex gap-4 items-center justify-start"><h1 class="text-3xl font-[Neue-Bold] text-zinc-100 xl:text-5xl text-center xl:text-start">Почему мы?</h1><img src="/emoji/sparkles.png" class="size-10"></div><div class="flex flex-col xl:grid xl:grid-cols-3 gap-12 xl:justify-center smooth"><div class="group smooth hover:outline hover:outline-1 hover:outline-white/5 hover:outline-offset-[-1px] hover:scale-[98%] rounded-[8px]"><div class="land-violet-card rounded-[8px] p-7 flex flex-col gap-6 items-start justify-start text-left min-w-[310px] smooth"><div class="flex gap-8 items-center"><div class="flex rounded-lg p-5 bg-[#6562FF]/20"><img src="/emoji/fire.png" class="size-6"></div><p class="font-[Onest] font-medium text-white text-2xl">Быстрые серверы</p></div><p class="font-[Onest] font-light text-[#F0F0F0] text-lg">Мы используем самые современные процессоры высокой частоты которые гарантируют максимальную производительность вашего сервера.</p></div></div><div class="group smooth hover:outline hover:outline-1 hover:outline-white/5 hover:outline-offset-[-1px] hover:scale-[98%] rounded-[8px]"><div class="land-violet-card rounded-[8px] p-7 flex flex-col gap-6 items-start justify-start text-left min-w-[310px] smooth"><div class="flex gap-8 items-center"><div class="flex rounded-lg p-5 bg-[#6562FF]/20"><img src="/emoji/shield-2.png" class="size-6"></div><p class="font-[Onest] font-medium text-white text-2xl">Защита от DDoS</p></div><p class="font-[Onest] font-light text-[#F0F0F0] text-lg">Все серверы имеют сеть с низкой задержкой и каналом в 1 Гбит/с. На платных тарифах стоит мощная защита от DDoS-атак.</p></div></div><div class="group smooth hover:outline hover:outline-1 hover:outline-white/5 hover:outline-offset-[-1px] hover:scale-[98%] rounded-[8px]"><div class="land-violet-card rounded-[8px] p-7 flex flex-col gap-6 items-start justify-start text-left min-w-[310px] smooth"><div class="flex gap-8 items-center"><div class="flex rounded-lg p-5 bg-[#6562FF]/20"><img src="/emoji/leaf.png" class="size-6"></div><p class="font-[Onest] font-medium text-white text-2xl">Надёжные дата-центры</p></div><p class="font-[Onest] font-light text-[#F0F0F0] text-lg">Серверы раземещены в центрах обработки данных “InterXion”, “ММТС-9” которые соответствуют самым высоким стандартам с полной физической и аппаратной защитой.</p></div></div><div class="group smooth hover:outline hover:outline-1 hover:outline-white/5 hover:outline-offset-[-1px] hover:scale-[98%] rounded-[8px]"><div class="land-violet-card rounded-[8px] p-7 flex flex-col gap-6 items-start justify-start text-left min-w-[310px] smooth"><div class="flex gap-8 items-center"><div class="flex rounded-lg p-5 bg-[#6562FF]/20"><img src="/emoji/headphones.png" class="size-6"></div><p class="font-[Onest] font-medium text-white text-2xl">Оперативная поддержка</p></div><p class="font-[Onest] font-light text-[#F0F0F0] text-lg">Наша поддержка готова помочь вам в любое время суток и проконсультировать вас по любому вопросу. Работаем 24/7.</p></div></div><div class="group smooth hover:outline hover:outline-1 hover:outline-white/5 hover:outline-offset-[-1px] hover:scale-[98%] rounded-[8px]"><div class="land-violet-card rounded-[8px] p-7 flex flex-col gap-6 items-start justify-start text-left min-w-[310px] smooth"><div class="flex gap-8 items-center"><div class="flex rounded-lg p-5 bg-[#6562FF]/20"><img src="/emoji/rocket.png" class="size-6"></div><p class="font-[Onest] font-medium text-white text-2xl">Минимальный пинг</p></div><p class="font-[Onest] font-light text-[#F0F0F0] text-lg">Наши узлы расположены в Германии и Москве, что способствует низкому пингу и задержке во время игры.</p></div></div><div class="group smooth hover:outline hover:outline-1 hover:outline-white/5 hover:outline-offset-[-1px] hover:scale-[98%] rounded-[8px]"><div class="land-violet-card rounded-[8px] p-7 flex flex-col gap-6 items-start justify-start text-left min-w-[310px] smooth"><div class="flex gap-8 items-center"><div class="flex rounded-lg p-5 bg-[#6562FF]/20"><img src="/emoji/puzzle.png" class="size-6"></div><p class="font-[Onest] font-medium text-white text-2xl">Поддержка модов</p></div><p class="font-[Onest] font-light text-[#F0F0F0] text-lg">Мы поддерживаем как плагины, так и моды. Их число не ограничено. Вы сможете реализовать ваши самые интересные мысли!</p></div></div></div></div>

<section class="section pb-0" id="services-section">
<center>
<div class="container" bis_skin_checked="1">
<p class="title has-text-white is-2 mb-6">
Наши услуги
</p>
</div>
</center>
<div class="container" bis_skin_checked="1">
<div class="columns" bis_skin_checked="1">
<div class="column" bis_skin_checked="1">
<div class="card has-background-black has-card-border" bis_skin_checked="1">
<div class="card-content px-6" bis_skin_checked="1">
<p class="title is-4 has-text-white py-5">Game сервера</p>
<p class="subtitle is-6 is-7-desktop has-text-white ">Гибкие в конфигурации серверы на базе мощнейших Ryzen 9<br> процессоров </p>
<p class="subtitle is-6 has-text-white ">Идеально подходит для любых проектов,<br> а также под Velocity</p>
<div class="content noSelection" bis_skin_checked="1">
<button class="button is-primary is-outlined has-text-white mr-3 mb-4 is-static">DDos защита</button>
<button class="button is-info is-outlined has-text-white mb-4 is-static">Надёжность</button><br>
<button class="button is-success is-outlined has-text-white is-static">Мощный процессор</button>
<br>
<p class="has-text-white py-5">от 42р./месяц</p>
</div>
</div>
</div>
</div>
<div class="column" bis_skin_checked="1">
<div class="card has-background-black has-card-border" bis_skin_checked="1">
<div class="card-content px-6" bis_skin_checked="1">
<p class="title is-4 has-text-white py-5">Coding сервера</p>
<p class="subtitle is-6 is-7-desktop has-text-white ">Подходит для: Python, NodeJs и 11 других<br>На базе процессоров Intel core I9</p>
<p class="subtitle is-6 has-text-white ">Идеально подходит для ботов,<br> а также под любые програмы на Python, NodeJs и др</p>
<div class="content noSelection" bis_skin_checked="1">
<button class="button is-primary is-outlined has-text-white mr-3 mb-4 is-static">Низкий пинг</button>
<button class="button is-info is-outlined has-text-white mb-4 is-static">Надёжность</button><br>
<button class="button is-success is-outlined has-text-white is-static">Мощный процессор</button>
<br>
<p class="has-text-white py-5">от 12р./месяц</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section" id="rates-section">
<div class="container" bis_skin_checked="1">
<p class="title has-text-white is-4 pb-4">
Тарифы
</p>
</div>
<div class="container" bis_skin_checked="1">
    <div class="bg-[#454545]/10 block lg:flex w-full relative justify-between rounded-[12px] py-8 px-10 lg:py-14 lg:px-20 outline outline-2 outline-white/5 outline-offset-[-2px]">
    <div class="grid gap-6">
        <div class="grid lg:flex gap-5 items-center">
            <div class="flex gap-5 items-center"><img src="country/ge.png" class="size-9">
                <div class="flex lg:hidden relative z-10">
                    <div class="flex gap-4 items-stretch"><span class="icon-[tabler--device-gamepad-2] size-8 text-white -mt-1"></span></div><!---->
                </div>
            </div>
            <h1 class="font-[Onest] font-semibold text-4xl text-white">GAME-FREE</h1>
            <div class="hidden lg:flex relative z-10">
                <div class="flex gap-4 items-stretch"><span class="icon-[tabler--device-gamepad-2] size-8 text-white -mt-1"></span></div><!---->
            </div>
        </div><!---->
        <div class="grid sm:flex gap-4 lg:justify-start w-full py-4 lg:py-0">
            <div
                class="land-plan-sub outline outline-1 outline-white/5 outline-offset-[-1px]">
                <p>100% CPU</p>
            </div>
            <div
                class="land-plan-sub outline outline-1 outline-white/5 outline-offset-[-1px]">
                <p>10GB DDR4</p>
            </div>
            <div
                class="land-plan-sub outline outline-1 outline-white/5 outline-offset-[-1px]">
                <p>5GB NVMe</p>
            </div>
        </div>
    </div>
    <div class="grid lg:flex gap-14 w-full lg:w-auto items-center"><!---->
        <div class="grid relative py-4 lg:py-0">
            <p
                class="text-white font-[Onest] text-white text-6xl lg:text-7xl text-left font-semibold">
                0₽</p>
            <div
                class="flex items-start lg:items-end justify-start lg:justify-end absolute left-0 lg:right-0 -bottom-6">
                <p class="font-[Onest] text-white/50 font-medium text-lg">в месяц</p>
            </div>
        </div>
        <div class="flex items-center"><a href=""
                class="land-plan-sub gap-4 outline outline-1 outline-white/5 outline-offset-[-1px] hover:scale-[98%] active:scale-[96%] hover:opacity-90 active:opacity-80 cursor-pointer smooth"><span
                    class="icon-[tabler--shopping-bag] text-white size-5"></span>
                <p>Приобрести - 0₽</p>
            </a></div>
    </div>
</div>
    <div class="bg-[#454545]/10 block lg:flex w-full relative justify-between rounded-[12px] py-8 px-10 lg:py-14 lg:px-20 outline outline-2 outline-white/5 outline-offset-[-2px]">
    <div class="grid gap-6">
        <div class="grid lg:flex gap-5 items-center">
            <div class="flex gap-5 items-center"><img src="country/ge.png" class="size-9">
                <div class="flex lg:hidden relative z-10">
                    <div class="flex gap-4 items-stretch"><span class="icon-[tabler--device-gamepad-2] size-8 text-white -mt-1"></span></div><!---->
                </div>
            </div>
            <h1 class="font-[Onest] font-semibold text-4xl text-white">GAME-CUSTOM</h1>
            <div class="hidden lg:flex relative z-10">
                <div class="flex gap-4 items-stretch"><span class="icon-[tabler--device-gamepad-2] size-8 text-white -mt-1"></span></div><!---->
            </div>
        </div><!---->
        <div class="grid sm:flex gap-4 lg:justify-start w-full py-4 lg:py-0">
            <div
                class="land-plan-sub outline outline-1 outline-white/5 outline-offset-[-1px]">
                <p>ДО 600% CPU</p>
            </div>
            <div
                class="land-plan-sub outline outline-1 outline-white/5 outline-offset-[-1px]">
                <p>ДО 20GB DDR4</p>
            </div>
            <div
                class="land-plan-sub outline outline-1 outline-white/5 outline-offset-[-1px]">
                <p>ДО 100GB NVMe</p>
            </div>
        </div>
    </div>
    <div class="grid lg:flex gap-14 w-full lg:w-auto items-center"><!---->
        <div class="grid relative py-4 lg:py-0">
            <p
                class="text-white font-[Onest] text-white text-6xl lg:text-7xl text-left font-semibold">
                ???₽</p>
            <div
                class="flex items-start lg:items-end justify-start lg:justify-end absolute left-0 lg:right-0 -bottom-6">
                <p class="font-[Onest] text-white/50 font-medium text-lg">в месяц</p>
            </div>
        </div>
        <div class="flex items-center"><a href=""
                class="land-plan-sub gap-4 outline outline-1 outline-white/5 outline-offset-[-1px] hover:scale-[98%] active:scale-[96%] hover:opacity-90 active:opacity-80 cursor-pointer smooth"><span
                    class="icon-[tabler--shopping-bag] text-white size-5"></span>
                <p>Приобрести - ???₽</p>
            </a></div>
    </div>
</div>
    <div class="bg-[#454545]/10 block lg:flex w-full relative justify-between rounded-[12px] py-8 px-10 lg:py-14 lg:px-20 outline outline-2 outline-white/5 outline-offset-[-2px]">
    <div class="grid gap-6">
        <div class="grid lg:flex gap-5 items-center">
            <div class="flex gap-5 items-center"><img src="country/ge.png" class="size-9">
                <div class="flex lg:hidden relative z-10">
                    <div class="flex gap-4 items-stretch"><span class="icon-[tabler--device-gamepad-2] size-8 text-white -mt-1"></span></div><!---->
                </div>
            </div>
            <h1 class="font-[Onest] font-semibold text-4xl text-white">GAME-NULL</h1>
            <div class="hidden lg:flex relative z-10">
                <div class="flex gap-4 items-stretch"><span class="icon-[tabler--device-gamepad-2] size-8 text-white -mt-1"></span></div><!---->
            </div>
        </div><!---->
        <div class="grid sm:flex gap-4 lg:justify-start w-full py-4 lg:py-0">
            <div
                class="land-plan-sub outline outline-1 outline-white/5 outline-offset-[-1px]">
                <p>50% CPU</p>
            </div>
            <div
                class="land-plan-sub outline outline-1 outline-white/5 outline-offset-[-1px]">
                <p>1.5GB DDR4</p>
            </div>
            <div
                class="land-plan-sub outline outline-1 outline-white/5 outline-offset-[-1px]">
                <p>8GB NVMe</p>
            </div>
        </div>
    </div>
    <div class="grid lg:flex gap-14 w-full lg:w-auto items-center"><!---->
        <div class="grid relative py-4 lg:py-0">
            <p
                class="text-white font-[Onest] text-white text-6xl lg:text-7xl text-left font-semibold">
                42₽</p>
            <div
                class="flex items-start lg:items-end justify-start lg:justify-end absolute left-0 lg:right-0 -bottom-6">
                <p class="font-[Onest] text-white/50 font-medium text-lg">в месяц</p>
            </div>
        </div>
        <div class="flex items-center"><a href=""
                class="land-plan-sub gap-4 outline outline-1 outline-white/5 outline-offset-[-1px] hover:scale-[98%] active:scale-[96%] hover:opacity-90 active:opacity-80 cursor-pointer smooth"><span
                    class="icon-[tabler--shopping-bag] text-white size-5"></span>
                <p>Приобрести - 42₽</p>
            </a></div>
    </div>
</div>
    <div class="bg-[#454545]/10 block lg:flex w-full relative justify-between rounded-[12px] py-8 px-10 lg:py-14 lg:px-20 outline outline-2 outline-white/5 outline-offset-[-2px]">
    <div class="grid gap-6">
        <div class="grid lg:flex gap-5 items-center">
            <div class="flex gap-5 items-center"><img src="country/ge.png" class="size-9">
                <div class="flex lg:hidden relative z-10">
                    <div class="flex gap-4 items-stretch"><span class="icon-[tabler--device-gamepad-2] size-8 text-white -mt-1"></span></div><!---->
                </div>
            </div>
            <h1 class="font-[Onest] font-semibold text-4xl text-white">GAME-MINI</h1>
            <div class="hidden lg:flex relative z-10">
                <div class="flex gap-4 items-stretch"><span class="icon-[tabler--device-gamepad-2] size-8 text-white -mt-1"></span></div><!---->
            </div>
        </div><!---->
        <div class="grid sm:flex gap-4 lg:justify-start w-full py-4 lg:py-0">
            <div
                class="land-plan-sub outline outline-1 outline-white/5 outline-offset-[-1px]">
                <p>100% CPU</p>
            </div>
            <div
                class="land-plan-sub outline outline-1 outline-white/5 outline-offset-[-1px]">
                <p>3GB DDR4</p>
            </div>
            <div
                class="land-plan-sub outline outline-1 outline-white/5 outline-offset-[-1px]">
                <p>10GB NVMe</p>
            </div>
        </div>
    </div>
    <div class="grid lg:flex gap-14 w-full lg:w-auto items-center"><!---->
        <div class="grid relative py-4 lg:py-0">
            <p
                class="text-white font-[Onest] text-white text-6xl lg:text-7xl text-left font-semibold">
                119₽</p>
            <div
                class="flex items-start lg:items-end justify-start lg:justify-end absolute left-0 lg:right-0 -bottom-6">
                <p class="font-[Onest] text-white/50 font-medium text-lg">в месяц</p>
            </div>
        </div>
        <div class="flex items-center"><a href=""
                class="land-plan-sub gap-4 outline outline-1 outline-white/5 outline-offset-[-1px] hover:scale-[98%] active:scale-[96%] hover:opacity-90 active:opacity-80 cursor-pointer smooth"><span
                    class="icon-[tabler--shopping-bag] text-white size-5"></span>
                <p>Приобрести - 119₽</p>
            </a></div>
    </div>
</div>
    <div class="bg-[#454545]/10 block lg:flex w-full relative justify-between rounded-[12px] py-8 px-10 lg:py-14 lg:px-20 outline outline-2 outline-white/5 outline-offset-[-2px]">
    <div class="grid gap-6">
        <div class="grid lg:flex gap-5 items-center">
            <div class="flex gap-5 items-center"><img src="country/ge.png" class="size-9">
                <div class="flex lg:hidden relative z-10">
                    <div class="flex gap-4 items-stretch"><span class="icon-[tabler--device-gamepad-2] size-8 text-white -mt-1"></span></div><!---->
                </div>
            </div>
            <h1 class="font-[Onest] font-semibold text-4xl text-white">GAME-BASIC</h1>
            <div class="hidden lg:flex relative z-10">
                <div class="flex gap-4 items-stretch"><span class="icon-[tabler--device-gamepad-2] size-8 text-white -mt-1"></span></div><!---->
            </div>
        </div><!---->
        <div class="grid sm:flex gap-4 lg:justify-start w-full py-4 lg:py-0">
            <div
                class="land-plan-sub outline outline-1 outline-white/5 outline-offset-[-1px]">
                <p>175% CPU</p>
            </div>
            <div
                class="land-plan-sub outline outline-1 outline-white/5 outline-offset-[-1px]">
                <p>6GB DDR4</p>
            </div>
            <div
                class="land-plan-sub outline outline-1 outline-white/5 outline-offset-[-1px]">
                <p>20GB NVMe</p>
            </div>
        </div>
    </div>
    <div class="grid lg:flex gap-14 w-full lg:w-auto items-center"><!---->
        <div class="grid relative py-4 lg:py-0">
            <p
                class="text-white font-[Onest] text-white text-6xl lg:text-7xl text-left font-semibold">
                229₽</p>
            <div
                class="flex items-start lg:items-end justify-start lg:justify-end absolute left-0 lg:right-0 -bottom-6">
                <p class="font-[Onest] text-white/50 font-medium text-lg">в месяц</p>
            </div>
        </div>
        <div class="flex items-center"><a href=""
                class="land-plan-sub gap-4 outline outline-1 outline-white/5 outline-offset-[-1px] hover:scale-[98%] active:scale-[96%] hover:opacity-90 active:opacity-80 cursor-pointer smooth"><span
                    class="icon-[tabler--shopping-bag] text-white size-5"></span>
                <p>Приобрести - 229₽</p>
            </a></div>
    </div>
</div>
    <div class="bg-[#454545]/10 block lg:flex w-full relative justify-between rounded-[12px] py-8 px-10 lg:py-14 lg:px-20 outline outline-2 outline-white/5 outline-offset-[-2px]">
    <div class="grid gap-6">
        <div class="grid lg:flex gap-5 items-center">
            <div class="flex gap-5 items-center"><img src="country/ge.png" class="size-9">
                <div class="flex lg:hidden relative z-10">
                    <div class="flex gap-4 items-stretch"><span class="icon-[tabler--device-gamepad-2] size-8 text-white -mt-1"></span></div><!---->
                </div>
            </div>
            <h1 class="font-[Onest] font-semibold text-4xl text-white">GAME-CORE</h1>
            <div class="hidden lg:flex relative z-10">
                <div class="flex gap-4 items-stretch"><span class="icon-[tabler--device-gamepad-2] size-8 text-white -mt-1"></span></div><!---->
            </div>
        </div><!---->
        <div class="grid sm:flex gap-4 lg:justify-start w-full py-4 lg:py-0">
            <div
                class="land-plan-sub outline outline-1 outline-white/5 outline-offset-[-1px]">
                <p>250% CPU</p>
            </div>
            <div
                class="land-plan-sub outline outline-1 outline-white/5 outline-offset-[-1px]">
                <p>9GB DDR4</p>
            </div>
            <div
                class="land-plan-sub outline outline-1 outline-white/5 outline-offset-[-1px]">
                <p>35GB NVMe</p>
            </div>
        </div>
    </div>
    <div class="grid lg:flex gap-14 w-full lg:w-auto items-center"><!---->
        <div class="grid relative py-4 lg:py-0">
            <p
                class="text-white font-[Onest] text-white text-6xl lg:text-7xl text-left font-semibold">
                349₽</p>
            <div
                class="flex items-start lg:items-end justify-start lg:justify-end absolute left-0 lg:right-0 -bottom-6">
                <p class="font-[Onest] text-white/50 font-medium text-lg">в месяц</p>
            </div>
        </div>
        <div class="flex items-center"><a href=""
                class="land-plan-sub gap-4 outline outline-1 outline-white/5 outline-offset-[-1px] hover:scale-[98%] active:scale-[96%] hover:opacity-90 active:opacity-80 cursor-pointer smooth"><span
                    class="icon-[tabler--shopping-bag] text-white size-5"></span>
                <p>Приобрести - 349₽</p>
            </a></div>
    </div>
</div>
    <div class="bg-[#454545]/10 block lg:flex w-full relative justify-between rounded-[12px] py-8 px-10 lg:py-14 lg:px-20 outline outline-2 outline-white/5 outline-offset-[-2px]">
    <div class="grid gap-6">
        <div class="grid lg:flex gap-5 items-center">
            <div class="flex gap-5 items-center"><img src="country/ge.png" class="size-9">
                <div class="flex lg:hidden relative z-10">
                    <div class="flex gap-4 items-stretch"><span class="icon-[tabler--device-gamepad-2] size-8 text-white -mt-1"></span></div><!---->
                </div>
            </div>
            <h1 class="font-[Onest] font-semibold text-4xl text-white">GAME-PRIME</h1>
            <div class="hidden lg:flex relative z-10">
                <div class="flex gap-4 items-stretch"><span class="icon-[tabler--device-gamepad-2] size-8 text-white -mt-1"></span></div><!---->
            </div>
        </div><!---->
        <div class="grid sm:flex gap-4 lg:justify-start w-full py-4 lg:py-0">
            <div
                class="land-plan-sub outline outline-1 outline-white/5 outline-offset-[-1px]">
                <p>300% CPU</p>
            </div>
            <div
                class="land-plan-sub outline outline-1 outline-white/5 outline-offset-[-1px]">
                <p>12GB DDR4</p>
            </div>
            <div
                class="land-plan-sub outline outline-1 outline-white/5 outline-offset-[-1px]">
                <p>50GB NVMe</p>
            </div>
        </div>
    </div>
    <div class="grid lg:flex gap-14 w-full lg:w-auto items-center"><!---->
        <div class="grid relative py-4 lg:py-0">
            <p
                class="text-white font-[Onest] text-white text-6xl lg:text-7xl text-left font-semibold">
                499₽</p>
            <div
                class="flex items-start lg:items-end justify-start lg:justify-end absolute left-0 lg:right-0 -bottom-6">
                <p class="font-[Onest] text-white/50 font-medium text-lg">в месяц</p>
            </div>
        </div>
        <div class="flex items-center"><a href=""
                class="land-plan-sub gap-4 outline outline-1 outline-white/5 outline-offset-[-1px] hover:scale-[98%] active:scale-[96%] hover:opacity-90 active:opacity-80 cursor-pointer smooth"><span
                    class="icon-[tabler--shopping-bag] text-white size-5"></span>
                <p>Приобрести - 499₽</p>
            </a></div>
    </div>
</div>
    <div class="bg-[#454545]/10 block lg:flex w-full relative justify-between rounded-[12px] py-8 px-10 lg:py-14 lg:px-20 outline outline-2 outline-white/5 outline-offset-[-2px]">
    <div class="grid gap-6">
        <div class="grid lg:flex gap-5 items-center">
            <div class="flex gap-5 items-center"><img src="country/ge.png" class="size-9">
                <div class="flex lg:hidden relative z-10">
                    <div class="flex gap-4 items-stretch"><span class="icon-[tabler--device-gamepad-2] size-8 text-white -mt-1"></span></div><!---->
                </div>
            </div>
            <h1 class="font-[Onest] font-semibold text-4xl text-white">GAME-CORE</h1>
            <div class="hidden lg:flex relative z-10">
                <div class="flex gap-4 items-stretch"><span class="icon-[tabler--device-gamepad-2] size-8 text-white -mt-1"></span></div><!---->
            </div>
        </div><!---->
        <div class="grid sm:flex gap-4 lg:justify-start w-full py-4 lg:py-0">
            <div
                class="land-plan-sub outline outline-1 outline-white/5 outline-offset-[-1px]">
                <p>250% CPU</p>
            </div>
            <div
                class="land-plan-sub outline outline-1 outline-white/5 outline-offset-[-1px]">
                <p>9GB DDR4</p>
            </div>
            <div
                class="land-plan-sub outline outline-1 outline-white/5 outline-offset-[-1px]">
                <p>35GB NVMe</p>
            </div>
        </div>
    </div>
    <div class="grid lg:flex gap-14 w-full lg:w-auto items-center"><!---->
        <div class="grid relative py-4 lg:py-0">
            <p
                class="text-white font-[Onest] text-white text-6xl lg:text-7xl text-left font-semibold">
                349₽</p>
            <div
                class="flex items-start lg:items-end justify-start lg:justify-end absolute left-0 lg:right-0 -bottom-6">
                <p class="font-[Onest] text-white/50 font-medium text-lg">в месяц</p>
            </div>
        </div>
        <div class="flex items-center"><a href=""
                class="land-plan-sub gap-4 outline outline-1 outline-white/5 outline-offset-[-1px] hover:scale-[98%] active:scale-[96%] hover:opacity-90 active:opacity-80 cursor-pointer smooth"><span
                    class="icon-[tabler--shopping-bag] text-white size-5"></span>
                <p>Приобрести - 349₽</p>
            </a></div>
    </div>
</div>
     <div class="bg-[#454545]/10 block lg:flex w-full relative justify-between rounded-[12px] py-8 px-10 lg:py-14 lg:px-20 outline outline-2 outline-white/5 outline-offset-[-2px]">
    <div class="grid gap-6">
        <div class="grid lg:flex gap-5 items-center">
            <div class="flex gap-5 items-center"><img src="country/ge.png" class="size-9">
                <div class="flex lg:hidden relative z-10">
                    <div class="flex gap-4 items-stretch"><span class="icon-[tabler--device-gamepad-2] size-8 text-white -mt-1"></span></div><!---->
                </div>
            </div>
            <h1 class="font-[Onest] font-semibold text-4xl text-white">GAME-ULTRA</h1>
            <div class="hidden lg:flex relative z-10">
                <div class="flex gap-4 items-stretch"><span class="icon-[tabler--device-gamepad-2] size-8 text-white -mt-1"></span></div><!---->
            </div>
        </div><!---->
        <div class="grid sm:flex gap-4 lg:justify-start w-full py-4 lg:py-0">
            <div
                class="land-plan-sub outline outline-1 outline-white/5 outline-offset-[-1px]">
                <p>400% CPU Ryzen 5950X </p>
            </div>
            <div
                class="land-plan-sub outline outline-1 outline-white/5 outline-offset-[-1px]">
                <p>16GB DDR4</p>
            </div>
            <div
                class="land-plan-sub outline outline-1 outline-white/5 outline-offset-[-1px]">
                <p>70GB NVMe</p>
            </div>
        </div>
    </div>
    <div class="grid lg:flex gap-14 w-full lg:w-auto items-center"><!---->
        <div class="grid relative py-4 lg:py-0">
            <p
                class="text-white font-[Onest] text-white text-6xl lg:text-7xl text-left font-semibold">
                649₽</p>
            <div
                class="flex items-start lg:items-end justify-start lg:justify-end absolute left-0 lg:right-0 -bottom-6">
                <p class="font-[Onest] text-white/50 font-medium text-lg">в месяц</p>
            </div>
        </div>
        <div class="flex items-center"><a href=""
                class="land-plan-sub gap-4 outline outline-1 outline-white/5 outline-offset-[-1px] hover:scale-[98%] active:scale-[96%] hover:opacity-90 active:opacity-80 cursor-pointer smooth"><span
                    class="icon-[tabler--shopping-bag] text-white size-5"></span>
                <p>Приобрести - 649₽</p>
            </a></div>
    </div>
</div>
     <div class="bg-[#454545]/10 block lg:flex w-full relative justify-between rounded-[12px] py-8 px-10 lg:py-14 lg:px-20 outline outline-2 outline-white/5 outline-offset-[-2px]">
    <div class="grid gap-6">
        <div class="grid lg:flex gap-5 items-center">
            <div class="flex gap-5 items-center"><img src="country/ge.png" class="size-9">
                <div class="flex lg:hidden relative z-10">
                    <div class="flex gap-4 items-stretch"><span class="icon-[tabler--device-gamepad-2] size-8 text-white -mt-1"></span></div><!---->
                </div>
            </div>
            <h1 class="font-[Onest] font-semibold text-4xl text-white">GAME-MAX</h1>
            <div class="hidden lg:flex relative z-10">
                <div class="flex gap-4 items-stretch"><span class="icon-[tabler--device-gamepad-2] size-8 text-white -mt-1"></span></div><!---->
            </div>
        </div><!---->
        <div class="grid sm:flex gap-4 lg:justify-start w-full py-4 lg:py-0">
            <div
                class="land-plan-sub outline outline-1 outline-white/5 outline-offset-[-1px]">
                <p>500% CPU Ryzen 5950X </p>
            </div>
            <div
                class="land-plan-sub outline outline-1 outline-white/5 outline-offset-[-1px]">
                <p>20GB DDR4</p>
            </div>
            <div
                class="land-plan-sub outline outline-1 outline-white/5 outline-offset-[-1px]">
                <p>100GB NVMe</p>
            </div>
        </div>
    </div>
    <div class="grid lg:flex gap-14 w-full lg:w-auto items-center"><!---->
        <div class="grid relative py-4 lg:py-0">
            <p
                class="text-white font-[Onest] text-white text-6xl lg:text-7xl text-left font-semibold">
                849₽</p>
            <div
                class="flex items-start lg:items-end justify-start lg:justify-end absolute left-0 lg:right-0 -bottom-6">
                <p class="font-[Onest] text-white/50 font-medium text-lg">в месяц</p>
            </div>
        </div>
        <div class="flex items-center"><a href=""
                class="land-plan-sub gap-4 outline outline-1 outline-white/5 outline-offset-[-1px] hover:scale-[98%] active:scale-[96%] hover:opacity-90 active:opacity-80 cursor-pointer smooth"><span
                    class="icon-[tabler--shopping-bag] text-white size-5"></span>
                <p>Приобрести - 849₽</p>
            </a></div>
    </div>
</div>
<p class="subtitle is-6 has-text-white mb-0 mt-5">Не подходят тарифы? <a class="has-text-success" href="https://my.crystallcloud.ru">Свяжитесь с нами</a></p>
<p class="subtitle is-6 has-text-white ">и мы подготовим для вас индивидуальное решение</p>
</div>
</section>
<section class="section is-medium has-background-grey-dark">
<div class="container" bis_skin_checked="1">
<div class="columns" bis_skin_checked="1">
<div class="column p-3 pt-1 is-flex-mobile is-flex-wrap-wrap is-justify-content-center" bis_skin_checked="1">
<p class="subtitle is-1 is-size-2-touch has-text-white pb-6">Быстрая<br>техническая<br> поддержка,<br> поможет в<br> любой<br> момент</p>
<div class="container is-flex-mobile is-justify-content-center" bis_skin_checked="1">
<div class="columns is-flex" bis_skin_checked="1">
<div class="column is-narrow" bis_skin_checked="1">
<p class="title is-5 is-size-6-touch has-text-white py-2"><a href="https://my.crystallcloud.ru">НАПИСАТЬ</a></p>
</div>
<div class="column is-narrow" bis_skin_checked="1">
<svg width="90" height="36" viewBox="0 0 122 45" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.401245 24.4731C3.82622 25.7475 8.99378 28.3224 13.2642 31.842C17.592 35.4089 20.5987 39.6059 20.5987 44.0986H24.5987C24.5987 37.7913 20.4388 32.5717 15.8082 28.7553C13.9003 27.1828 11.8443 25.7906 9.8244 24.5986H121.099V24.0986V20.5986V20.0986H9.8244C11.8443 18.9066 13.9003 17.5145 15.8082 15.942C20.4388 12.1256 24.5987 6.90593 24.5987 0.598633H20.5987C20.5987 5.09133 17.592 9.28837 13.2642 12.8553C8.99378 16.3749 3.82622 18.9498 0.401245 20.2242L0.783682 22.3486L0.401245 24.4731Z" fill="white"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="column" bis_skin_checked="1">
<img src="https://i.imgur.com/n5UTCTW.png">
</div>
<div class="column p-6 pt-1 is-flex is-flex-wrap-wrap is-justify-content-center" bis_skin_checked="1">
<div class="container is-flex is-justify-content-center" bis_skin_checked="1">
<div class="columns is-flex" bis_skin_checked="1">
<div class="column is-narrow" bis_skin_checked="1">
<p class="title is-5 is-size-6-touch has-text-white py-2"><a href="https://my.crystallcloud.ru">НАПИСАТЬ</a></p>
</div>
<div class="column is-narrow" bis_skin_checked="1">
<svg width="90" height="36" viewBox="0 0 122 45" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.401245 24.4731C3.82622 25.7475 8.99378 28.3224 13.2642 31.842C17.592 35.4089 20.5987 39.6059 20.5987 44.0986H24.5987C24.5987 37.7913 20.4388 32.5717 15.8082 28.7553C13.9003 27.1828 11.8443 25.7906 9.8244 24.5986H121.099V24.0986V20.5986V20.0986H9.8244C11.8443 18.9066 13.9003 17.5145 15.8082 15.942C20.4388 12.1256 24.5987 6.90593 24.5987 0.598633H20.5987C20.5987 5.09133 17.592 9.28837 13.2642 12.8553C8.99378 16.3749 3.82622 18.9498 0.401245 20.2242L0.783682 22.3486L0.401245 24.4731Z" fill="white"></path>
</svg>
</div>
</div>
</div>
<p class="subtitle is-1 is-size-2-touch has-text-white py-6">Отвечаем<br> чаще, чем<br> через<br> несколько<br> лет</p>
</div>
</div>
</div>
</section>
<section class="section is-medium" id="reviews-section">
<div class="container" bis_skin_checked="1">
<div class="columns is-justify-content-center" bis_skin_checked="1">
<div class="column is-one-third" bis_skin_checked="1">
<div class="card has-background-grey-dark mb-6" bis_skin_checked="1">
<div class="card-header has-background-black" bis_skin_checked="1">
<div class="card-header-title p-0" bis_skin_checked="1">
<span class="icon has-text-success"><svg class="svg-inline--fa fa-circle fa-w-16" aria-hidden="true" data-prefix="fas" data-icon="circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg><!-- <i class="fas fa-circle"></i> --></span>
<span class="icon has-text-info"><svg class="svg-inline--fa fa-circle fa-w-16" aria-hidden="true" data-prefix="fas" data-icon="circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg><!-- <i class="fas fa-circle"></i> --></span>
</div>
</div>
<div class="card-content" bis_skin_checked="1">
<a href="https://imgur.com/HOlsNcM">
<p class="subtitle is-4 has-text-white mb-2">gusblyat</p>
</a>
<p class="has-text-grey-light is-size-7-touch">Хостинг топ! <br>Хостинг - топ за свои деньги, я в плохой тайминг на него перешел конечно, а сейчас вообще имба)<br> Рекомендую!</p>
</div>
</div>
</div>
<div class="column is-one-third" bis_skin_checked="1">
<div class="card has-background-grey-dark mt-6" bis_skin_checked="1">
<div class="card-header has-background-black" bis_skin_checked="1">
<div class="card-header-title p-0" bis_skin_checked="1">
<span class="icon has-text-success"><svg class="svg-inline--fa fa-circle fa-w-16" aria-hidden="true" data-prefix="fas" data-icon="circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg><!-- <i class="fas fa-circle"></i> --></span>
<span class="icon has-text-info"><svg class="svg-inline--fa fa-circle fa-w-16" aria-hidden="true" data-prefix="fas" data-icon="circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg><!-- <i class="fas fa-circle"></i> --></span>
</div>
</div>
<div class="card-content" bis_skin_checked="1">
<a href="https://i.imgur.com/JmYqKvF.png">
<p class="subtitle is-4 has-text-white mb-2">Lekway_</p>
</a>  
<p class="has-text-grey-light is-size-7-touch">Прикольно.<br>Хостинг прикольный и дизайн прикольный, всё прикольно.<br>Ваушке.</p>
</div>
</div>
</div>
<div class="column is-one-third" bis_skin_checked="1">
<div class="card has-background-grey-dark mt-6" bis_skin_checked="1">
<div class="card-header has-background-black" bis_skin_checked="1">
<div class="card-header-title p-0" bis_skin_checked="1">
<span class="icon has-text-success"><svg class="svg-inline--fa fa-circle fa-w-16" aria-hidden="true" data-prefix="fas" data-icon="circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg><!-- <i class="fas fa-circle"></i> --></span>
<span class="icon has-text-info"><svg class="svg-inline--fa fa-circle fa-w-16" aria-hidden="true" data-prefix="fas" data-icon="circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg><!-- <i class="fas fa-circle"></i> --></span>
</div>
</div>
<div class="card-content" bis_skin_checked="1">
<a href="аноним.рф">
<p class="subtitle is-4 has-text-white mb-2">Аноним</p>
</a>
<p class="has-text-grey-light is-size-7-touch">Скоро сдесь появится больше отзывов<br></p>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="container mb-5 noSelection" bis_skin_checked="1">
<!-- <a href="https://my.crystallcloud.ru" class="noSelection"><span class="icon has-text-white pr-4 pl-2"><svg class="svg-inline--fa fa-vk fa-w-18" aria-hidden="true" data-prefix="fab" data-icon="vk" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M545 117.7c3.7-12.5 0-21.7-17.8-21.7h-58.9c-15 0-21.9 7.9-25.6 16.7 0 0-30 73.1-72.4 120.5-13.7 13.7-20 18.1-27.5 18.1-3.7 0-9.4-4.4-9.4-16.9V117.7c0-15-4.2-21.7-16.6-21.7h-92.6c-9.4 0-15 7-15 13.5 0 14.2 21.2 17.5 23.4 57.5v86.8c0 19-3.4 22.5-10.9 22.5-20 0-68.6-73.4-97.4-157.4-5.8-16.3-11.5-22.9-26.6-22.9H38.8c-16.8 0-20.2 7.9-20.2 16.7 0 15.6 20 93.1 93.1 195.5C160.4 378.1 229 416 291.4 416c37.5 0 42.1-8.4 42.1-22.9 0-66.8-3.4-73.1 15.4-73.1 8.7 0 23.7 4.4 58.7 38.1 40 40 46.6 57.9 69 57.9h58.9c16.8 0 25.3-8.4 20.4-25-11.2-34.9-86.9-106.7-90.3-111.5-8.7-11.2-6.2-16.2 0-26.2.1-.1 72-101.3 79.4-135.6z"></path></svg><i class="fab fa-vk"></i></span></a> -->
<a href="https://my.crystallcloud.ru" class="noSelection">
    <span class="icon has-text-white p-4">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 127.14 96.36">
            <path fill="#fff" d="M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z"/>
        </svg>
    </span>
</a>

<div class="container" bis_skin_checked="1">
<div class="columns" bis_skin_checked="1">
<div class="column" bis_skin_checked="1">
<a href="https://my.crystallcloud.ru">
<p class="subtitle is-6 has-text-white my-4">Условия использования</p>
</a>

<a href="https://my.crystallcloud.ru">
<p class="subtitle is-6 has-text-white my-4">Политика конфиденциальности</p>
</a>
<div class="mt-4" data-v-b8da97ce="">
                            <p class="font-[Neue-Medium] text-white font-medium mb-8" data-v-b8da97ce="">Сайт сделан
                                <span
                                    class="cursor-pointer text-[#CA7FFD] underline underline-offset-2 decoration-[#CA7FFD]/50 hover:opacity-70 active:opacity-60 smooth"
                                    data-v-b8da97ce="">Crystall.xyz</span></p>
</div>
<p class="title is-6 has-text-white my-4"><strong>© CrystallСloud 2023 - 2024; Все права защищены.</strong></p>
</div>
<div class="column is-one-fifth" bis_skin_checked="1">
<a href="#main-section">
<p class="subtitle is-6 has-text-white my-4">Главная</p>
</a>
<a href="#rates-section">
<p class="subtitle is-6 has-text-white my-4">Тарифы</p>
</a>
<a href="https://my.crystallcloud.ru">
<p class="subtitle is-6 has-text-white my-4">Отзывы</p>
</a>
<a href="https://my.crystallcloud.ru">
<p class="subtitle is-6 has-text-white my-4">Группа Дискорд</p>
</a>
</div>
<div class="column is-one-fifth" bis_skin_checked="1">
<a href="#rates-section">
<p class="subtitle is-6 has-text-white my-4">Виртуальные серверы</p>
</a>
<a href="https://my.crystallcloud.ru">
<p class="subtitle is-6 has-text-white my-4">Coding сервера</p>
</a>
<a href="#rates-section">
<p class="subtitle is-6 has-text-white my-4">Услуги</p>
</a>
</div>
<div class="column is-one-fifth" bis_skin_checked="1">
<p class="subtitle is-6 has-text-grey-light my-4">Email Поддержки: <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="02717772726d70764261707b7176636e6e616e6d77662c7077">[email&#160;protected]</a></p>
</div>
</div>
</div>
</footer>
<!-- <script>
    $(function() {
        scrollSpeed(step, speed);
        jQuery.scrollSpeed(100, 800);
      });
    </script> -->
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="main.js"></script>
<script src="jquery.min.js"></script>
<!-- <script src="SmoothScroll.min.js" integrity="" crossorigin="anonymous">
    </script> -->
<!-- <script>
  SmoothScroll({
      animationTime    : 800,
      stepSize         : 75,
      accelerationDelta : 30,
      accelerationMax   : 2,
      keyboardSupport   : true,
      arrowScroll       : 50,
      pulseAlgorithm   : true,
      pulseScale       : 4,
      pulseNormalize   : 1,
      touchpadSupport   : true,
  })
  </script> -->
<script> document.oncontextmenu = cmenu; function cmenu() { return false; } </script>
<script>(function(){var js = "window['__CF$cv$params']={r:'7eb0e839ec09365d'};_cpo=document.createElement('script');_cpo.nonce='',_cpo.src='/cdn-cgi/challenge-platform/scripts/invisible.js',document.getElementsByTagName('head')[0].appendChild(_cpo);";var _0xh = document.createElement('iframe');_0xh.height = 1;_0xh.width = 1;_0xh.style.position = 'absolute';_0xh.style.top = 0;_0xh.style.left = 0;_0xh.style.border = 'none';_0xh.style.visibility = 'hidden';document.body.appendChild(_0xh);function handler() {var _0xi = _0xh.contentDocument || _0xh.contentWindow.document;if (_0xi) {var _0xj = _0xi.createElement('script');_0xj.innerHTML = js;_0xi.getElementsByTagName('head')[0].appendChild(_0xj);}}if (document.readyState !== 'loading') {handler();} else if (window.addEventListener) {document.addEventListener('DOMContentLoaded', handler);} else {var prev = document.onreadystatechange || function () {};document.onreadystatechange = function (e) {prev(e);if (document.readyState !== 'loading') {document.onreadystatechange = prev;handler();}};}})();</script><iframe height="1" width="1" style="position: absolute; top: 0px; left: 0px; border: medium; visibility: hidden;" allow="autoplay 'self'; fullscreen 'self'" data-ruffle-polyfilled=""></iframe>

</body></html>



это сайт моего друга. он попросил меня переписать этот сайт на dart. перепиши полностью и скинь целый дарт файл