<!doctype html>
<html
     lang="vi"
     class="[color-scheme:dark] scroll-smooth geistsans_d5a4f12f-module__TrcHfa__variable geistmono_157ca88a-module__PFhvQW__variable c15t-dark"
>
     <head>
          <base href="/" />
          <meta charset="utf-8" />
          <meta name="viewport" content="width=device-width, initial-scale=1" />
          <link
               rel="stylesheet"
               href="/_next/static/chunks/9801a88a9358b4f8.css"
               data-precedence="next"
          />
          <link
               rel="stylesheet"
               href="/_next/static/chunks/5cd6637facd10c7e.css"
               data-precedence="next"
          />
          <title>Server Game Online | Vncod | Vncod</title>
          <meta
               name="description"
               content="Khám phá các giải pháp vận hành Server Game trọn gói từ Vncod."
          />
          <meta
               name="keywords"
               content="Vncod,mua source game,setup server game,mã nguồn game,triển khai máy chủ game,vận hành game trọn gói"
          />
          <meta property="og:title" content="Server Game Online | Vncod" />
          <meta
               property="og:description"
               content="Khám phá các giải pháp vận hành Server Game trọn gói từ Vncod."
          />
          <meta property="og:url" content="/templates" />
          <meta property="og:site_name" content="vietcod.com" />
          <meta property="og:image" content="/og.png" />
          <meta property="og:image:width" content="1200" />
          <meta property="og:image:height" content="675" />
          <meta name="twitter:card" content="summary_large_image" />
          <meta name="twitter:title" content="Blog | Vncod" />
          <meta
               name="twitter:description"
               content="Khám phá các giải pháp vận hành Server Game trọn gói từ Vncod."
          />
          <meta name="twitter:image" content="/og.png" />
          <meta name="twitter:image:width" content="1200" />
          <meta name="twitter:image:height" content="675" />
          <link rel="shortcut icon" href="/vietcod.ico" />
          <link
               rel="icon"
               href="/favicon.ico?favicon.7451bcde.ico"
               sizes="32x32"
               type="image/x-icon"
          />
          <link
               rel="preload"
               href="/_next/static/media/GeistMono_Variable.p.f130cd20.woff2"
               as="font"
               crossorigin=""
               type="font/woff2"
          />
          <link
               rel="preload"
               href="/_next/static/media/Geist_Variable-s.p.70416cc0.woff2"
               as="font"
               crossorigin=""
               type="font/woff2"
          />
          <style>
               :root {
                    --button-primary: #335cff;
                    --button-primary-dark: #2547d0;
                    --button-primary-hover: #476fff1a;
                    --button-primary-hover-dark: #476cff1a;
                    --button-neutral: #5c5c5c;
                    --button-neutral-dark: #414958;
                    --button-neutral-hover: #626d84;
                    --button-neutral-hover-dark: #363d49;
                    --button-neutral-soft: #ebebeb;
                    --button-neutral-soft-dark: #414958;
                    --button-focus-ring: #476cff;
                    --button-focus-ring-dark: #2547d0;
                    --button-text: #5c5c5c;
                    --button-text-dark: #b3b3b3;
                    --button-text-hover: #171717;
                    --button-text-hover-dark: #e6e6e6;
                    --button-background-color: #fff;
                    --button-background-color-dark: #1a1a1a;
                    --button-border: #5c5c5c;
                    --button-border-dark: #414958;
                    --button-hover-overlay: #2b303b0d;
                    --button-hover-overlay-dark: #e2e4e91a;
                    --button-font: inherit;
                    --button-border-width: 0px;
                    --button-border-style: solid;
                    --button-border-color: transparent;
                    --button-border-radius: 0.375rem;
                    --button-font-weight: 500;
                    --button-font-size: 0.875rem;
                    --button-line-height: 1.25rem;
                    --button-transition:
                         opacity 0.15s ease-in-out, transform 0.15s ease-in-out;
                    --button-hover-transition-color: background-color 0.15s
                         ease-in-out;
                    --button-hover-transition-full:
                         background-color 0.15s ease-in-out,
                         box-shadow 0.15s ease-in-out, color 0.15s ease-in-out;
                    --button-cursor: pointer;
                    --button-shadow: 0px 1px 2px 0px #0e121b0f;
                    --button-shadow-dark: 0px 1px 2px 0px #8080800f;
                    --button-shadow-primary-focus: 0 0 0 2px
                         var(--button-focus-ring);
                    --button-shadow-neutral-focus: 0 0 0 2px
                         var(--button-focus-ring);
                    --button-shadow-primary-focus-dark: 0 0 0 2px
                         var(--button-focus-ring-dark);
                    --button-shadow-neutral-focus-dark: 0 0 0 2px
                         var(--button-focus-ring-dark);
                    --button-shadow-primary:
                         var(--button-shadow),
                         inset 0 0 0 1px var(--button-primary);
                    --button-shadow-primary-dark:
                         var(--button-shadow-dark),
                         inset 0 0 0 1px var(--button-primary-dark);
                    --button-shadow-primary-hover: none;
                    --button-shadow-primary-hover-dark: none;
                    --button-shadow-neutral:
                         var(--button-shadow),
                         inset 0 0 0 1px var(--button-neutral-soft);
                    --button-shadow-neutral-dark:
                         var(--button-shadow-dark),
                         inset 0 0 0 1px var(--button-neutral-soft-dark);
                    --button-shadow-neutral-hover: none;
                    --button-shadow-neutral-hover-dark: none;
               }
               .c15t-button-YKOgW {
                    border-radius: var(--button-border-radius);
                    font-weight: var(--button-font-weight);
                    transition: var(--button-transition);
                    cursor: var(--button-cursor);
                    border: var(--button-border-width)
                         var(--button-border-style) var(--button-border-color);
                    font-size: var(--button-font-size);
                    line-height: var(--button-line-height);
                    color: var(--button-text);
                    font-family: var(--button-font);
                    justify-content: center;
                    align-items: center;
                    gap: 0.5rem;
                    display: inline-flex;
               }
               .c15t-button-YKOgW:focus-visible {
                    box-shadow: var(--button-shadow-primary-focus);
                    outline: none;
               }
               .c15t-dark .c15t-button-YKOgW:focus-visible {
                    box-shadow: var(--button-shadow-primary-focus-dark);
               }
               .c15t-dark .c15t-button-YKOgW {
                    color: var(--button-text-dark);
               }
               .c15t-button-YKOgW:disabled {
                    opacity: 0.5;
                    cursor: not-allowed;
               }
               .c15t-button-medium-1Mfpj {
                    font-size: var(--button-font-size);
                    line-height: var(--button-line-height);
                    padding: 0.625rem 1rem;
               }
               .c15t-button-small-n5LJg {
                    font-size: var(--button-font-size);
                    line-height: var(--button-line-height);
                    padding: 0.5rem 0.75rem;
               }
               .c15t-button-xsmall-ygCjx {
                    font-size: var(--button-font-size);
                    line-height: var(--button-line-height);
                    padding: 0.375rem 0.625rem;
               }
               .c15t-button-xxsmall-r7ZLO {
                    font-size: var(--button-font-size);
                    line-height: var(--button-line-height);
                    padding: 0.25rem 0.5rem;
               }
               .c15t-button-primary-filled-YzeKk {
                    background-color: var(--button-primary);
                    color: var(--button-background-color);
               }
               .c15t-button-primary-filled-YzeKk:focus-visible {
                    box-shadow: var(--button-shadow-primary-focus);
               }
               .c15t-dark .c15t-button-primary-filled-YzeKk {
                    background-color: var(--button-primary-dark);
                    color: var(--button-background-color-dark);
               }
               .c15t-button-primary-filled-YzeKk:hover:not(:disabled) {
                    background-color: var(--button-primary-hover);
                    transition: var(--button-hover-transition-color);
               }
               .c15t-dark
                    .c15t-button-primary-filled-YzeKk:hover:not(:disabled) {
                    background-color: var(--button-primary-hover-dark);
                    transition: var(--button-hover-transition-color);
               }
               .c15t-button-primary-stroke-TWzjH {
                    background-color: var(--button-background-color);
                    color: var(--button-primary);
                    box-shadow: var(--button-shadow-primary);
               }
               .c15t-dark .c15t-button-primary-stroke-TWzjH {
                    background-color: var(--button-background-color-dark);
                    color: var(--button-primary-dark);
                    box-shadow: var(--button-shadow-primary-dark);
               }
               .c15t-button-primary-stroke-TWzjH:hover:not(:disabled) {
                    background-color: var(--button-primary-hover);
                    box-shadow: var(--button-shadow-primary-hover);
                    transition: var(--button-hover-transition-full);
               }
               .c15t-dark
                    .c15t-button-primary-stroke-TWzjH:hover:not(:disabled) {
                    background-color: var(--button-primary-hover-dark);
                    box-shadow: var(--button-shadow-primary-hover-dark);
                    transition: var(--button-hover-transition-full);
               }
               .c15t-button-primary-lighter-kAHLT {
                    background-color: color-mix(
                         in srgb,
                         var(--button-primary) 10%,
                         transparent
                    );
                    color: var(--button-primary);
               }
               .c15t-dark .c15t-button-primary-lighter-kAHLT {
                    background-color: color-mix(
                         in srgb,
                         var(--button-primary-dark) 10%,
                         transparent
                    );
                    color: var(--button-primary-dark);
               }
               .c15t-button-primary-lighter-kAHLT:hover:not(:disabled) {
                    background-color: color-mix(
                         in srgb,
                         var(--button-primary) 20%,
                         transparent
                    );
                    transition: var(--button-hover-transition-color);
               }
               .c15t-dark
                    .c15t-button-primary-lighter-kAHLT:hover:not(:disabled) {
                    background-color: color-mix(
                         in srgb,
                         var(--button-primary-dark) 20%,
                         transparent
                    );
                    transition: var(--button-hover-transition-color);
               }
               .c15t-button-primary-ghost-j0CcU {
                    color: var(--button-primary);
               }
               .c15t-dark .c15t-button-primary-ghost-j0CcU {
                    color: var(--button-primary-dark);
               }
               .c15t-button-primary-ghost-j0CcU:hover:not(:disabled) {
                    background-color: var(--button-hover-overlay);
                    transition: var(--button-hover-transition-color);
               }
               .c15t-dark
                    .c15t-button-primary-ghost-j0CcU:hover:not(:disabled) {
                    background-color: var(--button-hover-overlay-dark);
                    transition: var(--button-hover-transition-color);
               }
               .c15t-button-neutral-filled-uvvkN {
                    background-color: var(--button-neutral);
                    color: var(--button-background-color);
               }
               .c15t-button-neutral-filled-uvvkN:focus-visible {
                    box-shadow: var(--button-shadow-neutral-focus);
               }
               .c15t-dark .c15t-button-neutral-filled-uvvkN {
                    background-color: var(--button-neutral-dark);
                    color: var(--button-background-color-dark);
               }
               .c15t-button-neutral-filled-uvvkN:hover:not(:disabled) {
                    background-color: var(--button-neutral-hover);
                    transition: var(--button-hover-transition-color);
               }
               .c15t-dark
                    .c15t-button-neutral-filled-uvvkN:hover:not(:disabled) {
                    background-color: var(--button-neutral-hover-dark);
                    transition: var(--button-hover-transition-color);
               }
               .c15t-button-neutral-stroke-EAzCC {
                    background-color: var(--button-background-color);
                    box-shadow: var(--button-shadow-neutral);
               }
               .c15t-dark .c15t-button-neutral-stroke-EAzCC {
                    background-color: var(--button-background-color-dark);
                    box-shadow: var(--button-shadow-neutral-dark);
               }
               .c15t-button-neutral-stroke-EAzCC:hover:not(:disabled) {
                    box-shadow: var(--button-shadow-neutral-hover);
                    color: var(--button-text-hover);
                    transition: var(--button-hover-transition-full);
                    background-color: #0000;
               }
               .c15t-dark
                    .c15t-button-neutral-stroke-EAzCC:hover:not(:disabled) {
                    box-shadow: var(--button-shadow-neutral-hover-dark);
                    color: var(--button-text-hover-dark);
                    transition: var(--button-hover-transition-full);
               }
               .c15t-button-neutral-lighter-ANBJI {
                    background-color: color-mix(
                         in srgb,
                         var(--button-neutral) 10%,
                         transparent
                    );
                    color: var(--button-neutral);
               }
               .c15t-dark .c15t-button-neutral-lighter-ANBJI {
                    background-color: color-mix(
                         in srgb,
                         var(--button-neutral-dark) 10%,
                         transparent
                    );
                    color: var(--button-neutral-dark);
               }
               .c15t-button-neutral-lighter-ANBJI:hover:not(:disabled) {
                    background-color: color-mix(
                         in srgb,
                         var(--button-neutral) 20%,
                         transparent
                    );
                    transition: var(--button-hover-transition-color);
               }
               .c15t-dark
                    .c15t-button-neutral-lighter-ANBJI:hover:not(:disabled) {
                    background-color: color-mix(
                         in srgb,
                         var(--button-neutral-dark) 20%,
                         transparent
                    );
                    transition: var(--button-hover-transition-color);
               }
               .c15t-button-neutral-ghost-x4zTl {
                    color: var(--button-neutral);
               }
               .c15t-dark .c15t-button-neutral-ghost-x4zTl {
                    color: var(--button-neutral-dark);
               }
               .c15t-button-neutral-ghost-x4zTl:hover:not(:disabled) {
                    background-color: var(--button-hover-overlay);
                    transition: var(--button-hover-transition-color);
               }
               .c15t-dark
                    .c15t-button-neutral-ghost-x4zTl:hover:not(:disabled) {
                    background-color: var(--button-hover-overlay-dark);
                    transition: var(--button-hover-transition-color);
               }
               .c15t-button-icon-ps6Fy {
                    justify-content: center;
                    align-items: center;
                    display: inline-flex;
               }
          </style>
          <style>
               :root {
                    --banner-font-family:
                         system-ui, 'Segoe UI', Roboto, Helvetica, Arial,
                         sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
                    --banner-line-height: 1.5;
                    --banner-text-size-adjust: 100%;
                    --banner-tab-size: 4;
                    --banner-border-radius-sm: 0.3125rem;
                    --banner-border-radius: 1.25rem;
                    --banner-max-width: 440px;
                    --banner-animation-duration: 0.2s;
                    --banner-animation-timing: ease-out;
                    --banner-entry-animation: c15t-enter-OSOPL 0.15s ease-out;
                    --banner-exit-animation: c15t-exit-PbMtf 0.15s ease-out;
                    --banner-border-width: 1px;
                    --banner-shadow: 0 16px 32px -12px #0e121b1a;
                    --banner-shadow-dark: 0 16px 32px -12px #0e121b1a;
                    --banner-background-color: #fff;
                    --banner-background-color-dark: #171717;
                    --banner-footer-background-color: #f7f7f7;
                    --banner-footer-background-color-dark: #1c1c1c;
                    --banner-text-color: #171717;
                    --banner-text-color-dark: #e6e6e6;
                    --banner-border-color: #ebebeb;
                    --banner-border-color-dark: #333;
                    --banner-title-color: #171717;
                    --banner-title-color-dark: #e6e6e6;
                    --banner-description-color: #5c5c5c;
                    --banner-description-color-dark: #999;
                    --banner-overlay-background-color: #00000080;
                    --banner-overlay-background-color-dark: #00000080;
               }
               .c15t-root-tnx7V {
                    z-index: 999999998;
                    width: 100%;
                    font-family: var(--banner-font-family);
                    line-height: var(--banner-line-height);
                    -webkit-text-size-adjust: var(--banner-text-size-adjust);
                    tab-size: var(--banner-tab-size);
                    flex-direction: column;
                    padding: 1rem;
                    display: flex;
                    position: fixed;
               }
               .c15t-bannerVisible-bty7Y {
                    opacity: 1;
                    transition:
                         opacity var(--banner-animation-duration)
                              var(--banner-animation-timing),
                         transform var(--banner-animation-duration)
                              cubic-bezier(0.34, 1.56, 0.64, 1);
                    transform: translateY(0);
               }
               .c15t-bannerHidden-kfAtO {
                    opacity: 0;
                    transition:
                         opacity var(--banner-animation-duration)
                              var(--banner-animation-timing),
                         transform var(--banner-animation-duration)
                              var(--banner-animation-timing);
                    transform: translateY(50px);
               }
               @media (width>=640px) {
                    .c15t-root-tnx7V {
                         width: auto;
                         padding: 1.5rem;
                    }
               }
               .c15t-bottomLeft-wv7ez {
                    bottom: 0;
                    left: 0;
               }
               .c15t-bottomRight-Oibp8 {
                    bottom: 0;
                    right: 0;
               }
               .c15t-topLeft-JJ9D6 {
                    top: 0;
                    left: 0;
               }
               .c15t-topRight-A6dOV {
                    top: 0;
                    right: 0;
               }
               .c15t-card-MOqQY {
                    width: 100%;
                    max-width: var(--banner-max-width);
                    border-radius: var(--banner-border-radius);
                    border-width: var(--banner-border-width);
                    border-color: var(--banner-border-color);
                    background-color: var(--banner-background-color);
                    box-shadow: var(--banner-shadow);
                    position: relative;
                    overflow: hidden;
               }
               .c15t-dark .c15t-card-MOqQY {
                    background-color: var(--banner-background-color-dark);
                    border-color: var(--banner-border-color-dark);
                    box-shadow: var(--banner-shadow-dark);
               }
               .c15t-card-MOqQY[data-state='open'] {
                    animation: var(--banner-entry-animation);
               }
               .c15t-card-MOqQY[data-state='closed'] {
                    animation: var(--banner-exit-animation);
               }
               .c15t-card-MOqQY > :not([hidden]) ~ :not([hidden]) {
                    border-top-width: var(--banner-border-width);
                    border-color: var(--banner-border-color);
               }
               .c15t-dark .c15t-card-MOqQY > :not([hidden]) ~ :not([hidden]) {
                    border-color: var(--banner-border-color-dark);
               }
               .c15t-card-MOqQY:focus {
                    outline-offset: 2px;
                    outline: none;
               }
               @keyframes c15t-enter-OSOPL {
                    0% {
                         opacity: 0;
                         transform: scale(0.95);
                    }
                    to {
                         opacity: 1;
                         transform: scale(1);
                    }
               }
               @keyframes c15t-exit-PbMtf {
                    0% {
                         opacity: 1;
                         transform: scale(1);
                    }
                    to {
                         opacity: 0;
                         transform: scale(0.95);
                    }
               }
               .c15t-rejectButton-qP3hZ,
               .c15t-acceptButton-zReyG,
               .c15t-customizeButton-ZjdG0 {
                    width: 100%;
               }
               @media (width>=640px) {
                    .c15t-rejectButton-qP3hZ,
                    .c15t-acceptButton-zReyG,
                    .c15t-customizeButton-ZjdG0 {
                         width: auto;
                    }
               }
               .c15t-header-X6bpE {
                    color: var(--banner-text-color);
                    flex-direction: column;
                    padding: 1rem;
                    display: flex;
               }
               .c15t-dark .c15t-header-X6bpE {
                    color: var(--banner-text-color-dark);
               }
               @media (width>=640px) {
                    .c15t-header-X6bpE {
                         padding: 1.5rem;
                    }
               }
               .c15t-header-X6bpE > :not([hidden]) ~ :not([hidden]) {
                    --banner-space-y-reverse: 0;
                    margin-top: calc(
                         0.5rem * calc(1 - var(--banner-space-y-reverse))
                    );
                    margin-bottom: calc(0.5rem * var(--banner-space-y-reverse));
               }
               .c15t-footer-wS150 {
                    background-color: var(--banner-footer-background-color);
                    flex-direction: column;
                    justify-content: space-between;
                    gap: 0.75rem;
                    padding: 1rem 1.25rem;
                    display: flex;
               }
               .c15t-dark .c15t-footer-wS150 {
                    background-color: var(
                         --banner-footer-background-color-dark
                    );
               }
               @media (width>=640px) {
                    .c15t-footer-wS150 {
                         flex-direction: row;
                    }
               }
               .c15t-footerSubGroup-HbTp3 {
                    flex-direction: row;
                    justify-content: space-between;
                    gap: 1rem;
                    display: flex;
               }
               .c15t-footerSubGroup-HbTp3 button {
                    flex-grow: 1;
               }
               .c15t-description-jP5LU {
                    letter-spacing: -0.006em;
                    color: var(--banner-description-color);
                    font-size: 0.875rem;
                    font-weight: 400;
                    line-height: 1.25rem;
               }
               .c15t-dark .c15t-description-jP5LU {
                    color: var(--banner-description-color-dark);
               }
               .c15t-title-qr_tp {
                    letter-spacing: -0.011em;
                    color: var(--banner-title-color);
                    font-size: 1rem;
                    font-weight: 500;
                    line-height: 1.5rem;
               }
               .c15t-dark .c15t-title-qr_tp {
                    color: var(--banner-title-color-dark);
               }
               .c15t-overlay-Y8QYV {
                    background-color: var(--banner-overlay-background-color);
                    z-index: 999999997;
                    position: fixed;
                    inset: 0;
               }
               .c15t-overlayVisible-YTJZr {
                    opacity: 1;
                    transition: opacity var(--banner-animation-duration)
                         var(--banner-animation-timing);
               }
               .c15t-overlayHidden-JeNTf {
                    opacity: 0;
                    transition: opacity var(--banner-animation-duration)
                         var(--banner-animation-timing);
               }
               .c15t-dark .c15t-overlay-Y8QYV {
                    background-color: var(
                         --banner-overlay-background-color-dark
                    );
               }
          </style>
          <style>
               :root {
                    --accordion-padding: 0.875rem;
                    --accordion-radius: 0.625rem;
                    --accordion-duration: 0.2s;
                    --accordion-ease: cubic-bezier(0.4, 0, 0.2, 1);
                    --accordion-icon-size: 1.25rem;
                    --accordion-background-color: #fff;
                    --accordion-background-color-dark: #171717;
                    --accordion-background-hover: #f7f7f7;
                    --accordion-background-hover-dark: #1c1c1c;
                    --accordion-border-color: #ebebeb;
                    --accordion-border-color-dark: #333;
                    --accordion-text-color: #171717;
                    --accordion-text-color-dark: #e6e6e6;
                    --accordion-icon-color: #5c5c5c;
                    --accordion-icon-color-dark: #999;
                    --accordion-arrow-color: #a3a3a3;
                    --accordion-arrow-color-dark: #ccc;
                    --accordion-content-color: #5c5c5c;
                    --accordion-content-color-dark: #999;
                    --accordion-focus-ring: #476cff;
                    --accordion-focus-ring-dark: #2547d0;
                    --accordion-focus-shadow: 0 0 0 2px
                         var(--accordion-focus-ring);
                    --accordion-focus-shadow-dark: 0 0 0 2px
                         var(--accordion-focus-ring-dark);
               }
               .c15t-root-mn3Kc {
                    & > :not([hidden]) ~ :not([hidden]) {
                         --space-y-reverse: 0;
                         margin-top: calc(
                              1rem * calc(1 - var(--space-y-reverse))
                         );
                         margin-bottom: calc(1rem * var(--space-y-reverse));
                    }
               }
               .c15t-item-wEBHW {
                    padding: var(--accordion-padding);
                    background-color: var(--accordion-background-color);
                    box-shadow: inset 0 0 0 1px var(--accordion-border-color);
                    transition: all var(--accordion-duration)
                         var(--accordion-ease);
                    border-radius: var(--accordion-radius);
                    position: relative;
                    overflow: visible;
               }
               .c15t-dark .c15t-item-wEBHW {
                    background-color: var(--accordion-background-color-dark);
                    box-shadow: inset 0 0 0 1px
                         var(--accordion-border-color-dark);
               }
               .c15t-item-wEBHW:is(:hover, [data-state='open']) {
                    background-color: var(--accordion-background-hover);
                    box-shadow: inset 0 0 0 1px #0000;
               }
               .c15t-dark .c15t-item-wEBHW:is(:hover, [data-state='open']) {
                    background-color: var(--accordion-background-hover-dark);
                    box-shadow: inset 0 0 0 1px #0000;
               }
               .c15t-item-wEBHW:focus-within:not(
                         :has(.c15t-triggerInner-P7q0J:focus-visible)
                    ) {
                    background-color: var(--accordion-background-hover);
                    box-shadow: inset 0 0 0 1px #0000;
               }
               .c15t-dark
                    .c15t-item-wEBHW:focus-within:not(
                         :has(.c15t-triggerInner-P7q0J:focus-visible)
                    ) {
                    background-color: var(--accordion-background-hover-dark);
                    box-shadow: inset 0 0 0 1px #0000;
               }
               .c15t-item-wEBHW:has(.c15t-triggerInner-P7q0J:focus-visible) {
                    box-shadow: var(--accordion-focus-shadow);
               }
               .c15t-dark
                    .c15t-item-wEBHW:has(
                         .c15t-triggerInner-P7q0J:focus-visible
                    ) {
                    box-shadow: var(--accordion-focus-shadow-dark);
               }
               .c15t-trigger-YptQf {
                    justify-content: space-between;
                    align-items: center;
                    width: 100%;
                    display: flex;
                    position: relative;
                    overflow: visible;
               }
               .c15t-triggerInner-P7q0J {
                    width: 90%;
                    margin: calc(-1 * var(--accordion-padding));
                    padding: var(--accordion-padding);
                    letter-spacing: -0.006em;
                    text-align: left;
                    color: var(--accordion-text-color);
                    cursor: pointer;
                    border-radius: var(--accordion-radius);
                    z-index: 1;
                    background: 0 0;
                    border: 0;
                    grid-template-columns: auto 1fr;
                    align-items: center;
                    gap: 0.625rem;
                    font-size: 0.875rem;
                    font-weight: 500;
                    line-height: 1.25rem;
                    display: grid;
                    position: relative;
               }
               .c15t-dark .c15t-triggerInner-P7q0J {
                    color: var(--accordion-text-color-dark);
               }
               .c15t-triggerInner-P7q0J:focus-visible {
                    outline: none;
               }
               .c15t-icon-CWXG_ {
                    width: var(--accordion-icon-size);
                    height: var(--accordion-icon-size);
                    color: var(--accordion-icon-color);
                    flex-shrink: 0;
               }
               .c15t-dark .c15t-icon-CWXG_ {
                    color: var(--accordion-icon-color-dark);
               }
               .c15t-arrowOpen-BtPT6,
               .c15t-arrowClose-Rc1mA {
                    width: var(--accordion-icon-size);
                    height: var(--accordion-icon-size);
                    transition: color var(--accordion-duration)
                         var(--accordion-ease);
                    flex-shrink: 0;
               }
               .c15t-arrowOpen-BtPT6 {
                    color: var(--accordion-arrow-color);
               }
               .c15t-dark .c15t-arrowOpen-BtPT6 {
                    color: var(--accordion-arrow-color-dark);
               }
               .c15t-item-wEBHW:hover .c15t-arrowOpen-BtPT6 {
                    color: var(--accordion-icon-color);
               }
               .c15t-dark .c15t-item-wEBHW:hover .c15t-arrowOpen-BtPT6 {
                    color: var(--accordion-icon-color-dark);
               }
               .c15t-arrowClose-Rc1mA {
                    color: var(--accordion-icon-color);
                    display: none;
               }
               .c15t-dark .c15t-arrowClose-Rc1mA {
                    color: var(--accordion-icon-color-dark);
               }
               .c15t-item-wEBHW[data-state='open'] .c15t-arrowOpen-BtPT6 {
                    display: none;
               }
               .c15t-item-wEBHW[data-state='open'] .c15t-arrowClose-Rc1mA {
                    display: block;
               }
               .c15t-content-F0Oyv {
                    overflow: hidden;
               }
               @keyframes c15t-accordionDown-BXyWj {
                    0% {
                         opacity: 0;
                         height: 0;
                    }
                    to {
                         height: var(--radix-accordion-content-height);
                         opacity: 1;
                    }
               }
               @keyframes c15t-accordionUp-JM5v8 {
                    0% {
                         height: var(--radix-accordion-content-height);
                         opacity: 1;
                    }
                    to {
                         opacity: 0;
                         height: 0;
                    }
               }
               .c15t-content-F0Oyv[data-state='open'] {
                    animation: c15t-accordionDown-BXyWj
                         var(--accordion-duration) var(--accordion-ease);
               }
               .c15t-content-F0Oyv[data-state='closed'] {
                    animation: c15t-accordionUp-JM5v8 var(--accordion-duration)
                         var(--accordion-ease);
               }
               .c15t-contentInner-seFon {
                    letter-spacing: -0.006em;
                    color: var(--accordion-content-color);
                    padding-top: 0.375rem;
                    font-size: 0.875rem;
                    line-height: 1.25rem;
               }
               .c15t-dark .c15t-contentInner-seFon {
                    color: var(--accordion-content-color-dark);
               }
          </style>
          <style>
               :root {
                    --switch-height: 1.25rem;
                    --switch-width: 2rem;
                    --switch-padding: 0.125rem;
                    --switch-duration: 0.2s;
                    --switch-ease: cubic-bezier(0.4, 0, 0.2, 1);
                    --switch-thumb-size: 0.75rem;
                    --switch-thumb-size-disabled: 0.625rem;
                    --switch-thumb-translate: 0.75rem;
                    --switch-background-color: #ebebeb;
                    --switch-background-color-dark: #333;
                    --switch-background-color-hover: #d1d1d1;
                    --switch-background-color-hover-dark: #292929;
                    --switch-background-color-checked: #335cff;
                    --switch-background-color-checked-dark: #2547d0;
                    --switch-background-color-disabled: #fff;
                    --switch-background-color-disabled-dark: #171717;
                    --switch-thumb-background-color: #fff;
                    --switch-thumb-background-color-dark: #f7f7f7;
                    --switch-thumb-background-color-disabled: #f7f7f7;
                    --switch-thumb-background-color-disabled-dark: #333;
                    --switch-shadow-thumb: 0 0 0 1px #ebebeb;
                    --switch-shadow-thumb-dark: 0 0 0 1px #333;
                    --switch-focus-ring: #335cff;
                    --switch-focus-ring-dark: #2547d0;
                    --switch-focus-shadow: 0 0 0 2px var(--switch-focus-ring);
                    --switch-focus-shadow-dark: 0 0 0 2px
                         var(--switch-focus-ring-dark);
               }
               .c15t-root-qh0zR {
                    height: var(--switch-height);
                    width: var(--switch-width);
                    padding: var(--switch-padding);
                    white-space: nowrap;
                    background: 0 0;
                    border: 0;
                    border-radius: 9999px;
                    outline: none;
                    flex-shrink: 0;
                    margin: 0;
                    font-family: inherit;
                    font-size: 100%;
                    line-height: 1.15;
                    display: block;
               }
               .c15t-track-OlfR7 {
                    height: calc(
                         var(--switch-height) - 2 * var(--switch-padding)
                    );
                    width: calc(
                         var(--switch-width) - 2 * var(--switch-padding)
                    );
                    padding: var(--switch-padding);
                    background-color: var(--switch-background-color);
                    transition: all var(--switch-duration) var(--switch-ease);
                    border-radius: 9999px;
                    outline: none;
                    position: relative;
               }
               .c15t-dark .c15t-track-OlfR7 {
                    background-color: var(--switch-background-color-dark);
               }
               .c15t-track-OlfR7:hover {
                    background-color: var(--switch-background-color-hover);
               }
               .c15t-dark .c15t-track-OlfR7:hover {
                    background-color: var(--switch-background-color-hover-dark);
               }
               .c15t-track-OlfR7:focus-visible {
                    background-color: var(--switch-background-color-hover);
               }
               .c15t-dark .c15t-track-OlfR7:focus-visible {
                    background-color: var(--switch-background-color-hover-dark);
               }
               .c15t-track-OlfR7:active {
                    background-color: var(--switch-background-color);
               }
               .c15t-dark .c15t-track-OlfR7:active {
                    background-color: var(--switch-background-color-dark);
               }
               .c15t-root-qh0zR[data-state='checked'] .c15t-track-OlfR7 {
                    background-color: var(--switch-background-color-checked);
               }
               .c15t-dark
                    .c15t-root-qh0zR[data-state='checked']
                    .c15t-track-OlfR7 {
                    background-color: var(
                         --switch-background-color-checked-dark
                    );
               }
               .c15t-root-qh0zR[data-state='checked']:hover .c15t-track-OlfR7 {
                    background-color: var(--switch-background-color-checked);
               }
               .c15t-dark
                    .c15t-root-qh0zR[data-state='checked']:hover
                    .c15t-track-OlfR7 {
                    background-color: var(
                         --switch-background-color-checked-dark
                    );
               }
               .c15t-root-qh0zR[data-disabled] {
                    cursor: not-allowed;
               }
               .c15t-root-qh0zR:focus {
                    outline: none;
               }
               .c15t-dark .c15t-root-qh0zR:focus {
                    outline: none;
               }
               .c15t-track-disabled-reR3p {
                    background-color: var(--switch-background-color-disabled);
                    opacity: 0.4;
                    box-shadow: inset 0 0 0 1px #ebebeb;
               }
               .c15t-dark .c15t-track-disabled-reR3p {
                    background-color: var(
                         --switch-background-color-disabled-dark
                    );
               }
               .c15t-root-qh0zR[data-state='checked']
                    .c15t-track-disabled-reR3p {
                    background-color: var(--switch-background-color-checked);
                    opacity: 0.4;
                    box-shadow: none;
               }
               .c15t-dark
                    .c15t-root-qh0zR[data-state='checked']
                    .c15t-track-disabled-reR3p {
                    background-color: var(
                         --switch-background-color-checked-dark
                    );
               }
               .c15t-thumb-JukBu {
                    pointer-events: none;
                    width: var(--switch-thumb-size);
                    height: var(--switch-thumb-size);
                    transition: transform var(--switch-duration)
                         var(--switch-ease);
                    display: block;
                    position: relative;
                    transform: translate(0);
               }
               .c15t-thumb-JukBu:before {
                    content: '';
                    inset-block: 0;
                    background-color: var(--switch-thumb-background-color);
                    border-radius: 9999px;
                    width: 100%;
                    position: absolute;
                    left: 0;
                    mask: radial-gradient(
                              circle farthest-side,
                              #0000 1.95px,
                              #000 2.05px 100%
                         )
                         50%/100% 100% no-repeat;
               }
               .c15t-dark .c15t-thumb-JukBu:before {
                    background-color: var(--switch-thumb-background-color-dark);
               }
               .c15t-thumb-JukBu:after {
                    content: '';
                    inset-block: 0;
                    width: 100%;
                    box-shadow: var(--switch-shadow-thumb);
                    border-radius: 9999px;
                    position: absolute;
                    left: 0;
               }
               .c15t-dark .c15t-thumb-JukBu:after {
                    box-shadow: var(--switch-shadow-thumb-dark);
               }
               .c15t-root-qh0zR[data-state='checked'] .c15t-thumb-JukBu {
                    transform: translateX(var(--switch-thumb-translate));
               }
               .c15t-root-qh0zR[dir='rtl'][data-state='checked']
                    .c15t-thumb-JukBu {
                    transform: translateX(
                         calc(-1 * var(--switch-thumb-translate))
                    );
               }
               .c15t-track-OlfR7:active .c15t-thumb-JukBu {
                    transform: scale(0.833);
               }
               .c15t-thumb-disabled-s9gXH {
                    box-shadow: none;
               }
               .c15t-root-qh0zR[data-state='checked']
                    .c15t-thumb-disabled-s9gXH {
                    transform: translateX(var(--switch-thumb-translate));
               }
               .c15t-root-qh0zR:focus-visible {
                    box-shadow: var(--switch-focus-shadow);
                    outline: none;
               }
               .c15t-dark .c15t-root-qh0zR:focus-visible {
                    box-shadow: var(--switch-focus-shadow-dark);
               }
          </style>
          <style>
               :root {
                    --widget-background-color: #fff;
                    --widget-background-color-dark: #1a1a1a;
                    --widget-border-color: #ebebeb;
                    --widget-border-color-dark: #333;
                    --widget-text-color: #171717;
                    --widget-text-color-dark: #e6e6e6;
                    --widget-text-muted-color: #5c5c5c;
                    --widget-text-muted-color-dark: #999;
                    --widget-footer-background-color: transparent;
                    --widget-footer-background-color-dark: transparent;
                    --widget-link-text-color: #171717;
                    --widget-link-text-color-dark: #e6e6e6;
                    --widget-branding-link-color: #47c2ff;
                    --widget-padding: 0;
                    --widget-radius: 0;
                    --widget-gap: 0.375rem;
                    --widget-border-width: 0;
                    --widget-max-width: 32rem;
                    --widget-z-index: 50;
                    --widget-footer-padding: 1.5rem 0 0 0;
                    --widget-title-size: 0.875rem;
                    --widget-title-line-height: 1.25;
                    --widget-title-tracking: -0.006em;
                    --widget-title-weight: 600;
                    --widget-entry-animation: c15t-enter-rkppV 0.15s ease-out;
                    --widget-exit-animation: c15t-exit-pldK8 0.15s ease-out;
                    --widget-accordion-padding: 0.875rem;
                    --widget-accordion-radius: 0.625rem;
                    --widget-accordion-duration: 0.2s;
                    --widget-accordion-ease: cubic-bezier(0.4, 0, 0.2, 1);
                    --widget-accordion-icon-size: 1.25rem;
                    --widget-accordion-background-color: #fff;
                    --widget-accordion-background-color-dark: #171717;
                    --widget-accordion-background-hover: #f7f7f7;
                    --widget-accordion-background-hover-dark: #1c1c1c;
                    --widget-accordion-border-color: #ebebeb;
                    --widget-accordion-border-color-dark: #333;
                    --widget-accordion-text-color: #171717;
                    --widget-accordion-text-color-dark: #e6e6e6;
                    --widget-accordion-icon-color: #5c5c5c;
                    --widget-accordion-icon-color-dark: #999;
                    --widget-accordion-arrow-color: #a3a3a3;
                    --widget-accordion-arrow-color-dark: #ccc;
                    --widget-accordion-content-color: #5c5c5c;
                    --widget-accordion-content-color-dark: #999;
                    --widget-accordion-focus-ring: #476cff;
                    --widget-accordion-focus-ring-dark: #2547d0;
                    --widget-accordion-focus-shadow: 0 0 0 2px #476cff;
                    --widget-accordion-focus-shadow-dark: 0 0 0 2px #2547d0;
               }
               .c15t-widget-mZfPK {
                    isolation: isolate;
                    -webkit-text-size-adjust: 100%;
                    tab-size: 4;
                    font-family:
                         system-ui,
                         Segoe UI,
                         Roboto,
                         Helvetica,
                         Arial,
                         sans-serif,
                         Apple Color Emoji,
                         Segoe UI Emoji;
                    line-height: 1.15;
               }
               .c15t-widget-mZfPK > :not([hidden]) ~ :not([hidden]) {
                    --space-y-reverse: 0;
                    margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
                    margin-bottom: calc(1.5rem * var(--space-y-reverse));
               }
               .c15t-card-cpA5_ {
                    width: 100%;
                    max-width: var(--widget-max-width);
                    border-radius: var(--widget-radius);
                    border: var(--widget-border-width) solid
                         var(--widget-border-color);
                    background-color: var(--widget-background-color);
                    position: relative;
               }
               .c15t-dark .c15t-card-cpA5_ {
                    background-color: var(--widget-background-color-dark);
                    border-color: var(--widget-border-color-dark);
               }
               .c15t-card-cpA5_[data-state='open'] {
                    animation: var(--widget-entry-animation);
               }
               .c15t-card-cpA5_[data-state='closed'] {
                    animation: var(--widget-exit-animation);
               }
               .c15t-header-ubIEO {
                    gap: var(--widget-gap);
                    padding: var(--widget-padding);
                    flex-direction: column;
                    display: flex;
               }
               .c15t-title-LLWlk {
                    font-size: var(--widget-title-size);
                    line-height: var(--widget-title-line-height);
                    letter-spacing: var(--widget-title-tracking);
                    font-weight: var(--widget-title-weight);
                    color: var(--widget-text-color);
               }
               .c15t-dark .c15t-title-LLWlk {
                    color: var(--widget-text-color-dark);
               }
               .c15t-description-AdjjX {
                    color: var(--widget-text-muted-color);
               }
               .c15t-dark .c15t-description-AdjjX {
                    color: var(--widget-text-muted-color-dark);
               }
               .c15t-content-JJu4V {
                    padding: 0 var(--widget-padding);
                    padding-bottom: var(--widget-padding);
               }
               .c15t-footer-ySewJ {
                    padding: var(--widget-footer-padding);
                    background-color: var(--widget-footer-background-color);
                    justify-content: space-between;
                    gap: 1rem;
                    display: flex;
               }
               .c15t-dark .c15t-footer-ySewJ {
                    background-color: var(
                         --widget-footer-background-color-dark
                    );
               }
               @media (width<=640px) {
                    .c15t-footer-ySewJ {
                         flex-direction: column;
                    }
               }
               @media (width>=640px) {
                    .c15t-footer-ySewJ {
                         flex-direction: row;
                    }
               }
               .c15t-footerGroup-PNx3e {
                    flex-direction: row;
                    justify-content: space-between;
                    gap: 1rem;
                    display: flex;
               }
               @media (width<=640px) {
                    .c15t-footerGroup-PNx3e,
                    .c15t-footerGroup-PNx3e button {
                         width: 100%;
                    }
               }
               .c15t-branding-ayjMW {
                    border-top: var(--widget-border-width) solid
                         var(--widget-border-color);
                    justify-content: center;
                    width: 100%;
                    padding-top: 1rem;
                    display: flex;
               }
               .c15t-dark .c15t-branding-ayjMW {
                    border-color: var(--widget-border-color-dark);
               }
               .c15t-brandingLink-mwCeb {
                    color: var(--widget-link-text-color);
                    text-align: center;
                    flex-direction: row;
                    flex: 1;
                    justify-content: center;
                    align-items: center;
                    gap: 0.5rem;
                    text-decoration: none;
                    display: flex;
               }
               .c15t-dark .c15t-brandingLink-mwCeb {
                    color: var(--widget-link-text-color-dark);
               }
               .c15t-brandingLink-mwCeb svg {
                    height: 1.2rem;
               }
               @keyframes c15t-enter-rkppV {
                    0% {
                         opacity: 0;
                         transform: scale(0.95);
                    }
                    to {
                         opacity: 1;
                         transform: scale(1);
                    }
               }
               @keyframes c15t-exit-pldK8 {
                    0% {
                         opacity: 1;
                         transform: scale(1);
                    }
                    to {
                         opacity: 0;
                         transform: scale(0.95);
                    }
               }
               .c15t-bottomLeft-ZpTtt {
                    bottom: 0;
                    left: 0;
               }
               .c15t-bottomRight-StkOw {
                    bottom: 0;
                    right: 0;
               }
               .c15t-topLeft-_G3uz {
                    top: 0;
                    left: 0;
               }
               .c15t-topRight-By5Hm {
                    top: 0;
                    right: 0;
               }
               .c15t-accordionItem-fU3xo {
                    border-radius: var(--widget-accordion-radius);
                    border: 1px solid var(--widget-accordion-border-color);
                    background-color: var(--widget-accordion-background-color);
                    position: relative;
                    overflow: visible;
               }
               .c15t-accordionItem-fU3xo:has(
                    .c15t-accordionTriggerInner-bepZm:focus-visible
               ) {
                    box-shadow: 0 0 0 2px var(--widget-accordion-focus-ring);
               }
               .c15t-dark .c15t-accordionItem-fU3xo {
                    border-color: var(--widget-accordion-border-color-dark);
                    background-color: var(
                         --widget-accordion-background-color-dark
                    );
               }
               .c15t-accordionTrigger-SWny4 {
                    width: 100%;
                    color: var(--widget-accordion-text-color);
                    transition: background-color
                         var(--widget-accordion-duration)
                         var(--widget-accordion-ease);
                    background-color: #0000;
                    justify-content: space-between;
                    align-items: center;
                    display: flex;
               }
               .c15t-accordionTrigger-SWny4:hover {
                    background-color: var(--widget-accordion-background-hover);
               }
               .c15t-dark .c15t-accordionTrigger-SWny4 {
                    color: var(--widget-accordion-text-color-dark);
               }
               .c15t-dark .c15t-accordionTrigger-SWny4:hover {
                    background-color: var(
                         --widget-accordion-background-hover-dark
                    );
               }
               .c15t-accordionTriggerInner-bepZm {
                    align-items: center;
                    gap: var(--widget-gap);
                    font-size: var(--widget-title-size);
                    font-weight: var(--widget-title-weight);
                    border-radius: var(--widget-accordion-radius);
                    display: flex;
                    position: relative;
               }
               .c15t-accordionContent-qm_yt {
                    padding: var(--widget-accordion-padding);
                    color: var(--widget-accordion-content-color);
                    font-size: 0.875rem;
                    line-height: 1.5;
               }
               .c15t-dark .c15t-accordionContent-qm_yt {
                    color: var(--widget-accordion-content-color-dark);
               }
               .c15t-accordionArrow-t0PT0 {
                    color: var(--widget-accordion-arrow-color);
                    width: var(--widget-accordion-icon-size);
                    height: var(--widget-accordion-icon-size);
                    transition: transform var(--widget-accordion-duration)
                         var(--widget-accordion-ease);
               }
               .c15t-dark .c15t-accordionArrow-t0PT0 {
                    color: var(--widget-accordion-arrow-color-dark);
               }
               .c15t-accordionItem-fU3xo[data-state='open']
                    .c15t-accordionArrow-t0PT0 {
                    transform: rotate(180deg);
               }
               .c15t-switch-cBZCr {
                    cursor: pointer;
                    background-color: var(--widget-accordion-background-hover);
                    width: 2rem;
                    height: 1.25rem;
                    transition: background-color
                         var(--widget-accordion-duration)
                         var(--widget-accordion-ease);
                    border-radius: 9999px;
                    justify-content: center;
                    align-items: center;
                    display: inline-flex;
               }
               .c15t-dark .c15t-switch-cBZCr {
                    background-color: var(
                         --widget-accordion-background-hover-dark
                    );
               }
               .c15t-switch-cBZCr[data-state='checked'] {
                    background-color: var(--widget-accordion-focus-ring);
               }
               .c15t-dark .c15t-switch-cBZCr[data-state='checked'] {
                    background-color: var(--widget-accordion-focus-ring-dark);
               }
          </style>
          <style>
               :root {
                    --dialog-font-family:
                         system-ui, 'Segoe UI', Roboto, Helvetica, Arial,
                         sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
                    --dialog-line-height: 1.15;
                    --dialog-title-font-size: 0.875rem;
                    --dialog-title-font-weight: 600;
                    --dialog-title-letter-spacing: -0.025em;
                    --dialog-description-font-size: 1rem;
                    --dialog-description-font-weight: 400;
                    --dialog-description-line-height: 1.15;
                    --dialog-footer-font-size: 14px;
                    --dialog-branding-font-size: 1rem;
                    --dialog-branding-font-weight: 500;
                    --dialog-branding-line-height: 1.5;
                    --dialog-branding-letter-spacing: -0.01em;
                    --dialog-stroke-color: #ebebeb;
                    --dialog-stroke-color-dark: #333;
                    --dialog-branding-focus-color: #476cff;
                    --dialog-branding-focus-color-dark: #2547d0;
                    --dialog-link-text-color: #171717;
                    --dialog-link-text-color-dark: #e6e6e6;
                    --dialog-border-color: #ebebeb;
                    --dialog-border-color-dark: #333;
                    --dialog-background-color: white;
                    --dialog-background-color-dark: #1a1a1a;
                    --dialog-foreground-color: #171717;
                    --dialog-foreground-color-dark: #e6e6e6;
                    --dialog-muted-color: #737373;
                    --dialog-muted-color-dark: #a3a3a3;
                    --dialog-overlay-background-color: #00000080;
                    --dialog-overlay-background-color-dark: #00000080;
                    --dialog-card-padding: 1.5rem;
                    --dialog-card-padding-mobile: 1rem;
                    --dialog-card-gap: 0.375rem;
                    --dialog-header-gap: 0.375rem;
                    --dialog-content-gap: 1rem;
                    --dialog-footer-padding-y: 1rem;
                    --dialog-card-radius: 1.25rem;
                    --dialog-max-width: 28rem;
                    --dialog-height: 80%;
                    --dialog-z-index: 1000000000;
                    --dialog-overlay-z-index: 1000000000;
                    --dialog-card-shadow: 0 1px 2px 0 #0000000d;
                    --dialog-border-width: 1px;
                    --dialog-border-style: solid;
                    --dialog-animation-duration: 0.2s;
                    --dialog-animation-timing: ease-out;
                    --dialog-branding-gap: 0.5rem;
                    --dialog-branding-icon-height: 1.25rem;
                    --dialog-branding-icon-width: auto;
               }
               .c15t-root-QhMZC {
                    isolation: isolate;
                    font-family: var(--dialog-font-family);
                    line-height: var(--dialog-line-height);
                    -webkit-text-size-adjust: 100%;
                    tab-size: 4;
                    padding: var(--dialog-card-padding-mobile);
                    z-index: var(--dialog-z-index);
                    border-radius: var(--dialog-card-radius);
                    width: 100%;
                    height: var(--dialog-height);
                    background: 0 0;
                    border: 0;
                    justify-content: center;
                    align-items: center;
                    margin: 0;
                    display: flex;
                    position: fixed;
                    inset: 0;
               }
               .c15t-root-QhMZC[dir='rtl'] {
                    direction: rtl;
               }
               .c15t-dialogVisible-fwyvr {
                    opacity: 1;
                    transition: opacity var(--dialog-animation-duration)
                         var(--dialog-animation-timing);
               }
               .c15t-dialogHidden-WwOAw {
                    opacity: 0;
                    transition: opacity var(--dialog-animation-duration)
                         var(--dialog-animation-timing);
               }
               .c15t-contentVisible-A_pT0 {
                    opacity: 1;
                    transition:
                         opacity var(--dialog-animation-duration)
                              var(--dialog-animation-timing),
                         transform var(--dialog-animation-duration)
                              cubic-bezier(0.34, 1.56, 0.64, 1);
                    transform: scale(1);
               }
               .c15t-contentHidden-GCC7t {
                    opacity: 0;
                    transition:
                         opacity var(--dialog-animation-duration)
                              var(--dialog-animation-timing),
                         transform var(--dialog-animation-duration)
                              var(--dialog-animation-timing);
                    transform: scale(0.95);
               }
               @media (width>=640px) {
                    .c15t-root-QhMZC {
                         padding: var(--dialog-card-padding);
                         width: auto;
                    }
               }
               .c15t-container-bOKMN {
                    width: 100%;
                    max-width: var(--dialog-max-width);
                    margin: auto;
               }
               .c15t-branding-p1rXd {
                    justify-content: center;
                    align-items: center;
                    gap: var(--dialog-branding-gap);
                    font-size: var(--dialog-branding-font-size);
                    font-weight: var(--dialog-branding-font-weight);
                    line-height: var(--dialog-branding-line-height);
                    letter-spacing: var(--dialog-branding-letter-spacing);
                    color: var(--dialog-foreground-color);
                    border-radius: 0.25rem;
                    margin: auto 0;
                    padding: 0 0.5rem;
                    text-decoration: none;
                    display: flex;
               }
               .c15t-branding-p1rXd:focus-visible {
                    box-shadow: 0 0 0 2px var(--dialog-branding-focus-color);
                    outline: none;
               }
               .c15t-dark .c15t-branding-p1rXd:focus-visible {
                    box-shadow: 0 0 0 2px
                         var(--dialog-branding-focus-color-dark);
               }
               .c15t-dark .c15t-branding-p1rXd {
                    color: var(--dialog-foreground-color-dark);
               }
               .c15t-brandingC15T-gskQ7 {
                    width: var(--dialog-branding-icon-width);
                    height: var(--dialog-branding-icon-height);
               }
               .c15t-brandingConsent-yGJd8 {
                    width: var(--dialog-branding-icon-width);
                    height: 1rem;
               }
               .c15t-headerWrapper-GSp8u {
                    position: relative;
               }
               .c15t-closeButton-PxEni {
                    position: absolute;
                    top: 22px;
                    right: 22px;
               }
               .c15t-footer-oOtr_ {
                    border-top: solid 1px var(--dialog-stroke-color);
                    justify-content: center;
                    padding-top: 1rem;
                    padding-bottom: 1rem;
                    font-size: 14px;
               }
               .c15t-overlay-jJ4Q1 {
                    color: var(--dialog-link-text-color);
                    background-color: var(--dialog-overlay-background-color);
                    z-index: var(--dialog-overlay-z-index);
                    position: fixed;
                    inset: 0;
               }
               .c15t-overlayVisible-qy2bF {
                    opacity: 1;
                    transition: opacity var(--dialog-animation-duration)
                         var(--dialog-animation-timing);
               }
               .c15t-overlayHidden-IC_C7 {
                    opacity: 0;
                    transition: opacity var(--dialog-animation-duration)
                         var(--dialog-animation-timing);
               }
               .c15t-dark .c15t-overlay-jJ4Q1 {
                    background-color: var(
                         --dialog-overlay-background-color-dark
                    );
                    color: var(--dialog-link-text-color-dark);
               }
               .c15t-card-d2uUf {
                    border-radius: var(--dialog-card-radius);
                    border: var(--dialog-border-width)
                         var(--dialog-border-style) var(--dialog-border-color);
                    background-color: var(--dialog-background-color);
                    color: var(--dialog-foreground-color);
                    box-shadow: var(--dialog-card-shadow);
                    overflow: hidden;
               }
               .c15t-dark .c15t-card-d2uUf {
                    background-color: var(--dialog-background-color-dark);
                    color: var(--dialog-foreground-color-dark);
                    border-color: var(--dialog-border-color-dark);
               }
               .c15t-header-qF2QY {
                    padding: var(--dialog-card-padding);
                    gap: var(--dialog-header-gap);
                    flex-direction: column;
                    display: flex;
               }
               .c15t-header-qF2QY > * + * {
                    margin-top: var(--dialog-card-gap);
               }
               .c15t-title-B_498 {
                    font-weight: var(--dialog-title-font-weight);
                    font-size: var(--dialog-title-font-size);
                    letter-spacing: var(--dialog-title-letter-spacing);
                    line-height: 1;
               }
               .c15t-description-Nct_b {
                    color: var(--dialog-muted-color);
                    font-size: var(--dialog-description-font-size);
                    font-weight: var(--dialog-description-font-weight);
                    line-height: var(--dialog-description-line-height);
               }
               .c15t-dark .c15t-description-Nct_b {
                    color: var(--dialog-muted-color-dark);
               }
               .c15t-content-_6tun {
                    padding: var(--dialog-card-padding);
                    gap: var(--dialog-content-gap);
                    padding-top: 0;
               }
               .c15t-footer-oOtr_ {
                    font-size: var(--dialog-footer-font-size);
                    padding-top: var(--dialog-footer-padding-y);
                    padding-bottom: var(--dialog-footer-padding-y);
                    border-top: var(--dialog-border-width)
                         var(--dialog-border-style) var(--dialog-stroke-color);
                    justify-content: center;
                    align-items: center;
                    display: flex;
               }
               .c15t-footer-oOtr_:empty {
                    border-top: none;
                    display: none;
               }
               .c15t-dark .c15t-footer-oOtr_ {
                    border-color: var(--dialog-stroke-color-dark);
               }
          </style>
          <style type="text/css">
               [data-vaul-drawer] {
                    touch-action: none;
                    will-change: transform;
                    transition: transform 0.5s cubic-bezier(0.32, 0.72, 0, 1);
                    animation-duration: 0.5s;
                    animation-timing-function: cubic-bezier(0.32, 0.72, 0, 1);
               }
               [data-vaul-drawer][data-vaul-snap-points='false'][data-vaul-drawer-direction='bottom'][data-state='open'] {
                    animation-name: slideFromBottom;
               }
               [data-vaul-drawer][data-vaul-snap-points='false'][data-vaul-drawer-direction='bottom'][data-state='closed'] {
                    animation-name: slideToBottom;
               }
               [data-vaul-drawer][data-vaul-snap-points='false'][data-vaul-drawer-direction='top'][data-state='open'] {
                    animation-name: slideFromTop;
               }
               [data-vaul-drawer][data-vaul-snap-points='false'][data-vaul-drawer-direction='top'][data-state='closed'] {
                    animation-name: slideToTop;
               }
               [data-vaul-drawer][data-vaul-snap-points='false'][data-vaul-drawer-direction='left'][data-state='open'] {
                    animation-name: slideFromLeft;
               }
               [data-vaul-drawer][data-vaul-snap-points='false'][data-vaul-drawer-direction='left'][data-state='closed'] {
                    animation-name: slideToLeft;
               }
               [data-vaul-drawer][data-vaul-snap-points='false'][data-vaul-drawer-direction='right'][data-state='open'] {
                    animation-name: slideFromRight;
               }
               [data-vaul-drawer][data-vaul-snap-points='false'][data-vaul-drawer-direction='right'][data-state='closed'] {
                    animation-name: slideToRight;
               }
               [data-vaul-drawer][data-vaul-snap-points='true'][data-vaul-drawer-direction='bottom'] {
                    transform: translate3d(0, 100%, 0);
               }
               [data-vaul-drawer][data-vaul-snap-points='true'][data-vaul-drawer-direction='top'] {
                    transform: translate3d(0, -100%, 0);
               }
               [data-vaul-drawer][data-vaul-snap-points='true'][data-vaul-drawer-direction='left'] {
                    transform: translate3d(-100%, 0, 0);
               }
               [data-vaul-drawer][data-vaul-snap-points='true'][data-vaul-drawer-direction='right'] {
                    transform: translate3d(100%, 0, 0);
               }
               [data-vaul-drawer][data-vaul-delayed-snap-points='true'][data-vaul-drawer-direction='top'] {
                    transform: translate3d(0, var(--snap-point-height, 0), 0);
               }
               [data-vaul-drawer][data-vaul-delayed-snap-points='true'][data-vaul-drawer-direction='bottom'] {
                    transform: translate3d(0, var(--snap-point-height, 0), 0);
               }
               [data-vaul-drawer][data-vaul-delayed-snap-points='true'][data-vaul-drawer-direction='left'] {
                    transform: translate3d(var(--snap-point-height, 0), 0, 0);
               }
               [data-vaul-drawer][data-vaul-delayed-snap-points='true'][data-vaul-drawer-direction='right'] {
                    transform: translate3d(var(--snap-point-height, 0), 0, 0);
               }
               [data-vaul-overlay][data-vaul-snap-points='false'] {
                    animation-duration: 0.5s;
                    animation-timing-function: cubic-bezier(0.32, 0.72, 0, 1);
               }
               [data-vaul-overlay][data-vaul-snap-points='false'][data-state='open'] {
                    animation-name: fadeIn;
               }
               [data-vaul-overlay][data-state='closed'] {
                    animation-name: fadeOut;
               }
               [data-vaul-overlay][data-vaul-snap-points='true'] {
                    opacity: 0;
                    transition: opacity 0.5s cubic-bezier(0.32, 0.72, 0, 1);
               }
               [data-vaul-overlay][data-vaul-snap-points='true'] {
                    opacity: 1;
               }
               [data-vaul-drawer]:not(
                         [data-vaul-custom-container='true']
                    )::after {
                    content: '';
                    position: absolute;
                    background: inherit;
                    background-color: inherit;
               }
               [data-vaul-drawer][data-vaul-drawer-direction='top']::after {
                    top: initial;
                    bottom: 100%;
                    left: 0;
                    right: 0;
                    height: 200%;
               }
               [data-vaul-drawer][data-vaul-drawer-direction='bottom']::after {
                    top: 100%;
                    bottom: initial;
                    left: 0;
                    right: 0;
                    height: 200%;
               }
               [data-vaul-drawer][data-vaul-drawer-direction='left']::after {
                    left: initial;
                    right: 100%;
                    top: 0;
                    bottom: 0;
                    width: 200%;
               }
               [data-vaul-drawer][data-vaul-drawer-direction='right']::after {
                    left: 100%;
                    right: initial;
                    top: 0;
                    bottom: 0;
                    width: 200%;
               }
               [data-vaul-overlay][data-vaul-snap-points='true']:not(
                         [data-vaul-snap-points-overlay='true']
                    ):not([data-state='closed']) {
                    opacity: 0;
               }
               [data-vaul-overlay][data-vaul-snap-points-overlay='true'] {
                    opacity: 1;
               }
               [data-vaul-handle] {
                    display: block;
                    position: relative;
                    opacity: 0.7;
                    background: #e2e2e4;
                    margin-left: auto;
                    margin-right: auto;
                    height: 5px;
                    width: 32px;
                    border-radius: 1rem;
                    touch-action: pan-y;
               }
               [data-vaul-handle]:active,
               [data-vaul-handle]:hover {
                    opacity: 1;
               }
               [data-vaul-handle-hitarea] {
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%, -50%);
                    width: max(100%, 2.75rem);
                    height: max(100%, 2.75rem);
                    touch-action: inherit;
               }
               @media (hover: hover) and (pointer: fine) {
                    [data-vaul-drawer] {
                         user-select: none;
                    }
               }
               @media (pointer: fine) {
                    [data-vaul-handle-hitarea]: {
                         width: 100%;
                         height: 100%;
                    }
               }
               @keyframes fadeIn {
                    from {
                         opacity: 0;
                    }
                    to {
                         opacity: 1;
                    }
               }
               @keyframes fadeOut {
                    to {
                         opacity: 0;
                    }
               }
               @keyframes slideFromBottom {
                    from {
                         transform: translate3d(0, 100%, 0);
                    }
                    to {
                         transform: translate3d(0, 0, 0);
                    }
               }
               @keyframes slideToBottom {
                    to {
                         transform: translate3d(0, 100%, 0);
                    }
               }
               @keyframes slideFromTop {
                    from {
                         transform: translate3d(0, -100%, 0);
                    }
                    to {
                         transform: translate3d(0, 0, 0);
                    }
               }
               @keyframes slideToTop {
                    to {
                         transform: translate3d(0, -100%, 0);
                    }
               }
               @keyframes slideFromLeft {
                    from {
                         transform: translate3d(-100%, 0, 0);
                    }
                    to {
                         transform: translate3d(0, 0, 0);
                    }
               }
               @keyframes slideToLeft {
                    to {
                         transform: translate3d(-100%, 0, 0);
                    }
               }
               @keyframes slideFromRight {
                    from {
                         transform: translate3d(100%, 0, 0);
                    }
                    to {
                         transform: translate3d(0, 0, 0);
                    }
               }
               @keyframes slideToRight {
                    to {
                         transform: translate3d(100%, 0, 0);
                    }
               }
          </style>
          <style>
               :root {
                    isolation: isolate;
                    -webkit-text-size-adjust: 100%;
                    tab-size: 4;
                    --frame-placeholder-gap: 1rem;
                    --frame-placeholder-border-radius: 1.25rem;
                    --frame-placeholder-border-width: 1px;
                    --frame-placeholder-border-color: #ebebeb;
                    --frame-placeholder-border-color-dark: #333;
                    --frame-placeholder-background-color: #fff;
                    --frame-placeholder-background-color-dark: #171717;
                    --frame-placeholder-text-color: #171717;
                    --frame-placeholder-text-color-dark: #e6e6e6;
                    --frame-placeholder-title-color: #171717;
                    --frame-placeholder-title-color-dark: #e6e6e6;
                    --frame-placeholder-shadow: 0 16px 32px -12px #0e121b1a;
                    --frame-placeholder-shadow-dark: 0 16px 32px -12px #0e121b1a;
                    font-family:
                         system-ui,
                         Segoe UI,
                         Roboto,
                         Helvetica,
                         Arial,
                         sans-serif,
                         Apple Color Emoji,
                         Segoe UI Emoji;
                    line-height: 1.5;
               }
               .c15t-placeholder-EX9mo {
                    text-align: center;
                    border-radius: var(--frame-placeholder-border-radius);
                    border-width: var(--frame-placeholder-border-width);
                    border-color: var(--frame-placeholder-border-color);
                    background-color: var(--frame-placeholder-background-color);
                    opacity: 1;
                    pointer-events: auto;
                    justify-content: center;
                    align-items: center;
                    gap: var(--frame-placeholder-gap);
                    flex-direction: column;
                    width: 100%;
                    height: 100%;
                    padding: 1rem;
                    display: flex;
                    transform: scale(1);
               }
               .c15t-dark .c15t-placeholder-EX9mo {
                    background-color: var(
                         --frame-placeholder-background-color-dark
                    );
                    border-color: var(--frame-placeholder-border-color-dark);
                    box-shadow: var(--frame-placeholder-shadow-dark);
               }
               .c15t-title-SYXYk {
                    letter-spacing: -0.011em;
                    color: var(--frame-placeholder-title-color);
                    font-size: 1rem;
                    font-weight: 500;
                    line-height: 1.5rem;
               }
               .c15t-dark .c15t-title-SYXYk {
                    color: var(--frame-placeholder-title-color-dark);
               }
          </style>
          <link
               rel="preload"
               href="https://api.vietcod.com/uploads/items/1772782345318-59468051.webp"
               as="image"
          />
          <link
               rel="preload"
               href="https://api.vietcod.com/uploads/items/1772782992862-972227404.webp"
               as="image"
          />
          <link
               rel="preload"
               href="https://api.vietcod.com/uploads/items/1772783507004-35292756.webp"
               as="image"
          />
          <link
               rel="preload"
               href="https://api.vietcod.com/uploads/items/1772784187365-584690717.webp"
               as="image"
          />
          <link
               rel="preload"
               href="https://api.vietcod.com/uploads/items/1772784687681-868903645.webp"
               as="image"
          />
          <link
               rel="preload"
               href="https://api.vietcod.com/uploads/items/1772784981255-360274786.webp"
               as="image"
          />
          <style>
               /* Fix offline view */
               [data-testid='cookie-banner-root'],
               .c15t-root-tnx7V {
                    display: none !important;
               }
               /* Ngăn scroll bị lock do dialog */
               body {
                    overflow: auto !important;
               }
               html,
               body {
                    background-color: #0a0f1a !important;
               }

               /* Đổi tất cả phần tử có bg-black */
               .bg-black,
               [class*='bg-black'] {
                    background-color: #0a0f1a !important;
               }

               /* Fix các section/div có background inline */
               [style*='background-color: rgb(0, 0, 0)'],
               [style*='background-color:#000'],
               [style*='background:#000'] {
                    background-color: #0a0f1a !important;
               }
          </style>
     </head>
     <body
          class="min-h-screen overflow-x-hidden antialiased bg-black text-pretty"
     >
          <div class="relative overflow-x-clip">
               <nav
                    style="
                         background-color: rgba(10, 15, 26, 0.95);
                         border-color: rgba(255, 255, 255, 0.1);
                         opacity: 1;
                         transform: none;
                    "
                    class="fixed z-[100] top-0 border-b-[.75px] border-white/10 w-full py-3"
               >
                    <div class="container flex items-center justify-between">
                         <div
                              class="flex items-center justify-between w-full sm:w-auto sm:gap-12 lg:gap-20"
                         >
                              <a aria-label="Vncod Home" href="/"
                                   ><svg
                                        class="min-w-[100px]"
                                        xmlns="http://www.w3.org/2000/svg"
                                        width="110"
                                        height="40"
                                        viewBox="0 0 110 40"
                                   >
                                        <defs>
                                             <radialGradient
                                                  id="paint_vietcod_nav"
                                                  cx="0"
                                                  cy="0"
                                                  r="1"
                                                  gradientUnits="userSpaceOnUse"
                                                  gradientTransform="translate(55 20) rotate(23) scale(90)"
                                             >
                                                  <stop
                                                       offset="0.2"
                                                       stop-color="white"
                                                  ></stop>
                                                  <stop
                                                       offset="0.9"
                                                       stop-color="white"
                                                       stop-opacity="0.5"
                                                  ></stop>
                                             </radialGradient>
                                        </defs>
                                        <text
                                             x="0"
                                             y="28"
                                             font-family="Inter, sans-serif"
                                             font-weight="800"
                                             font-size="26"
                                             fill="url(#paint_vietcod_nav)"
                                             style="
                                                  letter-spacing: -0.04em;
                                                  shape-rendering: geometricPrecision;
                                             "
                                        >
                                             Vncod
                                        </text>
                                   </svg></a
                              >
                              <div class="lg:hidden">
                                   <button
                                        type="button"
                                        onclick="
                                             var m =
                                                  document.getElementById(
                                                       'mobile-nav-menu',
                                                  );
                                             var icon =
                                                  document.getElementById(
                                                       'menu-chevron',
                                                  );
                                             if (
                                                  m.style.display === 'none' ||
                                                  m.style.display === ''
                                             ) {
                                                  m.style.display = 'block';
                                                  icon.style.transform =
                                                       'rotate(180deg)';
                                             } else {
                                                  m.style.display = 'none';
                                                  icon.style.transform =
                                                       'rotate(0deg)';
                                             }
                                        "
                                        class="flex items-center justify-end h-8 gap-2 pl-3 py-2 text-sm duration-150 text-white/60 hover:text-white/80"
                                   >
                                        Menu
                                        <svg
                                             id="menu-chevron"
                                             xmlns="http://www.w3.org/2000/svg"
                                             width="24"
                                             height="24"
                                             viewBox="0 0 24 24"
                                             fill="none"
                                             stroke="currentColor"
                                             stroke-width="2"
                                             stroke-linecap="round"
                                             stroke-linejoin="round"
                                             class="lucide lucide-chevron-down w-4 h-4 relative top-[1px]"
                                             style="
                                                  transition: transform 0.2s
                                                       ease;
                                             "
                                        >
                                             <path d="m6 9 6 6 6-6"></path>
                                        </svg>
                                   </button>
                              </div>
                              <ul
                                   class="items-center gap-8 xl:gap-10 hidden lg:flex"
                              >
                                   <li>
                                        <a
                                             class="text-white/50 hover:text-white/90 duration-200 text-sm tracking-[0.07px]"
                                             href="/about"
                                             >Giới thiệu</a
                                        >
                                   </li>
                                   <li>
                                        <a
                                             target="_blank"
                                             rel="noopener noreferrer"
                                             class="text-white/50 hover:text-white/90 duration-200 text-sm tracking-[0.07px]"
                                             href="https://portal.vietnix.vn/aff.php?aff=2857&amp;url=https://vietnix.vn/vps-gia-re/"
                                             >Hạ tầng</a
                                        >
                                   </li>
                                   <li>
                                        <a
                                             class="text-white/50 hover:text-white/90 duration-200 text-sm tracking-[0.07px]"
                                             href="/blog"
                                             >Blog</a
                                        >
                                   </li>
                                   <li>
                                        <a
                                             target="_blank"
                                             rel="noopener noreferrer"
                                             class="text-white/50 hover:text-white/90 duration-200 text-sm tracking-[0.07px]"
                                             href="https://zalo.me/0829091871"
                                             >Hỗ trợ</a
                                        >
                                   </li>
                              </ul>
                         </div>
                         <div class="hidden sm:flex whitespace-nowrap gap-4">
                              <a href="/pricing"
                                   ><div
                                        class="items-center gap-2 px-4 duration-500 text-white/70 hover:text-white flex h-8 text-sm"
                                   >
                                        Thiết kế Web Game<svg
                                             xmlns="http://www.w3.org/2000/svg"
                                             width="24"
                                             height="24"
                                             viewBox="0 0 24 24"
                                             fill="none"
                                             stroke="currentColor"
                                             stroke-width="2"
                                             stroke-linecap="round"
                                             stroke-linejoin="round"
                                             class="lucide lucide-layout-grid w-4 h-4"
                                        >
                                             <rect
                                                  width="7"
                                                  height="7"
                                                  x="3"
                                                  y="3"
                                                  rx="1"
                                             ></rect>
                                             <rect
                                                  width="7"
                                                  height="7"
                                                  x="14"
                                                  y="3"
                                                  rx="1"
                                             ></rect>
                                             <rect
                                                  width="7"
                                                  height="7"
                                                  x="14"
                                                  y="14"
                                                  rx="1"
                                             ></rect>
                                             <rect
                                                  width="7"
                                                  height="7"
                                                  x="3"
                                                  y="14"
                                                  rx="1"
                                             ></rect>
                                        </svg></div></a
                              ><a rel="noopener noreferrer" href="/templates"
                                   ><div class="relative group/button">
                                        <div
                                             aria-hidden="true"
                                             class="absolute -inset-0.5 bg-white rounded-lg blur-2xl group-hover/button:opacity-30 transition duration-300 opacity-0"
                                        ></div>
                                        <div
                                             class="relative flex items-center px-4 gap-2 text-sm font-semibold text-black group-hover:bg-white/90 duration-1000 rounded-lg bg-gradient-to-r from-white/80 to-white h-8"
                                        >
                                             Server Game<svg
                                                  xmlns="http://www.w3.org/2000/svg"
                                                  width="24"
                                                  height="24"
                                                  viewBox="0 0 24 24"
                                                  fill="none"
                                                  stroke="currentColor"
                                                  stroke-width="2"
                                                  stroke-linecap="round"
                                                  stroke-linejoin="round"
                                                  class="lucide lucide-chevron-right w-4 h-4"
                                             >
                                                  <path
                                                       d="m9 18 6-6-6-6"
                                                  ></path>
                                             </svg>
                                             <div
                                                  aria-hidden="true"
                                                  class="pointer-events-none absolute inset-0 opacity-0 group-hover/button:[animation-delay:.2s] group-hover/button:animate-button-shine rounded-[inherit] bg-[length:200%_100%] bg-[linear-gradient(110deg,transparent,35%,rgba(255,255,255,.7),75%,transparent)]"
                                             ></div>
                                        </div></div
                              ></a>
                         </div>
                    </div>
                    <!-- MOBILE DROPDOWN MENU -->
                    <div
                         id="mobile-nav-menu"
                         style="display: none"
                         class="lg:hidden"
                    >
                         <div
                              style="
                                   background: rgba(0, 0, 0, 0.96);
                                   border-top: 1px solid
                                        rgba(255, 255, 255, 0.08);
                                   padding: 8px 0 16px;
                              "
                         >
                              <a
                                   href="/about"
                                   style="
                                        display: flex;
                                        align-items: center;
                                        justify-content: space-between;
                                        padding: 14px 20px;
                                        color: rgba(255, 255, 255, 0.75);
                                        text-decoration: none;
                                        font-size: 15px;
                                        border-bottom: 1px solid
                                             rgba(255, 255, 255, 0.05);
                                   "
                                   >Giới thiệu
                                   <span style="color: rgba(255, 255, 255, 0.3)"
                                        >›</span
                                   ></a
                              >
                              <a
                                   href="https://portal.vietnix.vn/aff.php?aff=2857&url=https://vietnix.vn/vps-gia-re/"
                                   target="_blank"
                                   style="
                                        display: flex;
                                        align-items: center;
                                        justify-content: space-between;
                                        padding: 14px 20px;
                                        color: rgba(255, 255, 255, 0.75);
                                        text-decoration: none;
                                        font-size: 15px;
                                        border-bottom: 1px solid
                                             rgba(255, 255, 255, 0.05);
                                   "
                                   >Hạ tầng
                                   <span style="color: rgba(255, 255, 255, 0.3)"
                                        >›</span
                                   ></a
                              >
                              <a
                                   href="/blog"
                                   style="
                                        display: flex;
                                        align-items: center;
                                        justify-content: space-between;
                                        padding: 14px 20px;
                                        color: rgba(255, 255, 255, 0.75);
                                        text-decoration: none;
                                        font-size: 15px;
                                        border-bottom: 1px solid
                                             rgba(255, 255, 255, 0.05);
                                   "
                                   >Blog
                                   <span style="color: rgba(255, 255, 255, 0.3)"
                                        >›</span
                                   ></a
                              >
                              <a
                                   href="https://zalo.me/0829091871"
                                   target="_blank"
                                   style="
                                        display: flex;
                                        align-items: center;
                                        justify-content: space-between;
                                        padding: 14px 20px;
                                        color: rgba(255, 255, 255, 0.75);
                                        text-decoration: none;
                                        font-size: 15px;
                                        border-bottom: 1px solid
                                             rgba(255, 255, 255, 0.05);
                                   "
                                   >Hỗ trợ
                                   <span style="color: rgba(255, 255, 255, 0.3)"
                                        >›</span
                                   ></a
                              >
                              <div
                                   style="
                                        padding: 16px 20px 4px;
                                        display: flex;
                                        flex-direction: column;
                                        gap: 10px;
                                   "
                              >
                                   <a
                                        href="/pricing"
                                        style="
                                             display: block;
                                             text-align: center;
                                             padding: 12px;
                                             border: 1px solid
                                                  rgba(255, 255, 255, 0.2);
                                             border-radius: 8px;
                                             color: rgba(255, 255, 255, 0.8);
                                             font-size: 14px;
                                             text-decoration: none;
                                        "
                                        >🎮 Thiết kế Web Game</a
                                   >
                                   <a
                                        href="/templates"
                                        style="
                                             display: block;
                                             text-align: center;
                                             padding: 12px;
                                             background: white;
                                             border-radius: 8px;
                                             color: black;
                                             font-size: 14px;
                                             font-weight: 700;
                                             text-decoration: none;
                                        "
                                        >Server Game →</a
                                   >
                              </div>
                         </div>
                    </div>
               </nav>
               <!--&--><!--&-->
               <div>
                    <!--$-->
                    <div
                         class="flex flex-col mx-auto pt-28 lg:pt-16 text-white/60"
                    >
                         <div>
                              <div
                                   class="relative -z-100 max-w-[1000px] mx-auto"
                              >
                                   <svg
                                        class="absolute left-0 right-0 -z-10 overflow-x-hidden w-full -top-52"
                                        viewBox="0 0 943 622"
                                        fill="none"
                                        xmlns="http://www.w3.org/2000/svg"
                                   >
                                        <g
                                             style="mix-blend-mode: lighten"
                                             filter="url(#filter0_f__R_4lfiulb_)"
                                        >
                                             <ellipse
                                                  cx="369.193"
                                                  cy="53.7926"
                                                  rx="32.7783"
                                                  ry="293.346"
                                                  transform="rotate(15.0538 369.193 53.7926)"
                                                  fill="url(#paint0_linear__R_4lfiulb_)"
                                                  fill-opacity="0.5"
                                             ></ellipse>
                                        </g>
                                        <g
                                             style="mix-blend-mode: darken"
                                             filter="url(#filter1_f__R_4lfiulb_)"
                                        >
                                             <ellipse
                                                  cx="475"
                                                  cy="32.7505"
                                                  rx="26.5"
                                                  ry="293.25"
                                                  fill="url(#paint1_linear__R_4lfiulb_)"
                                                  fill-opacity="0.5"
                                             ></ellipse>
                                        </g>
                                        <g
                                             style="mix-blend-mode: lighten"
                                             filter="url(#filter2_f__R_4lfiulb_)"
                                        >
                                             <ellipse
                                                  cx="578.34"
                                                  cy="104.085"
                                                  rx="22.3794"
                                                  ry="381.284"
                                                  transform="rotate(-15 578.34 104.085)"
                                                  fill="url(#paint2_linear__R_4lfiulb_)"
                                                  fill-opacity="0.5"
                                             ></ellipse>
                                        </g>
                                        <g
                                             style="mix-blend-mode: lighten"
                                             filter="url(#filter3_f__R_4lfiulb_)"
                                        >
                                             <ellipse
                                                  cx="526.416"
                                                  cy="-89.6963"
                                                  rx="22.3794"
                                                  ry="180.667"
                                                  transform="rotate(-15 526.416 -89.6963)"
                                                  fill="url(#paint3_linear__R_4lfiulb_)"
                                                  fill-opacity="0.5"
                                             ></ellipse>
                                        </g>
                                        <g
                                             style="mix-blend-mode: lighten"
                                             filter="url(#filter4_f__R_4lfiulb_)"
                                        >
                                             <ellipse
                                                  cx="471.75"
                                                  cy="151.501"
                                                  rx="22.25"
                                                  ry="381.5"
                                                  fill="url(#paint4_linear__R_4lfiulb_)"
                                                  fill-opacity="0.5"
                                             ></ellipse>
                                        </g>
                                        <g
                                             style="mix-blend-mode: lighten"
                                             filter="url(#filter5_f__R_4lfiulb_)"
                                        >
                                             <ellipse
                                                  cx="471.5"
                                                  cy="-72.9993"
                                                  rx="321.5"
                                                  ry="187.5"
                                                  fill="url(#paint5_linear__R_4lfiulb_)"
                                                  fill-opacity="0.5"
                                             ></ellipse>
                                        </g>
                                        <g
                                             style="mix-blend-mode: lighten"
                                             filter="url(#filter6_f__R_4lfiulb_)"
                                        >
                                             <ellipse
                                                  cx="471.5"
                                                  cy="-164.999"
                                                  rx="160.5"
                                                  ry="95.5"
                                                  fill="url(#paint6_linear__R_4lfiulb_)"
                                                  fill-opacity="0.5"
                                             ></ellipse>
                                        </g>
                                        <g
                                             style="mix-blend-mode: lighten"
                                             filter="url(#filter7_f__R_4lfiulb_)"
                                        >
                                             <ellipse
                                                  cx="471.5"
                                                  cy="-157.749"
                                                  rx="135"
                                                  ry="80.25"
                                                  fill="url(#paint7_linear__R_4lfiulb_)"
                                                  fill-opacity="0.5"
                                             ></ellipse>
                                        </g>
                                        <defs>
                                             <filter
                                                  id="filter0_f__R_4lfiulb_"
                                                  x="197.668"
                                                  y="-318.616"
                                                  width="343.05"
                                                  height="744.818"
                                                  filterUnits="userSpaceOnUse"
                                                  color-interpolation-filters="sRGB"
                                             >
                                                  <feFlood
                                                       flood-opacity="0"
                                                       result="BackgroundImageFix"
                                                  ></feFlood>
                                                  <feBlend
                                                       mode="normal"
                                                       in="SourceGraphic"
                                                       in2="BackgroundImageFix"
                                                       result="shape"
                                                  ></feBlend>
                                                  <feGaussianBlur
                                                       stdDeviation="44.5"
                                                       result="effect1_foregroundBlur__R_4lfiulb_"
                                                  ></feGaussianBlur>
                                             </filter>
                                             <filter
                                                  id="filter1_f__R_4lfiulb_"
                                                  x="359.5"
                                                  y="-349.499"
                                                  width="231"
                                                  height="764.5"
                                                  filterUnits="userSpaceOnUse"
                                                  color-interpolation-filters="sRGB"
                                             >
                                                  <feFlood
                                                       flood-opacity="0"
                                                       result="BackgroundImageFix"
                                                  ></feFlood>
                                                  <feBlend
                                                       mode="normal"
                                                       in="SourceGraphic"
                                                       in2="BackgroundImageFix"
                                                       result="shape"
                                                  ></feBlend>
                                                  <feGaussianBlur
                                                       stdDeviation="44.5"
                                                       result="effect1_foregroundBlur__R_4lfiulb_"
                                                  ></feGaussianBlur>
                                             </filter>
                                             <filter
                                                  id="filter2_f__R_4lfiulb_"
                                                  x="388.295"
                                                  y="-353.254"
                                                  width="380.089"
                                                  height="914.676"
                                                  filterUnits="userSpaceOnUse"
                                                  color-interpolation-filters="sRGB"
                                             >
                                                  <feFlood
                                                       flood-opacity="0"
                                                       result="BackgroundImageFix"
                                                  ></feFlood>
                                                  <feBlend
                                                       mode="normal"
                                                       in="SourceGraphic"
                                                       in2="BackgroundImageFix"
                                                       result="shape"
                                                  ></feBlend>
                                                  <feGaussianBlur
                                                       stdDeviation="44.5"
                                                       result="effect1_foregroundBlur__R_4lfiulb_"
                                                  ></feGaussianBlur>
                                             </filter>
                                             <filter
                                                  id="filter3_f__R_4lfiulb_"
                                                  x="385.889"
                                                  y="-353.306"
                                                  width="281.055"
                                                  height="527.218"
                                                  filterUnits="userSpaceOnUse"
                                                  color-interpolation-filters="sRGB"
                                             >
                                                  <feFlood
                                                       flood-opacity="0"
                                                       result="BackgroundImageFix"
                                                  ></feFlood>
                                                  <feBlend
                                                       mode="normal"
                                                       in="SourceGraphic"
                                                       in2="BackgroundImageFix"
                                                       result="shape"
                                                  ></feBlend>
                                                  <feGaussianBlur
                                                       stdDeviation="44.5"
                                                       result="effect1_foregroundBlur__R_4lfiulb_"
                                                  ></feGaussianBlur>
                                             </filter>
                                             <filter
                                                  id="filter4_f__R_4lfiulb_"
                                                  x="360.5"
                                                  y="-318.999"
                                                  width="222.5"
                                                  height="941"
                                                  filterUnits="userSpaceOnUse"
                                                  color-interpolation-filters="sRGB"
                                             >
                                                  <feFlood
                                                       flood-opacity="0"
                                                       result="BackgroundImageFix"
                                                  ></feFlood>
                                                  <feBlend
                                                       mode="normal"
                                                       in="SourceGraphic"
                                                       in2="BackgroundImageFix"
                                                       result="shape"
                                                  ></feBlend>
                                                  <feGaussianBlur
                                                       stdDeviation="44.5"
                                                       result="effect1_foregroundBlur__R_4lfiulb_"
                                                  ></feGaussianBlur>
                                             </filter>
                                             <filter
                                                  id="filter5_f__R_4lfiulb_"
                                                  x="-0.000152588"
                                                  y="-410.499"
                                                  width="943"
                                                  height="675"
                                                  filterUnits="userSpaceOnUse"
                                                  color-interpolation-filters="sRGB"
                                             >
                                                  <feFlood
                                                       flood-opacity="0"
                                                       result="BackgroundImageFix"
                                                  ></feFlood>
                                                  <feBlend
                                                       mode="normal"
                                                       in="SourceGraphic"
                                                       in2="BackgroundImageFix"
                                                       result="shape"
                                                  ></feBlend>
                                                  <feGaussianBlur
                                                       stdDeviation="75"
                                                       result="effect1_foregroundBlur__R_4lfiulb_"
                                                  ></feGaussianBlur>
                                             </filter>
                                             <filter
                                                  id="filter6_f__R_4lfiulb_"
                                                  x="161"
                                                  y="-410.499"
                                                  width="621"
                                                  height="491"
                                                  filterUnits="userSpaceOnUse"
                                                  color-interpolation-filters="sRGB"
                                             >
                                                  <feFlood
                                                       flood-opacity="0"
                                                       result="BackgroundImageFix"
                                                  ></feFlood>
                                                  <feBlend
                                                       mode="normal"
                                                       in="SourceGraphic"
                                                       in2="BackgroundImageFix"
                                                       result="shape"
                                                  ></feBlend>
                                                  <feGaussianBlur
                                                       stdDeviation="75"
                                                       result="effect1_foregroundBlur__R_4lfiulb_"
                                                  ></feGaussianBlur>
                                             </filter>
                                             <filter
                                                  id="filter7_f__R_4lfiulb_"
                                                  x="186.5"
                                                  y="-387.999"
                                                  width="570"
                                                  height="460.5"
                                                  filterUnits="userSpaceOnUse"
                                                  color-interpolation-filters="sRGB"
                                             >
                                                  <feFlood
                                                       flood-opacity="0"
                                                       result="BackgroundImageFix"
                                                  ></feFlood>
                                                  <feBlend
                                                       mode="normal"
                                                       in="SourceGraphic"
                                                       in2="BackgroundImageFix"
                                                       result="shape"
                                                  ></feBlend>
                                                  <feGaussianBlur
                                                       stdDeviation="75"
                                                       result="effect1_foregroundBlur__R_4lfiulb_"
                                                  ></feGaussianBlur>
                                             </filter>
                                             <linearGradient
                                                  id="paint0_linear__R_4lfiulb_"
                                                  x1="369.193"
                                                  y1="-239.553"
                                                  x2="369.193"
                                                  y2="347.138"
                                                  gradientUnits="userSpaceOnUse"
                                             >
                                                  <stop
                                                       stop-color="white"
                                                  ></stop>
                                                  <stop
                                                       offset="1"
                                                       stop-color="white"
                                                       stop-opacity="0"
                                                  ></stop>
                                             </linearGradient>
                                             <linearGradient
                                                  id="paint1_linear__R_4lfiulb_"
                                                  x1="475"
                                                  y1="-260.499"
                                                  x2="475"
                                                  y2="326.001"
                                                  gradientUnits="userSpaceOnUse"
                                             >
                                                  <stop
                                                       stop-color="white"
                                                  ></stop>
                                                  <stop
                                                       offset="1"
                                                       stop-color="white"
                                                       stop-opacity="0"
                                                  ></stop>
                                             </linearGradient>
                                             <linearGradient
                                                  id="paint2_linear__R_4lfiulb_"
                                                  x1="578.34"
                                                  y1="-277.199"
                                                  x2="578.34"
                                                  y2="485.368"
                                                  gradientUnits="userSpaceOnUse"
                                             >
                                                  <stop
                                                       stop-color="white"
                                                  ></stop>
                                                  <stop
                                                       offset="1"
                                                       stop-color="white"
                                                       stop-opacity="0"
                                                  ></stop>
                                             </linearGradient>
                                             <linearGradient
                                                  id="paint3_linear__R_4lfiulb_"
                                                  x1="526.416"
                                                  y1="-270.364"
                                                  x2="526.416"
                                                  y2="90.9709"
                                                  gradientUnits="userSpaceOnUse"
                                             >
                                                  <stop
                                                       stop-color="white"
                                                  ></stop>
                                                  <stop
                                                       offset="1"
                                                       stop-color="white"
                                                       stop-opacity="0"
                                                  ></stop>
                                             </linearGradient>
                                             <linearGradient
                                                  id="paint4_linear__R_4lfiulb_"
                                                  x1="471.75"
                                                  y1="-229.999"
                                                  x2="471.75"
                                                  y2="533.001"
                                                  gradientUnits="userSpaceOnUse"
                                             >
                                                  <stop
                                                       stop-color="white"
                                                  ></stop>
                                                  <stop
                                                       offset="1"
                                                       stop-color="white"
                                                       stop-opacity="0"
                                                  ></stop>
                                             </linearGradient>
                                             <linearGradient
                                                  id="paint5_linear__R_4lfiulb_"
                                                  x1="471.5"
                                                  y1="-260.499"
                                                  x2="471.5"
                                                  y2="114.501"
                                                  gradientUnits="userSpaceOnUse"
                                             >
                                                  <stop
                                                       stop-color="white"
                                                  ></stop>
                                                  <stop
                                                       offset="1"
                                                       stop-color="white"
                                                       stop-opacity="0"
                                                  ></stop>
                                             </linearGradient>
                                             <linearGradient
                                                  id="paint6_linear__R_4lfiulb_"
                                                  x1="471.5"
                                                  y1="-260.499"
                                                  x2="471.5"
                                                  y2="-69.4993"
                                                  gradientUnits="userSpaceOnUse"
                                             >
                                                  <stop
                                                       stop-color="white"
                                                  ></stop>
                                                  <stop
                                                       offset="1"
                                                       stop-color="white"
                                                       stop-opacity="0"
                                                  ></stop>
                                             </linearGradient>
                                             <linearGradient
                                                  id="paint7_linear__R_4lfiulb_"
                                                  x1="471.5"
                                                  y1="-237.999"
                                                  x2="471.5"
                                                  y2="-77.4994"
                                                  gradientUnits="userSpaceOnUse"
                                             >
                                                  <stop
                                                       stop-color="white"
                                                  ></stop>
                                                  <stop
                                                       offset="1"
                                                       stop-color="white"
                                                       stop-opacity="0"
                                                  ></stop>
                                             </linearGradient>
                                        </defs>
                                   </svg>
                              </div>
                              <div class="w-full h-full overflow-clip -z-20">
                                   <span
                                        class="overflow-hidden pointer-events-none absolute left-1/2 top-0 h-[.75px] w-20 rotate-[300deg] animate-meteorAngle rounded-[9999px] bg-gradient-to-r from-white/90 to-transparent shadow-[0_0_0_1px_#ffffff10]"
                                        style="
                                             top: -100px;
                                             left: 720px;
                                             animation-delay: 5s;
                                             animation-duration: 10s;
                                        "
                                        ><div
                                             class="-z-20 pointer-events-none absolute top-0 h-[.75px] w-[500px] -translate-y-1/2 bg-gradient-to-r from-white/10 to-transparent"
                                        ></div></span
                                   ><span
                                        class="overflow-hidden pointer-events-none absolute left-1/2 top-0 h-[.75px] w-20 rotate-[300deg] animate-meteorAngle rounded-[9999px] bg-gradient-to-r from-white/90 to-transparent shadow-[0_0_0_1px_#ffffff10]"
                                        style="
                                             top: -100px;
                                             left: 720px;
                                             animation-delay: 0.209929s;
                                             animation-duration: 10s;
                                        "
                                        ><div
                                             class="-z-20 pointer-events-none absolute top-0 h-[.75px] w-[500px] -translate-y-1/2 bg-gradient-to-r from-white/10 to-transparent"
                                        ></div></span
                                   ><span
                                        class="overflow-hidden sm:hidden pointer-events-none absolute left-1/2 top-0 h-[.75px] w-20 rotate-[300deg] animate-meteorAngle rounded-[9999px] bg-gradient-to-r from-white/90 to-transparent shadow-[0_0_0_1px_#ffffff10]"
                                        style="
                                             top: -100px;
                                             left: 820px;
                                             animation-delay: 7s;
                                             animation-duration: 10s;
                                        "
                                        ><div
                                             class="-z-20 pointer-events-none absolute top-0 h-[.75px] w-[500px] -translate-y-1/2 bg-gradient-to-r from-white/10 to-transparent"
                                        ></div></span
                                   ><span
                                        class="overflow-hidden sm:hidden pointer-events-none absolute left-1/2 top-0 h-[.75px] w-20 rotate-[300deg] animate-meteorAngle rounded-[9999px] bg-gradient-to-r from-white/90 to-transparent shadow-[0_0_0_1px_#ffffff10]"
                                        style="
                                             top: -100px;
                                             left: 820px;
                                             animation-delay: 2s;
                                             animation-duration: 10s;
                                        "
                                        ><div
                                             class="-z-20 pointer-events-none absolute top-0 h-[.75px] w-[500px] -translate-y-1/2 bg-gradient-to-r from-white/10 to-transparent"
                                        ></div></span
                                   ><span
                                        class="overflow-hidden pointer-events-none absolute left-1/2 top-0 h-[.75px] w-20 rotate-[300deg] animate-meteorAngle rounded-[9999px] bg-gradient-to-r from-white/90 to-transparent shadow-[0_0_0_1px_#ffffff10]"
                                        style="
                                             top: -100px;
                                             left: 920px;
                                             animation-delay: 7s;
                                             animation-duration: 10s;
                                        "
                                        ><div
                                             class="-z-20 pointer-events-none absolute top-0 h-[.75px] w-[500px] -translate-y-1/2 bg-gradient-to-r from-white/10 to-transparent"
                                        ></div></span
                                   ><span
                                        class="overflow-hidden pointer-events-none absolute left-1/2 top-0 h-[.75px] w-20 rotate-[300deg] animate-meteorAngle rounded-[9999px] bg-gradient-to-r from-white/90 to-transparent shadow-[0_0_0_1px_#ffffff10]"
                                        style="
                                             top: -100px;
                                             left: 920px;
                                             animation-delay: 2s;
                                             animation-duration: 10s;
                                        "
                                        ><div
                                             class="-z-20 pointer-events-none absolute top-0 h-[.75px] w-[500px] -translate-y-1/2 bg-gradient-to-r from-white/10 to-transparent"
                                        ></div></span
                                   ><span
                                        class="overflow-hidden sm:hidden md:block pointer-events-none absolute left-1/2 top-0 h-[.75px] w-20 rotate-[300deg] animate-meteorAngle rounded-[9999px] bg-gradient-to-r from-white/90 to-transparent shadow-[0_0_0_1px_#ffffff10]"
                                        style="
                                             top: -100px;
                                             left: 1120px;
                                             animation-delay: 5s;
                                             animation-duration: 10s;
                                        "
                                        ><div
                                             class="-z-20 pointer-events-none absolute top-0 h-[.75px] w-[500px] -translate-y-1/2 bg-gradient-to-r from-white/10 to-transparent"
                                        ></div></span
                                   ><span
                                        class="overflow-hidden sm:hidden md:block pointer-events-none absolute left-1/2 top-0 h-[.75px] w-20 rotate-[300deg] animate-meteorAngle rounded-[9999px] bg-gradient-to-r from-white/90 to-transparent shadow-[0_0_0_1px_#ffffff10]"
                                        style="
                                             top: -100px;
                                             left: 1120px;
                                             animation-delay: 1.08214s;
                                             animation-duration: 10s;
                                        "
                                        ><div
                                             class="-z-20 pointer-events-none absolute top-0 h-[.75px] w-[500px] -translate-y-1/2 bg-gradient-to-r from-white/10 to-transparent"
                                        ></div
                                   ></span>
                              </div>
                         </div>
                         <div class="container text-center">
                              <a
                                   class="text-white/60 hover:text-white/80"
                                   target="_blank"
                                   rel="noreferrer"
                                   href="https://zalo.me/0829091871"
                                   ><div
                                        class="p-[.75px] hero-hiring-gradient rounded-full w-fit relative z-50 group mx-auto mb-12 hover:shadow-md hover:scale-[1.01] flex-shrink-0 sm:mt-12 md:mt-20 lg:mt-32 bg-black"
                                   >
                                        <div
                                             class="items-center gap-4 bg-black/90 group-hover:bg-black/70 duration-500 px-4 py-2 text-white rounded-full flex flex-block"
                                        >
                                             <svg
                                                  class="text-white"
                                                  width="17"
                                                  height="16"
                                                  viewBox="0 0 17 16"
                                                  fill="none"
                                                  xmlns="http://www.w3.org/2000/svg"
                                             >
                                                  <g
                                                       clip-path="url(#clip0_4006_10078)"
                                                  >
                                                       <path
                                                            d="M13.5 0.75C13.5 1.89705 12.3971 3 11.25 3C12.3971 3 13.5 4.10295 13.5 5.25C13.5 4.10295 14.6029 3 15.75 3C14.6029 3 13.5 1.89705 13.5 0.75Z"
                                                            stroke="white"
                                                            stroke-linecap="round"
                                                            stroke-linejoin="round"
                                                       ></path>
                                                       <path
                                                            d="M13.5 10.75C13.5 11.8971 12.3971 13 11.25 13C12.3971 13 13.5 14.1029 13.5 15.25C13.5 14.1029 14.6029 13 15.75 13C14.6029 13 13.5 11.8971 13.5 10.75Z"
                                                            stroke="white"
                                                            stroke-linecap="round"
                                                            stroke-linejoin="round"
                                                       ></path>
                                                       <path
                                                            d="M5.5 3.75C5.5 5.91666 3.41666 8 1.25 8C3.41666 8 5.5 10.0833 5.5 12.25C5.5 10.0833 7.5833 8 9.75 8C7.5833 8 5.5 5.91666 5.5 3.75Z"
                                                            stroke="white"
                                                            stroke-linecap="round"
                                                            stroke-linejoin="round"
                                                       ></path>
                                                  </g>
                                                  <defs>
                                                       <clipPath
                                                            id="clip0_4006_10078"
                                                       >
                                                            <rect
                                                                 width="16"
                                                                 height="16"
                                                                 fill="white"
                                                                 transform="translate(0.5)"
                                                            ></rect>
                                                       </clipPath>
                                                  </defs></svg
                                             >Gửi yêu cầu của bạn tới chúng
                                             tôi<svg
                                                  xmlns="http://www.w3.org/2000/svg"
                                                  width="24"
                                                  height="24"
                                                  viewBox="0 0 24 24"
                                                  fill="none"
                                                  stroke="currentColor"
                                                  stroke-width="2"
                                                  stroke-linecap="round"
                                                  stroke-linejoin="round"
                                                  class="lucide lucide-arrow-right w-4 h-4"
                                             >
                                                  <path d="M5 12h14"></path>
                                                  <path
                                                       d="m12 5 7 7-7 7"
                                                  ></path>
                                             </svg>
                                        </div></div
                              ></a>
                              <h1>
                                   <span
                                        class="block font-sans text-base font-semibold text-white font-display"
                                   ></span
                                   ><span class="sr-only"> - </span
                                   ><span
                                        class="mt-6 block max-w-5xl font-display text-5xl font-medium tracking-tight blog-heading-gradient [text-wrap:balance] max-sm:text-4xl sm:mt-2 sm:text-6xl mx-auto"
                                        >Hệ Thống Server Game</span
                                   >
                              </h1>
                              <div
                                   class="max-w-3xl text-xl text-white/60 mx-auto"
                              >
                                   <p
                                        class="mt-6 text-base about-founders-text-gradient"
                                   >
                                        Khám phá các giải pháp vận hành Game
                                        chuyên nghiệp sẵn sàng triển khai.
                                   </p>
                              </div>
                         </div>
                         <div
                              class="container mx-auto mt-24 overflow-hidden text-white"
                         >
                              <div
                                   class="flex flex-col mb-24 lg:space-x-8 lg:flex-row"
                              >
                                   <div class="w-full lg:w-[260px] shrink-0">
                                        <h2
                                             class="w-full mb-4 font-semibold text-left blog-heading-gradient"
                                        >
                                             Bộ lọc Tìm kiếm
                                        </h2>
                                        <div class="mb-6">
                                             <div
                                                  class="focus-within:border-white flex items-center gap-2 h-10 p-0 m-0 bg-transparent focus:border-white file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-white/40 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 text-sm rounded-lg border-[.75px] border-white/20 w-full"
                                             >
                                                  <svg
                                                       xmlns="http://www.w3.org/2000/svg"
                                                       width="24"
                                                       height="24"
                                                       viewBox="0 0 24 24"
                                                       fill="none"
                                                       stroke="currentColor"
                                                       stroke-width="2"
                                                       stroke-linecap="round"
                                                       stroke-linejoin="round"
                                                       class="lucide lucide-search w-6 h-6 mx-3 text-white"
                                                  >
                                                       <circle
                                                            cx="11"
                                                            cy="11"
                                                            r="8"
                                                       ></circle>
                                                       <path
                                                            d="m21 21-4.3-4.3"
                                                       ></path></svg
                                                  ><input
                                                       placeholder="Tìm tên game..."
                                                       class="w-full h-full bg-transparent border-none text-white/60 focus:outline-none"
                                                       value=""
                                                  />
                                             </div>
                                        </div>
                                        <div data-orientation="vertical">
                                             <div
                                                  data-state="open"
                                                  data-orientation="vertical"
                                                  class="border-none"
                                             >
                                                  <h3
                                                       data-orientation="vertical"
                                                       data-state="open"
                                                       class="flex"
                                                  >
                                                       <button
                                                            type="button"
                                                            aria-controls="radix-_R_bllfiulb_"
                                                            aria-expanded="true"
                                                            data-state="open"
                                                            data-orientation="vertical"
                                                            id="radix-_R_3llfiulb_"
                                                            class="flex-1 py-4 font-medium transition-all hover:underline [&amp;[data-state=open]&gt;svg]:rotate-180 flex items-center w-full text-left pb-4"
                                                            data-radix-collection-item=""
                                                       >
                                                            <span
                                                                 class="w-6 h-6 rounded-md bg-white/10 flex items-center justify-center"
                                                                 ><svg
                                                                      width="24"
                                                                      height="24"
                                                                      viewBox="0 0 24 24"
                                                                      fill="none"
                                                                      xmlns="http://www.w3.org/2000/svg"
                                                                 >
                                                                      <rect
                                                                           width="24"
                                                                           height="24"
                                                                           rx="6"
                                                                           fill="white"
                                                                           fill-opacity="0.1"
                                                                      ></rect>
                                                                      <path
                                                                           d="M8 8H8.01M8 16H8.01M16 8H16.01M16 16H16.01M13.25 12C13.25 12.3315 13.1183 12.6495 12.8839 12.8839C12.6495 13.1183 12.3315 13.25 12 13.25C11.6685 13.25 11.3505 13.1183 11.1161 12.8839C10.8817 12.6495 10.75 12.3315 10.75 12C10.75 11.6685 10.8817 11.3505 11.1161 11.1161C11.3505 10.8817 11.6685 10.75 12 10.75C12.3315 10.75 12.6495 10.8817 12.8839 11.1161C13.1183 11.3505 13.25 11.6685 13.25 12ZM13.25 6C13.25 6.33152 13.1183 6.64946 12.8839 6.88388C12.6495 7.1183 12.3315 7.25 12 7.25C11.6685 7.25 11.3505 7.1183 11.1161 6.88388C10.8817 6.64946 10.75 6.33152 10.75 6C10.75 5.66848 10.8817 5.35054 11.1161 5.11612C11.3505 4.8817 11.6685 4.75 12 4.75C12.3315 4.75 12.6495 4.8817 12.8839 5.11612C13.1183 5.35054 13.25 5.66848 13.25 6ZM19.25 12C19.25 12.3315 19.1183 12.6495 18.8839 12.8839C18.6495 13.1183 18.3315 13.25 18 13.25C17.6685 13.25 17.3505 13.1183 17.1161 12.8839C16.8817 12.6495 16.75 12.3315 16.75 12C16.75 11.6685 16.8817 11.3505 17.1161 11.1161C17.3505 10.8817 17.6685 10.75 18 10.75C18.3315 10.75 18.6495 10.8817 18.8839 11.1161C19.1183 11.3505 19.25 11.6685 19.25 12ZM7.25 12C7.25 12.3315 7.1183 12.6495 6.88388 12.8839C6.64946 13.1183 6.33152 13.25 6 13.25C5.66848 13.25 5.35054 13.1183 5.11612 12.8839C4.8817 12.6495 4.75 12.3315 4.75 12C4.75 11.6685 4.8817 11.3505 5.11612 11.1161C5.35054 10.8817 5.66848 10.75 6 10.75C6.33152 10.75 6.64946 10.8817 6.88388 11.1161C7.1183 11.3505 7.25 11.6685 7.25 12ZM13.25 18C13.25 18.3315 13.1183 18.6495 12.8839 18.8839C12.6495 19.1183 12.3315 19.25 12 19.25C11.6685 19.25 11.3505 19.1183 11.1161 18.8839C10.8817 18.6495 10.75 18.3315 10.75 18C10.75 17.6685 10.8817 17.3505 11.1161 17.1161C11.3505 16.8817 11.6685 16.75 12 16.75C12.3315 16.75 12.6495 16.8817 12.8839 17.1161C13.1183 17.3505 13.25 17.6685 13.25 18Z"
                                                                           stroke="white"
                                                                           stroke-linecap="round"
                                                                           stroke-linejoin="round"
                                                                      ></path></svg></span
                                                            ><span
                                                                 class="w-full pl-4 text-sm text-left"
                                                                 >Thể loại</span
                                                            ><svg
                                                                 xmlns="http://www.w3.org/2000/svg"
                                                                 width="24"
                                                                 height="24"
                                                                 viewBox="0 0 24 24"
                                                                 fill="none"
                                                                 stroke="currentColor"
                                                                 stroke-width="2"
                                                                 stroke-linecap="round"
                                                                 stroke-linejoin="round"
                                                                 class="lucide lucide-chevron-down h-4 w-4 shrink-0 transition-transform duration-200 mt-1.5 text-white/60"
                                                            >
                                                                 <path
                                                                      d="m6 9 6 6 6-6"
                                                                 ></path>
                                                            </svg>
                                                       </button>
                                                  </h3>
                                                  <div
                                                       data-state="open"
                                                       id="radix-_R_bllfiulb_"
                                                       role="region"
                                                       aria-labelledby="radix-_R_3llfiulb_"
                                                       data-orientation="vertical"
                                                       class="overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
                                                       style="
                                                            --radix-accordion-content-height: var(
                                                                 --radix-collapsible-content-height
                                                            );
                                                            --radix-accordion-content-width: var(
                                                                 --radix-collapsible-content-width
                                                            );
                                                            transition-duration: 0s;
                                                            animation-name: none;
                                                            --radix-collapsible-content-height: 337px;
                                                            --radix-collapsible-content-width: 260px;
                                                       "
                                                  >
                                                       <div class="pb-4 pt-0">
                                                            <div
                                                                 data-orientation="horizontal"
                                                                 role="none"
                                                                 class="shrink-0 bg-[rgba(255,255,255,0.12)] h-[1px] w-full my-4 mt-0"
                                                            ></div>
                                                            <div
                                                                 class="flex flex-col gap-1"
                                                            >
                                                                 <label
                                                                      class="flex flex-row items-center px-2 py-1 space-x-3 h-10 duration-150 rounded-md bg-[rgba(255,255,255,0.05)] hover:bg-[rgba(255,255,255,0.15)] cursor-pointer"
                                                                      ><button
                                                                           type="button"
                                                                           role="checkbox"
                                                                           aria-checked="false"
                                                                           data-state="unchecked"
                                                                           value="on"
                                                                           class="h-4 w-4 shrink-0 rounded focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 bg-white/10 data-[state=checked]:text-white/70 ml-2"
                                                                      ></button
                                                                      ><span
                                                                           class="text-sm font-normal uppercase italic text-white/50 mr-2"
                                                                           >[<!-- -->2d<!-- -->]</span
                                                                      ><span
                                                                           class="text-sm font-normal"
                                                                           >Game
                                                                           2D</span
                                                                      ></label
                                                                 ><label
                                                                      class="flex flex-row items-center px-2 py-1 space-x-3 h-10 duration-150 rounded-md bg-[rgba(255,255,255,0.05)] hover:bg-[rgba(255,255,255,0.15)] cursor-pointer"
                                                                      ><button
                                                                           type="button"
                                                                           role="checkbox"
                                                                           aria-checked="false"
                                                                           data-state="unchecked"
                                                                           value="on"
                                                                           class="h-4 w-4 shrink-0 rounded focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 bg-white/10 data-[state=checked]:text-white/70 ml-2"
                                                                      ></button
                                                                      ><span
                                                                           class="text-sm font-normal uppercase italic text-white/50 mr-2"
                                                                           >[<!-- -->3d<!-- -->]</span
                                                                      ><span
                                                                           class="text-sm font-normal"
                                                                           >Game
                                                                           3D</span
                                                                      ></label
                                                                 ><label
                                                                      class="flex flex-row items-center px-2 py-1 space-x-3 h-10 duration-150 rounded-md bg-[rgba(255,255,255,0.05)] hover:bg-[rgba(255,255,255,0.15)] cursor-pointer"
                                                                      ><button
                                                                           type="button"
                                                                           role="checkbox"
                                                                           aria-checked="false"
                                                                           data-state="unchecked"
                                                                           value="on"
                                                                           class="h-4 w-4 shrink-0 rounded focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 bg-white/10 data-[state=checked]:text-white/70 ml-2"
                                                                      ></button
                                                                      ><span
                                                                           class="text-sm font-normal uppercase italic text-white/50 mr-2"
                                                                           >[<!-- -->3q<!-- -->]</span
                                                                      ><span
                                                                           class="text-sm font-normal"
                                                                           >Game
                                                                           Tam
                                                                           Quốc</span
                                                                      ></label
                                                                 ><label
                                                                      class="flex flex-row items-center px-2 py-1 space-x-3 h-10 duration-150 rounded-md bg-[rgba(255,255,255,0.05)] hover:bg-[rgba(255,255,255,0.15)] cursor-pointer"
                                                                      ><button
                                                                           type="button"
                                                                           role="checkbox"
                                                                           aria-checked="false"
                                                                           data-state="unchecked"
                                                                           value="on"
                                                                           class="h-4 w-4 shrink-0 rounded focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 bg-white/10 data-[state=checked]:text-white/70 ml-2"
                                                                      ></button
                                                                      ><span
                                                                           class="text-sm font-normal uppercase italic text-white/50 mr-2"
                                                                           >[<!-- -->h5<!-- -->]</span
                                                                      ><span
                                                                           class="text-sm font-normal"
                                                                           >Game
                                                                           H5</span
                                                                      ></label
                                                                 ><label
                                                                      class="flex flex-row items-center px-2 py-1 space-x-3 h-10 duration-150 rounded-md bg-[rgba(255,255,255,0.05)] hover:bg-[rgba(255,255,255,0.15)] cursor-pointer"
                                                                      ><button
                                                                           type="button"
                                                                           role="checkbox"
                                                                           aria-checked="false"
                                                                           data-state="unchecked"
                                                                           value="on"
                                                                           class="h-4 w-4 shrink-0 rounded focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 bg-white/10 data-[state=checked]:text-white/70 ml-2"
                                                                      ></button
                                                                      ><span
                                                                           class="text-sm font-normal uppercase italic text-white/50 mr-2"
                                                                           >[<!-- -->kh<!-- -->]</span
                                                                      ><span
                                                                           class="text-sm font-normal"
                                                                           >Kiếm
                                                                           Hiệp</span
                                                                      ></label
                                                                 ><label
                                                                      class="flex flex-row items-center px-2 py-1 space-x-3 h-10 duration-150 rounded-md bg-[rgba(255,255,255,0.05)] hover:bg-[rgba(255,255,255,0.15)] cursor-pointer"
                                                                      ><button
                                                                           type="button"
                                                                           role="checkbox"
                                                                           aria-checked="false"
                                                                           data-state="unchecked"
                                                                           value="on"
                                                                           class="h-4 w-4 shrink-0 rounded focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 bg-white/10 data-[state=checked]:text-white/70 ml-2"
                                                                      ></button
                                                                      ><span
                                                                           class="text-sm font-normal uppercase italic text-white/50 mr-2"
                                                                           >[<!-- -->tb<!-- -->]</span
                                                                      ><span
                                                                           class="text-sm font-normal"
                                                                           >Game
                                                                           Thẻ
                                                                           Bài</span
                                                                      ></label
                                                                 ><label
                                                                      class="flex flex-row items-center px-2 py-1 space-x-3 h-10 duration-150 rounded-md bg-[rgba(255,255,255,0.05)] hover:bg-[rgba(255,255,255,0.15)] cursor-pointer"
                                                                      ><button
                                                                           type="button"
                                                                           role="checkbox"
                                                                           aria-checked="false"
                                                                           data-state="unchecked"
                                                                           value="on"
                                                                           class="h-4 w-4 shrink-0 rounded focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 bg-white/10 data-[state=checked]:text-white/70 ml-2"
                                                                      ></button
                                                                      ><span
                                                                           class="text-sm font-normal uppercase italic text-white/50 mr-2"
                                                                           >[<!-- -->th<!-- -->]</span
                                                                      ><span
                                                                           class="text-sm font-normal"
                                                                           >Tiên
                                                                           Hiệp</span
                                                                      ></label
                                                                 >
                                                            </div>
                                                       </div>
                                                  </div>
                                             </div>
                                             <div
                                                  data-state="open"
                                                  data-orientation="vertical"
                                                  class="border-none mt-4"
                                             >
                                                  <h3
                                                       data-orientation="vertical"
                                                       data-state="open"
                                                       class="flex"
                                                  >
                                                       <button
                                                            type="button"
                                                            aria-controls="radix-_R_dllfiulb_"
                                                            aria-expanded="true"
                                                            data-state="open"
                                                            data-orientation="vertical"
                                                            id="radix-_R_5llfiulb_"
                                                            class="flex-1 py-4 font-medium transition-all hover:underline [&amp;[data-state=open]&gt;svg]:rotate-180 flex items-center w-full text-left pb-4"
                                                            data-radix-collection-item=""
                                                       >
                                                            <span
                                                                 class="w-6 h-6 rounded-md bg-white/10 flex items-center justify-center"
                                                                 ><svg
                                                                      xmlns="http://www.w3.org/2000/svg"
                                                                      width="24"
                                                                      height="24"
                                                                      viewBox="0 0 24 24"
                                                                      fill="none"
                                                                      stroke="currentColor"
                                                                      stroke-width="2"
                                                                      stroke-linecap="round"
                                                                      stroke-linejoin="round"
                                                                      class="lucide lucide-banknote w-3.5 h-3.5"
                                                                 >
                                                                      <rect
                                                                           width="20"
                                                                           height="12"
                                                                           x="2"
                                                                           y="6"
                                                                           rx="2"
                                                                      ></rect>
                                                                      <circle
                                                                           cx="12"
                                                                           cy="12"
                                                                           r="2"
                                                                      ></circle>
                                                                      <path
                                                                           d="M6 12h.01M18 12h.01"
                                                                      ></path></svg></span
                                                            ><span
                                                                 class="w-full pl-4 text-sm text-left"
                                                                 >Mức giá</span
                                                            ><svg
                                                                 xmlns="http://www.w3.org/2000/svg"
                                                                 width="24"
                                                                 height="24"
                                                                 viewBox="0 0 24 24"
                                                                 fill="none"
                                                                 stroke="currentColor"
                                                                 stroke-width="2"
                                                                 stroke-linecap="round"
                                                                 stroke-linejoin="round"
                                                                 class="lucide lucide-chevron-down h-4 w-4 shrink-0 transition-transform duration-200 mt-1.5 text-white/60"
                                                            >
                                                                 <path
                                                                      d="m6 9 6 6 6-6"
                                                                 ></path>
                                                            </svg>
                                                       </button>
                                                  </h3>
                                                  <div
                                                       data-state="open"
                                                       id="radix-_R_dllfiulb_"
                                                       role="region"
                                                       aria-labelledby="radix-_R_5llfiulb_"
                                                       data-orientation="vertical"
                                                       class="overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
                                                       style="
                                                            --radix-accordion-content-height: var(
                                                                 --radix-collapsible-content-height
                                                            );
                                                            --radix-accordion-content-width: var(
                                                                 --radix-collapsible-content-width
                                                            );
                                                            transition-duration: 0s;
                                                            animation-name: none;
                                                            --radix-collapsible-content-height: 337px;
                                                            --radix-collapsible-content-width: 260px;
                                                       "
                                                  >
                                                       <div class="pb-4 pt-0">
                                                            <div
                                                                 data-orientation="horizontal"
                                                                 role="none"
                                                                 class="shrink-0 bg-[rgba(255,255,255,0.12)] h-[1px] w-full my-4 mt-0"
                                                            ></div>
                                                            <div
                                                                 class="flex flex-col gap-1"
                                                            >
                                                                 <label
                                                                      class="flex flex-row items-center px-2 py-1 space-x-3 h-10 duration-150 rounded-md bg-[rgba(255,255,255,0.05)] hover:bg-[rgba(255,255,255,0.15)] cursor-pointer"
                                                                      ><button
                                                                           type="button"
                                                                           role="checkbox"
                                                                           aria-checked="true"
                                                                           data-state="checked"
                                                                           value="on"
                                                                           class="h-4 w-4 shrink-0 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 bg-white/10 data-[state=checked]:text-white/70 ml-2 rounded-full"
                                                                      >
                                                                           <span
                                                                                data-state="checked"
                                                                                class="flex items-center justify-center text-current"
                                                                                style="
                                                                                     pointer-events: none;
                                                                                "
                                                                                ><svg
                                                                                     xmlns="http://www.w3.org/2000/svg"
                                                                                     width="24"
                                                                                     height="24"
                                                                                     viewBox="0 0 24 24"
                                                                                     fill="none"
                                                                                     stroke="currentColor"
                                                                                     stroke-width="2"
                                                                                     stroke-linecap="round"
                                                                                     stroke-linejoin="round"
                                                                                     class="lucide lucide-check h-4 w-4"
                                                                                >
                                                                                     <path
                                                                                          d="M20 6 9 17l-5-5"
                                                                                     ></path></svg
                                                                           ></span></button
                                                                      ><span
                                                                           class="text-sm font-normal"
                                                                           >Tất
                                                                           cả
                                                                           mức
                                                                           giá</span
                                                                      ></label
                                                                 ><label
                                                                      class="flex flex-row items-center px-2 py-1 space-x-3 h-10 duration-150 rounded-md bg-[rgba(255,255,255,0.05)] hover:bg-[rgba(255,255,255,0.15)] cursor-pointer"
                                                                      ><button
                                                                           type="button"
                                                                           role="checkbox"
                                                                           aria-checked="false"
                                                                           data-state="unchecked"
                                                                           value="on"
                                                                           class="h-4 w-4 shrink-0 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 bg-white/10 data-[state=checked]:text-white/70 ml-2 rounded-full"
                                                                      ></button
                                                                      ><span
                                                                           class="text-sm font-normal"
                                                                           >0 -
                                                                           1.500.000đ</span
                                                                      ></label
                                                                 ><label
                                                                      class="flex flex-row items-center px-2 py-1 space-x-3 h-10 duration-150 rounded-md bg-[rgba(255,255,255,0.05)] hover:bg-[rgba(255,255,255,0.15)] cursor-pointer"
                                                                      ><button
                                                                           type="button"
                                                                           role="checkbox"
                                                                           aria-checked="false"
                                                                           data-state="unchecked"
                                                                           value="on"
                                                                           class="h-4 w-4 shrink-0 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 bg-white/10 data-[state=checked]:text-white/70 ml-2 rounded-full"
                                                                      ></button
                                                                      ><span
                                                                           class="text-sm font-normal"
                                                                           >1.500.000đ
                                                                           -
                                                                           2.000.000đ</span
                                                                      ></label
                                                                 ><label
                                                                      class="flex flex-row items-center px-2 py-1 space-x-3 h-10 duration-150 rounded-md bg-[rgba(255,255,255,0.05)] hover:bg-[rgba(255,255,255,0.15)] cursor-pointer"
                                                                      ><button
                                                                           type="button"
                                                                           role="checkbox"
                                                                           aria-checked="false"
                                                                           data-state="unchecked"
                                                                           value="on"
                                                                           class="h-4 w-4 shrink-0 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 bg-white/10 data-[state=checked]:text-white/70 ml-2 rounded-full"
                                                                      ></button
                                                                      ><span
                                                                           class="text-sm font-normal"
                                                                           >2.000.000đ
                                                                           -
                                                                           3.000.000đ</span
                                                                      ></label
                                                                 ><label
                                                                      class="flex flex-row items-center px-2 py-1 space-x-3 h-10 duration-150 rounded-md bg-[rgba(255,255,255,0.05)] hover:bg-[rgba(255,255,255,0.15)] cursor-pointer"
                                                                      ><button
                                                                           type="button"
                                                                           role="checkbox"
                                                                           aria-checked="false"
                                                                           data-state="unchecked"
                                                                           value="on"
                                                                           class="h-4 w-4 shrink-0 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 bg-white/10 data-[state=checked]:text-white/70 ml-2 rounded-full"
                                                                      ></button
                                                                      ><span
                                                                           class="text-sm font-normal"
                                                                           >3.000.000đ
                                                                           -
                                                                           5.000.000đ</span
                                                                      ></label
                                                                 ><label
                                                                      class="flex flex-row items-center px-2 py-1 space-x-3 h-10 duration-150 rounded-md bg-[rgba(255,255,255,0.05)] hover:bg-[rgba(255,255,255,0.15)] cursor-pointer"
                                                                      ><button
                                                                           type="button"
                                                                           role="checkbox"
                                                                           aria-checked="false"
                                                                           data-state="unchecked"
                                                                           value="on"
                                                                           class="h-4 w-4 shrink-0 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 bg-white/10 data-[state=checked]:text-white/70 ml-2 rounded-full"
                                                                      ></button
                                                                      ><span
                                                                           class="text-sm font-normal"
                                                                           >5.000.000đ
                                                                           -
                                                                           10.000.000đ</span
                                                                      ></label
                                                                 ><label
                                                                      class="flex flex-row items-center px-2 py-1 space-x-3 h-10 duration-150 rounded-md bg-[rgba(255,255,255,0.05)] hover:bg-[rgba(255,255,255,0.15)] cursor-pointer"
                                                                      ><button
                                                                           type="button"
                                                                           role="checkbox"
                                                                           aria-checked="false"
                                                                           data-state="unchecked"
                                                                           value="on"
                                                                           class="h-4 w-4 shrink-0 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 bg-white/10 data-[state=checked]:text-white/70 ml-2 rounded-full"
                                                                      ></button
                                                                      ><span
                                                                           class="text-sm font-normal"
                                                                           >Trên
                                                                           10.000.000đ</span
                                                                      ></label
                                                                 >
                                                            </div>
                                                       </div>
                                                  </div>
                                             </div>
                                        </div>
                                   </div>
                                   <div
                                        class="flex-grow block w-full lg:w-3/4 mt-12 lg:mt-0"
                                   >
                                        <div
                                             class="grid grid-cols-1 gap-8 md:grid-cols-2 xl:grid-cols-3"
                                        >
                                             <a
                                                  class="flex flex-col items-start justify-start min-h-[400px] lg:h-[460px] w-full overflow-hidden duration-200 border rounded-xl border-white/10 hover:border-white/20 group bg-black/50"
                                                  href="/templates/196"
                                                  ><div
                                                       class="relative w-full aspect-[3/2] shrink-0 overflow-hidden border-b border-white/5 bg-black"
                                                  >
                                                       <img
                                                            alt="ĐẠI CHÚA TỂ 3D"
                                                            loading="lazy"
                                                            width="800"
                                                            height="533"
                                                            decoding="async"
                                                            data-nimg="1"
                                                            class="object-cover object-center w-full h-full"
                                                            style="
                                                                 color: transparent;
                                                            "
                                                            src="https://api.vietcod.com/uploads/items/1772784981255-360274786.webp"
                                                       />
                                                  </div>
                                                  <div
                                                       class="flex flex-col flex-grow w-full p-4 lg:p-5 overflow-hidden"
                                                  >
                                                       <div
                                                            class="flex flex-row flex-wrap gap-1.5 mb-3"
                                                       >
                                                            <span
                                                                 class="px-2 py-0.5 text-[9px] lg:text-[10px] font-bold uppercase rounded bg-white/5 text-white/50 border border-white/10"
                                                                 >3d</span
                                                            ><span
                                                                 class="px-2 py-0.5 text-[9px] lg:text-[10px] font-bold uppercase rounded bg-white/5 text-white/50 border border-white/10"
                                                                 >kh</span
                                                            >
                                                       </div>
                                                       <h3
                                                            class="text-base lg:text-lg font-bold leading-tight line-clamp-2 mb-2 h-10 lg:h-12 bg-gradient-to-r from-white via-white/90 to-white/40 bg-clip-text text-transparent group-hover:from-white group-hover:to-white duration-500"
                                                       >
                                                            ĐẠI CHÚA TỂ 3D
                                                       </h3>
                                                       <p
                                                            class="text-[11px] lg:text-xs leading-relaxed text-white/40 line-clamp-2 lg:line-clamp-3 mb-2"
                                                       >
                                                            MÃ NGUỒN BAO GỒM
                                                            SERVER, CLIENT APK
                                                            VIỆT HÓA 99%, NỀN GM
                                                            VIỆT HÓA 99%, VĂN
                                                            BẢN HƯỚNG DẪN CÀI
                                                            ĐẶT, MÃ NGUỒN CHẠY
                                                            TRÊN VPS WIN2012R2
                                                       </p>
                                                       <div
                                                            class="flex items-center justify-between w-full mt-auto pt-3 lg:pt-4 border-t border-white/5"
                                                       >
                                                            <div
                                                                 class="flex flex-col"
                                                            >
                                                                 <span
                                                                      class="text-[9px] lg:text-[10px] text-white/20 uppercase tracking-widest font-medium"
                                                                      >Giá triển
                                                                      khai</span
                                                                 ><span
                                                                      class="text-base lg:text-lg font-bold text-white/90"
                                                                      >2.300.000&nbsp;₫</span
                                                                 >
                                                            </div>
                                                            <div
                                                                 class="w-8 h-8 lg:w-9 lg:h-9 rounded-full border border-white/10 flex items-center justify-center group-hover:bg-white/90 group-hover:border-white/90 duration-100"
                                                            >
                                                                 <svg
                                                                      xmlns="http://www.w3.org/2000/svg"
                                                                      width="24"
                                                                      height="24"
                                                                      viewBox="0 0 24 24"
                                                                      fill="none"
                                                                      stroke="currentColor"
                                                                      stroke-width="2"
                                                                      stroke-linecap="round"
                                                                      stroke-linejoin="round"
                                                                      class="lucide lucide-arrow-right w-4 h-4 text-white group-hover:text-black duration-100"
                                                                 >
                                                                      <path
                                                                           d="M5 12h14"
                                                                      ></path>
                                                                      <path
                                                                           d="m12 5 7 7-7 7"
                                                                      ></path>
                                                                 </svg>
                                                            </div>
                                                       </div></div></a
                                             ><a
                                                  class="flex flex-col items-start justify-start min-h-[400px] lg:h-[460px] w-full overflow-hidden duration-200 border rounded-xl border-white/10 hover:border-white/20 group bg-black/50"
                                                  href="/templates/195"
                                                  ><div
                                                       class="relative w-full aspect-[3/2] shrink-0 overflow-hidden border-b border-white/5 bg-black"
                                                  >
                                                       <img
                                                            alt="TIÊN NHÂN CHIẾN"
                                                            loading="lazy"
                                                            width="800"
                                                            height="533"
                                                            decoding="async"
                                                            data-nimg="1"
                                                            class="object-cover object-center w-full h-full"
                                                            style="
                                                                 color: transparent;
                                                            "
                                                            src="https://api.vietcod.com/uploads/items/1772784687681-868903645.webp"
                                                       />
                                                  </div>
                                                  <div
                                                       class="flex flex-col flex-grow w-full p-4 lg:p-5 overflow-hidden"
                                                  >
                                                       <div
                                                            class="flex flex-row flex-wrap gap-1.5 mb-3"
                                                       >
                                                            <span
                                                                 class="px-2 py-0.5 text-[9px] lg:text-[10px] font-bold uppercase rounded bg-white/5 text-white/50 border border-white/10"
                                                                 >2d</span
                                                            ><span
                                                                 class="px-2 py-0.5 text-[9px] lg:text-[10px] font-bold uppercase rounded bg-white/5 text-white/50 border border-white/10"
                                                                 >h5</span
                                                            ><span
                                                                 class="px-2 py-0.5 text-[9px] lg:text-[10px] font-bold uppercase rounded bg-white/5 text-white/50 border border-white/10"
                                                                 >th</span
                                                            >
                                                       </div>
                                                       <h3
                                                            class="text-base lg:text-lg font-bold leading-tight line-clamp-2 mb-2 h-10 lg:h-12 bg-gradient-to-r from-white via-white/90 to-white/40 bg-clip-text text-transparent group-hover:from-white group-hover:to-white duration-500"
                                                       >
                                                            TIÊN NHÂN CHIẾN
                                                       </h3>
                                                       <p
                                                            class="text-[11px] lg:text-xs leading-relaxed text-white/40 line-clamp-2 lg:line-clamp-3 mb-2"
                                                       >
                                                            MÃ NGUỒN BAO GỒM
                                                            SERVER, WEB USER,
                                                            WEB ADMIN, CLIENT
                                                            APK, VĂN BẢN HƯỚNG
                                                            DẪN CÀI ĐẶT, VĂN BẢN
                                                            HƯỚNG DẪN MỞ THÊM
                                                            SERVER, MÃ NGUỒN
                                                            CHẠY TRÊN VPS CENTOS
                                                       </p>
                                                       <div
                                                            class="flex items-center justify-between w-full mt-auto pt-3 lg:pt-4 border-t border-white/5"
                                                       >
                                                            <div
                                                                 class="flex flex-col"
                                                            >
                                                                 <span
                                                                      class="text-[9px] lg:text-[10px] text-white/20 uppercase tracking-widest font-medium"
                                                                      >Giá triển
                                                                      khai</span
                                                                 ><span
                                                                      class="text-base lg:text-lg font-bold text-white/90"
                                                                      >3.000.000&nbsp;₫</span
                                                                 >
                                                            </div>
                                                            <div
                                                                 class="w-8 h-8 lg:w-9 lg:h-9 rounded-full border border-white/10 flex items-center justify-center group-hover:bg-white/90 group-hover:border-white/90 duration-100"
                                                            >
                                                                 <svg
                                                                      xmlns="http://www.w3.org/2000/svg"
                                                                      width="24"
                                                                      height="24"
                                                                      viewBox="0 0 24 24"
                                                                      fill="none"
                                                                      stroke="currentColor"
                                                                      stroke-width="2"
                                                                      stroke-linecap="round"
                                                                      stroke-linejoin="round"
                                                                      class="lucide lucide-arrow-right w-4 h-4 text-white group-hover:text-black duration-100"
                                                                 >
                                                                      <path
                                                                           d="M5 12h14"
                                                                      ></path>
                                                                      <path
                                                                           d="m12 5 7 7-7 7"
                                                                      ></path>
                                                                 </svg>
                                                            </div>
                                                       </div></div></a
                                             ><a
                                                  class="flex flex-col items-start justify-start min-h-[400px] lg:h-[460px] w-full overflow-hidden duration-200 border rounded-xl border-white/10 hover:border-white/20 group bg-black/50"
                                                  href="/templates/194"
                                                  ><div
                                                       class="relative w-full aspect-[3/2] shrink-0 overflow-hidden border-b border-white/5 bg-black"
                                                  >
                                                       <img
                                                            alt="NGỰ KIẾM TU TIÊN H5"
                                                            loading="lazy"
                                                            width="800"
                                                            height="533"
                                                            decoding="async"
                                                            data-nimg="1"
                                                            class="object-cover object-center w-full h-full"
                                                            style="
                                                                 color: transparent;
                                                            "
                                                            src="https://api.vietcod.com/uploads/items/1772784187365-584690717.webp"
                                                       />
                                                  </div>
                                                  <div
                                                       class="flex flex-col flex-grow w-full p-4 lg:p-5 overflow-hidden"
                                                  >
                                                       <div
                                                            class="flex flex-row flex-wrap gap-1.5 mb-3"
                                                       >
                                                            <span
                                                                 class="px-2 py-0.5 text-[9px] lg:text-[10px] font-bold uppercase rounded bg-white/5 text-white/50 border border-white/10"
                                                                 >h5</span
                                                            ><span
                                                                 class="px-2 py-0.5 text-[9px] lg:text-[10px] font-bold uppercase rounded bg-white/5 text-white/50 border border-white/10"
                                                                 >3d</span
                                                            ><span
                                                                 class="px-2 py-0.5 text-[9px] lg:text-[10px] font-bold uppercase rounded bg-white/5 text-white/50 border border-white/10"
                                                                 >kh</span
                                                            >
                                                       </div>
                                                       <h3
                                                            class="text-base lg:text-lg font-bold leading-tight line-clamp-2 mb-2 h-10 lg:h-12 bg-gradient-to-r from-white via-white/90 to-white/40 bg-clip-text text-transparent group-hover:from-white group-hover:to-white duration-500"
                                                       >
                                                            NGỰ KIẾM TU TIÊN H5
                                                       </h3>
                                                       <p
                                                            class="text-[11px] lg:text-xs leading-relaxed text-white/40 line-clamp-2 lg:line-clamp-3 mb-2"
                                                       >
                                                            MÃ NGUỒN BAO GỒM
                                                            SERVER, WEB USER,
                                                            WEB ADMIN, CLIENT
                                                            APK, VĂN BẢN HƯỚNG
                                                            DẪN CÀI ĐẶT, VĂN BẢN
                                                            HƯỚNG DẪN MỞ THÊM
                                                            SERVER, MÃ NGUỒN
                                                            CHẠY TRÊN VPS CENTOS
                                                       </p>
                                                       <div
                                                            class="flex items-center justify-between w-full mt-auto pt-3 lg:pt-4 border-t border-white/5"
                                                       >
                                                            <div
                                                                 class="flex flex-col"
                                                            >
                                                                 <span
                                                                      class="text-[9px] lg:text-[10px] text-white/20 uppercase tracking-widest font-medium"
                                                                      >Giá triển
                                                                      khai</span
                                                                 ><span
                                                                      class="text-base lg:text-lg font-bold text-white/90"
                                                                      >4.000.000&nbsp;₫</span
                                                                 >
                                                            </div>
                                                            <div
                                                                 class="w-8 h-8 lg:w-9 lg:h-9 rounded-full border border-white/10 flex items-center justify-center group-hover:bg-white/90 group-hover:border-white/90 duration-100"
                                                            >
                                                                 <svg
                                                                      xmlns="http://www.w3.org/2000/svg"
                                                                      width="24"
                                                                      height="24"
                                                                      viewBox="0 0 24 24"
                                                                      fill="none"
                                                                      stroke="currentColor"
                                                                      stroke-width="2"
                                                                      stroke-linecap="round"
                                                                      stroke-linejoin="round"
                                                                      class="lucide lucide-arrow-right w-4 h-4 text-white group-hover:text-black duration-100"
                                                                 >
                                                                      <path
                                                                           d="M5 12h14"
                                                                      ></path>
                                                                      <path
                                                                           d="m12 5 7 7-7 7"
                                                                      ></path>
                                                                 </svg>
                                                            </div>
                                                       </div></div></a
                                             ><a
                                                  class="flex flex-col items-start justify-start min-h-[400px] lg:h-[460px] w-full overflow-hidden duration-200 border rounded-xl border-white/10 hover:border-white/20 group bg-black/50"
                                                  href="/templates/193"
                                                  ><div
                                                       class="relative w-full aspect-[3/2] shrink-0 overflow-hidden border-b border-white/5 bg-black"
                                                  >
                                                       <img
                                                            alt="VÕ HIỆP TAM QUỐC H5 - GAME THẺ BÀI KIM DUNG"
                                                            loading="lazy"
                                                            width="800"
                                                            height="533"
                                                            decoding="async"
                                                            data-nimg="1"
                                                            class="object-cover object-center w-full h-full"
                                                            style="
                                                                 color: transparent;
                                                            "
                                                            src="https://api.vietcod.com/uploads/items/1772783507004-35292756.webp"
                                                       />
                                                  </div>
                                                  <div
                                                       class="flex flex-col flex-grow w-full p-4 lg:p-5 overflow-hidden"
                                                  >
                                                       <div
                                                            class="flex flex-row flex-wrap gap-1.5 mb-3"
                                                       >
                                                            <span
                                                                 class="px-2 py-0.5 text-[9px] lg:text-[10px] font-bold uppercase rounded bg-white/5 text-white/50 border border-white/10"
                                                                 >h5</span
                                                            ><span
                                                                 class="px-2 py-0.5 text-[9px] lg:text-[10px] font-bold uppercase rounded bg-white/5 text-white/50 border border-white/10"
                                                                 >tb</span
                                                            >
                                                       </div>
                                                       <h3
                                                            class="text-base lg:text-lg font-bold leading-tight line-clamp-2 mb-2 h-10 lg:h-12 bg-gradient-to-r from-white via-white/90 to-white/40 bg-clip-text text-transparent group-hover:from-white group-hover:to-white duration-500"
                                                       >
                                                            VÕ HIỆP TAM QUỐC H5
                                                            - GAME THẺ BÀI KIM
                                                            DUNG
                                                       </h3>
                                                       <p
                                                            class="text-[11px] lg:text-xs leading-relaxed text-white/40 line-clamp-2 lg:line-clamp-3 mb-2"
                                                       >
                                                            MÃ NGUỒN BAO GỒM
                                                            SERVER, WEB USER,
                                                            SERVER ĐÃ VIỆT HÓA
                                                            99% - VĂN BẢN HƯỚNG
                                                            DẪN CÀI ĐẶT, MÃ
                                                            NGUỒN CHẠY TRÊN VPS
                                                            WIN2012R2
                                                       </p>
                                                       <div
                                                            class="flex items-center justify-between w-full mt-auto pt-3 lg:pt-4 border-t border-white/5"
                                                       >
                                                            <div
                                                                 class="flex flex-col"
                                                            >
                                                                 <span
                                                                      class="text-[9px] lg:text-[10px] text-white/20 uppercase tracking-widest font-medium"
                                                                      >Giá triển
                                                                      khai</span
                                                                 ><span
                                                                      class="text-base lg:text-lg font-bold text-white/90"
                                                                      >2.000.000&nbsp;₫</span
                                                                 >
                                                            </div>
                                                            <div
                                                                 class="w-8 h-8 lg:w-9 lg:h-9 rounded-full border border-white/10 flex items-center justify-center group-hover:bg-white/90 group-hover:border-white/90 duration-100"
                                                            >
                                                                 <svg
                                                                      xmlns="http://www.w3.org/2000/svg"
                                                                      width="24"
                                                                      height="24"
                                                                      viewBox="0 0 24 24"
                                                                      fill="none"
                                                                      stroke="currentColor"
                                                                      stroke-width="2"
                                                                      stroke-linecap="round"
                                                                      stroke-linejoin="round"
                                                                      class="lucide lucide-arrow-right w-4 h-4 text-white group-hover:text-black duration-100"
                                                                 >
                                                                      <path
                                                                           d="M5 12h14"
                                                                      ></path>
                                                                      <path
                                                                           d="m12 5 7 7-7 7"
                                                                      ></path>
                                                                 </svg>
                                                            </div>
                                                       </div></div></a
                                             ><a
                                                  class="flex flex-col items-start justify-start min-h-[400px] lg:h-[460px] w-full overflow-hidden duration-200 border rounded-xl border-white/10 hover:border-white/20 group bg-black/50"
                                                  href="/templates/192"
                                                  ><div
                                                       class="relative w-full aspect-[3/2] shrink-0 overflow-hidden border-b border-white/5 bg-black"
                                                  >
                                                       <img
                                                            alt="MUKBANG TAM QUỐC"
                                                            loading="lazy"
                                                            width="800"
                                                            height="533"
                                                            decoding="async"
                                                            data-nimg="1"
                                                            class="object-cover object-center w-full h-full"
                                                            style="
                                                                 color: transparent;
                                                            "
                                                            src="https://api.vietcod.com/uploads/items/1772782992862-972227404.webp"
                                                       />
                                                  </div>
                                                  <div
                                                       class="flex flex-col flex-grow w-full p-4 lg:p-5 overflow-hidden"
                                                  >
                                                       <div
                                                            class="flex flex-row flex-wrap gap-1.5 mb-3"
                                                       >
                                                            <span
                                                                 class="px-2 py-0.5 text-[9px] lg:text-[10px] font-bold uppercase rounded bg-white/5 text-white/50 border border-white/10"
                                                                 >3q</span
                                                            ><span
                                                                 class="px-2 py-0.5 text-[9px] lg:text-[10px] font-bold uppercase rounded bg-white/5 text-white/50 border border-white/10"
                                                                 >2d</span
                                                            >
                                                       </div>
                                                       <h3
                                                            class="text-base lg:text-lg font-bold leading-tight line-clamp-2 mb-2 h-10 lg:h-12 bg-gradient-to-r from-white via-white/90 to-white/40 bg-clip-text text-transparent group-hover:from-white group-hover:to-white duration-500"
                                                       >
                                                            MUKBANG TAM QUỐC
                                                       </h3>
                                                       <p
                                                            class="text-[11px] lg:text-xs leading-relaxed text-white/40 line-clamp-2 lg:line-clamp-3 mb-2"
                                                       >
                                                            MÃ NGUỒN BAO GỒM
                                                            SERVER, WEB USER,
                                                            WEB ADMIN, CLIENT
                                                            APK, TOOL CHỈNH SỬA
                                                            GAME, VĂN BẢN HƯỚNG
                                                            DẪN CÀI ĐẶT, VĂN BẢN
                                                            HƯỚNG DẪN MỞ THÊM
                                                            SERVER MỚI VÀ CÁC
                                                            HƯỚNG DẪN ĐI KÈM NHƯ
                                                            ẢNH, MÃ NGUỒN CHẠY
                                                            TRÊN VPS CENTOS
                                                       </p>
                                                       <div
                                                            class="flex items-center justify-between w-full mt-auto pt-3 lg:pt-4 border-t border-white/5"
                                                       >
                                                            <div
                                                                 class="flex flex-col"
                                                            >
                                                                 <span
                                                                      class="text-[9px] lg:text-[10px] text-white/20 uppercase tracking-widest font-medium"
                                                                      >Giá triển
                                                                      khai</span
                                                                 ><span
                                                                      class="text-base lg:text-lg font-bold text-white/90"
                                                                      >4.000.000&nbsp;₫</span
                                                                 >
                                                            </div>
                                                            <div
                                                                 class="w-8 h-8 lg:w-9 lg:h-9 rounded-full border border-white/10 flex items-center justify-center group-hover:bg-white/90 group-hover:border-white/90 duration-100"
                                                            >
                                                                 <svg
                                                                      xmlns="http://www.w3.org/2000/svg"
                                                                      width="24"
                                                                      height="24"
                                                                      viewBox="0 0 24 24"
                                                                      fill="none"
                                                                      stroke="currentColor"
                                                                      stroke-width="2"
                                                                      stroke-linecap="round"
                                                                      stroke-linejoin="round"
                                                                      class="lucide lucide-arrow-right w-4 h-4 text-white group-hover:text-black duration-100"
                                                                 >
                                                                      <path
                                                                           d="M5 12h14"
                                                                      ></path>
                                                                      <path
                                                                           d="m12 5 7 7-7 7"
                                                                      ></path>
                                                                 </svg>
                                                            </div>
                                                       </div></div></a
                                             ><a
                                                  class="flex flex-col items-start justify-start min-h-[400px] lg:h-[460px] w-full overflow-hidden duration-200 border rounded-xl border-white/10 hover:border-white/20 group bg-black/50"
                                                  href="/templates/191"
                                                  ><div
                                                       class="relative w-full aspect-[3/2] shrink-0 overflow-hidden border-b border-white/5 bg-black"
                                                  >
                                                       <img
                                                            alt="CHINH ĐỒ"
                                                            loading="lazy"
                                                            width="800"
                                                            height="533"
                                                            decoding="async"
                                                            data-nimg="1"
                                                            class="object-cover object-center w-full h-full"
                                                            style="
                                                                 color: transparent;
                                                            "
                                                            src="https://api.vietcod.com/uploads/items/1772782345318-59468051.webp"
                                                       />
                                                  </div>
                                                  <div
                                                       class="flex flex-col flex-grow w-full p-4 lg:p-5 overflow-hidden"
                                                  >
                                                       <div
                                                            class="flex flex-row flex-wrap gap-1.5 mb-3"
                                                       >
                                                            <span
                                                                 class="px-2 py-0.5 text-[9px] lg:text-[10px] font-bold uppercase rounded bg-white/5 text-white/50 border border-white/10"
                                                                 >2d</span
                                                            ><span
                                                                 class="px-2 py-0.5 text-[9px] lg:text-[10px] font-bold uppercase rounded bg-white/5 text-white/50 border border-white/10"
                                                                 >kh</span
                                                            >
                                                       </div>
                                                       <h3
                                                            class="text-base lg:text-lg font-bold leading-tight line-clamp-2 mb-2 h-10 lg:h-12 bg-gradient-to-r from-white via-white/90 to-white/40 bg-clip-text text-transparent group-hover:from-white group-hover:to-white duration-500"
                                                       >
                                                            CHINH ĐỒ
                                                       </h3>
                                                       <p
                                                            class="text-[11px] lg:text-xs leading-relaxed text-white/40 line-clamp-2 lg:line-clamp-3 mb-2"
                                                       >
                                                            MÃ NGUỒN BAO GỒM
                                                            SERVER, CLIENT APK
                                                            VIỆT HÓA 90%, NỀN
                                                            GM, VĂN BẢN HƯỚNG
                                                            DẪN CÀI ĐẶT, MÃ
                                                            NGUỒN CHẠY TRÊN VPS
                                                            CENTOS
                                                       </p>
                                                       <div
                                                            class="flex items-center justify-between w-full mt-auto pt-3 lg:pt-4 border-t border-white/5"
                                                       >
                                                            <div
                                                                 class="flex flex-col"
                                                            >
                                                                 <span
                                                                      class="text-[9px] lg:text-[10px] text-white/20 uppercase tracking-widest font-medium"
                                                                      >Giá triển
                                                                      khai</span
                                                                 ><span
                                                                      class="text-base lg:text-lg font-bold text-white/90"
                                                                      >2.000.000&nbsp;₫</span
                                                                 >
                                                            </div>
                                                            <div
                                                                 class="w-8 h-8 lg:w-9 lg:h-9 rounded-full border border-white/10 flex items-center justify-center group-hover:bg-white/90 group-hover:border-white/90 duration-100"
                                                            >
                                                                 <svg
                                                                      xmlns="http://www.w3.org/2000/svg"
                                                                      width="24"
                                                                      height="24"
                                                                      viewBox="0 0 24 24"
                                                                      fill="none"
                                                                      stroke="currentColor"
                                                                      stroke-width="2"
                                                                      stroke-linecap="round"
                                                                      stroke-linejoin="round"
                                                                      class="lucide lucide-arrow-right w-4 h-4 text-white group-hover:text-black duration-100"
                                                                 >
                                                                      <path
                                                                           d="M5 12h14"
                                                                      ></path>
                                                                      <path
                                                                           d="m12 5 7 7-7 7"
                                                                      ></path>
                                                                 </svg>
                                                            </div>
                                                       </div></div></a
                                             ><a
                                                  class="flex flex-col items-start justify-start min-h-[400px] lg:h-[460px] w-full overflow-hidden duration-200 border rounded-xl border-white/10 hover:border-white/20 group bg-black/50"
                                                  href="/templates/190"
                                                  ><div
                                                       class="relative w-full aspect-[3/2] shrink-0 overflow-hidden border-b border-white/5 bg-black"
                                                  >
                                                       <img
                                                            alt="TAM QUỐC CHÍ"
                                                            loading="lazy"
                                                            width="800"
                                                            height="533"
                                                            decoding="async"
                                                            data-nimg="1"
                                                            class="object-cover object-center w-full h-full"
                                                            style="
                                                                 color: transparent;
                                                            "
                                                            src="https://api.vietcod.com/uploads/items/1772782054200-838245390.webp"
                                                       />
                                                  </div>
                                                  <div
                                                       class="flex flex-col flex-grow w-full p-4 lg:p-5 overflow-hidden"
                                                  >
                                                       <div
                                                            class="flex flex-row flex-wrap gap-1.5 mb-3"
                                                       >
                                                            <span
                                                                 class="px-2 py-0.5 text-[9px] lg:text-[10px] font-bold uppercase rounded bg-white/5 text-white/50 border border-white/10"
                                                                 >h5</span
                                                            ><span
                                                                 class="px-2 py-0.5 text-[9px] lg:text-[10px] font-bold uppercase rounded bg-white/5 text-white/50 border border-white/10"
                                                                 >2d</span
                                                            >
                                                       </div>
                                                       <h3
                                                            class="text-base lg:text-lg font-bold leading-tight line-clamp-2 mb-2 h-10 lg:h-12 bg-gradient-to-r from-white via-white/90 to-white/40 bg-clip-text text-transparent group-hover:from-white group-hover:to-white duration-500"
                                                       >
                                                            TAM QUỐC CHÍ
                                                       </h3>
                                                       <p
                                                            class="text-[11px] lg:text-xs leading-relaxed text-white/40 line-clamp-2 lg:line-clamp-3 mb-2"
                                                       >
                                                            MÃ NGUỒN BAO GỒM
                                                            SERVER, WEB USER,
                                                            WEB ADMIN, VĂN BẢN
                                                            HD CÀI ONLINE, VIDEO
                                                            HD MỞ SERVER MỚI,
                                                            VIDEO HD GỘP SERVER,
                                                            VIDEO HD DEV EVENT
                                                            CƠ BẢN, BỘ WEB
                                                            CONFIG
                                                       </p>
                                                       <div
                                                            class="flex items-center justify-between w-full mt-auto pt-3 lg:pt-4 border-t border-white/5"
                                                       >
                                                            <div
                                                                 class="flex flex-col"
                                                            >
                                                                 <span
                                                                      class="text-[9px] lg:text-[10px] text-white/20 uppercase tracking-widest font-medium"
                                                                      >Giá triển
                                                                      khai</span
                                                                 ><span
                                                                      class="text-base lg:text-lg font-bold text-white/90"
                                                                      >8.000.000&nbsp;₫</span
                                                                 >
                                                            </div>
                                                            <div
                                                                 class="w-8 h-8 lg:w-9 lg:h-9 rounded-full border border-white/10 flex items-center justify-center group-hover:bg-white/90 group-hover:border-white/90 duration-100"
                                                            >
                                                                 <svg
                                                                      xmlns="http://www.w3.org/2000/svg"
                                                                      width="24"
                                                                      height="24"
                                                                      viewBox="0 0 24 24"
                                                                      fill="none"
                                                                      stroke="currentColor"
                                                                      stroke-width="2"
                                                                      stroke-linecap="round"
                                                                      stroke-linejoin="round"
                                                                      class="lucide lucide-arrow-right w-4 h-4 text-white group-hover:text-black duration-100"
                                                                 >
                                                                      <path
                                                                           d="M5 12h14"
                                                                      ></path>
                                                                      <path
                                                                           d="m12 5 7 7-7 7"
                                                                      ></path>
                                                                 </svg>
                                                            </div>
                                                       </div></div></a
                                             ><a
                                                  class="flex flex-col items-start justify-start min-h-[400px] lg:h-[460px] w-full overflow-hidden duration-200 border rounded-xl border-white/10 hover:border-white/20 group bg-black/50"
                                                  href="/templates/189"
                                                  ><div
                                                       class="relative w-full aspect-[3/2] shrink-0 overflow-hidden border-b border-white/5 bg-black"
                                                  >
                                                       <img
                                                            alt="Mu Mobile 7 Class V10"
                                                            loading="lazy"
                                                            width="800"
                                                            height="533"
                                                            decoding="async"
                                                            data-nimg="1"
                                                            class="object-cover object-center w-full h-full"
                                                            style="
                                                                 color: transparent;
                                                            "
                                                            src="https://api.vietcod.com/uploads/items/1772446302365-34042510.png"
                                                       />
                                                  </div>
                                                  <div
                                                       class="flex flex-col flex-grow w-full p-4 lg:p-5 overflow-hidden"
                                                  >
                                                       <div
                                                            class="flex flex-row flex-wrap gap-1.5 mb-3"
                                                       >
                                                            <span
                                                                 class="px-2 py-0.5 text-[9px] lg:text-[10px] font-bold uppercase rounded bg-white/5 text-white/50 border border-white/10"
                                                                 >3d</span
                                                            ><span
                                                                 class="px-2 py-0.5 text-[9px] lg:text-[10px] font-bold uppercase rounded bg-white/5 text-white/50 border border-white/10"
                                                                 >th</span
                                                            >
                                                       </div>
                                                       <h3
                                                            class="text-base lg:text-lg font-bold leading-tight line-clamp-2 mb-2 h-10 lg:h-12 bg-gradient-to-r from-white via-white/90 to-white/40 bg-clip-text text-transparent group-hover:from-white group-hover:to-white duration-500"
                                                       >
                                                            Mu Mobile 7 Class
                                                            V10
                                                       </h3>
                                                       <p
                                                            class="text-[11px] lg:text-xs leading-relaxed text-white/40 line-clamp-2 lg:line-clamp-3 mb-2"
                                                       >
                                                            Mu Mobile 7 Class
                                                            V10 Web Api Client
                                                            Apk Ipa,việt hóa
                                                            chuẩn full Có Giọng
                                                            Việt,Chạy win server
                                                            2012 đến 2022Cấu
                                                            hình tối thiểu 4
                                                            nhân ram 8gb,Có
                                                            hướng dẫn
                                                            videos&amp;nbsp;Đồ
                                                            họa đẹp mượt,sắc
                                                            nét,nhiều skin,thú
                                                            cưỡi và huyễn
                                                            hóa,web admin tạo
                                                            giftcode,bank,check
                                                            user....
                                                       </p>
                                                       <div
                                                            class="flex items-center justify-between w-full mt-auto pt-3 lg:pt-4 border-t border-white/5"
                                                       >
                                                            <div
                                                                 class="flex flex-col"
                                                            >
                                                                 <span
                                                                      class="text-[9px] lg:text-[10px] text-white/20 uppercase tracking-widest font-medium"
                                                                      >Giá triển
                                                                      khai</span
                                                                 ><span
                                                                      class="text-base lg:text-lg font-bold text-white/90"
                                                                      >4.000.000&nbsp;₫</span
                                                                 >
                                                            </div>
                                                            <div
                                                                 class="w-8 h-8 lg:w-9 lg:h-9 rounded-full border border-white/10 flex items-center justify-center group-hover:bg-white/90 group-hover:border-white/90 duration-100"
                                                            >
                                                                 <svg
                                                                      xmlns="http://www.w3.org/2000/svg"
                                                                      width="24"
                                                                      height="24"
                                                                      viewBox="0 0 24 24"
                                                                      fill="none"
                                                                      stroke="currentColor"
                                                                      stroke-width="2"
                                                                      stroke-linecap="round"
                                                                      stroke-linejoin="round"
                                                                      class="lucide lucide-arrow-right w-4 h-4 text-white group-hover:text-black duration-100"
                                                                 >
                                                                      <path
                                                                           d="M5 12h14"
                                                                      ></path>
                                                                      <path
                                                                           d="m12 5 7 7-7 7"
                                                                      ></path>
                                                                 </svg>
                                                            </div>
                                                       </div></div></a
                                             ><a
                                                  class="flex flex-col items-start justify-start min-h-[400px] lg:h-[460px] w-full overflow-hidden duration-200 border rounded-xl border-white/10 hover:border-white/20 group bg-black/50"
                                                  href="/templates/188"
                                                  ><div
                                                       class="relative w-full aspect-[3/2] shrink-0 overflow-hidden border-b border-white/5 bg-black"
                                                  >
                                                       <img
                                                            alt="Siêu Rồng Thần H5"
                                                            loading="lazy"
                                                            width="800"
                                                            height="533"
                                                            decoding="async"
                                                            data-nimg="1"
                                                            class="object-cover object-center w-full h-full"
                                                            style="
                                                                 color: transparent;
                                                            "
                                                            src="https://api.vietcod.com/uploads/items/1772445744470-215712532.png"
                                                       />
                                                  </div>
                                                  <div
                                                       class="flex flex-col flex-grow w-full p-4 lg:p-5 overflow-hidden"
                                                  >
                                                       <div
                                                            class="flex flex-row flex-wrap gap-1.5 mb-3"
                                                       >
                                                            <span
                                                                 class="px-2 py-0.5 text-[9px] lg:text-[10px] font-bold uppercase rounded bg-white/5 text-white/50 border border-white/10"
                                                                 >2d</span
                                                            ><span
                                                                 class="px-2 py-0.5 text-[9px] lg:text-[10px] font-bold uppercase rounded bg-white/5 text-white/50 border border-white/10"
                                                                 >h5</span
                                                            >
                                                       </div>
                                                       <h3
                                                            class="text-base lg:text-lg font-bold leading-tight line-clamp-2 mb-2 h-10 lg:h-12 bg-gradient-to-r from-white via-white/90 to-white/40 bg-clip-text text-transparent group-hover:from-white group-hover:to-white duration-500"
                                                       >
                                                            Siêu Rồng Thần H5
                                                       </h3>
                                                       <p
                                                            class="text-[11px] lg:text-xs leading-relaxed text-white/40 line-clamp-2 lg:line-clamp-3 mb-2"
                                                       >
                                                            Update thêm các
                                                            tướng mới,nâng cấp
                                                            level, sao,vip,vip
                                                            shop,tầng tháp,fix 1
                                                            số lỗi vặt....Siêu
                                                            Rồng Thần H5 Web Api
                                                            việt hóa chuẩn,yêu
                                                            cầu centos 7 cấu
                                                            hình 4 nhân ram 10gb
                                                            tối thiểuHướng dẫn
                                                            chi tiết,hd open
                                                            server mới,6 slot 6
                                                            hệ,hình ảnh nét
                                                            căng,mượtWeb admin
                                                            china nhiều chức
                                                            năng tạo code,check
                                                            tk,server...,web
                                                            admin nạp xu check
                                                            log nạp...
                                                       </p>
                                                       <div
                                                            class="flex items-center justify-between w-full mt-auto pt-3 lg:pt-4 border-t border-white/5"
                                                       >
                                                            <div
                                                                 class="flex flex-col"
                                                            >
                                                                 <span
                                                                      class="text-[9px] lg:text-[10px] text-white/20 uppercase tracking-widest font-medium"
                                                                      >Giá triển
                                                                      khai</span
                                                                 ><span
                                                                      class="text-base lg:text-lg font-bold text-white/90"
                                                                      >5.200.000&nbsp;₫</span
                                                                 >
                                                            </div>
                                                            <div
                                                                 class="w-8 h-8 lg:w-9 lg:h-9 rounded-full border border-white/10 flex items-center justify-center group-hover:bg-white/90 group-hover:border-white/90 duration-100"
                                                            >
                                                                 <svg
                                                                      xmlns="http://www.w3.org/2000/svg"
                                                                      width="24"
                                                                      height="24"
                                                                      viewBox="0 0 24 24"
                                                                      fill="none"
                                                                      stroke="currentColor"
                                                                      stroke-width="2"
                                                                      stroke-linecap="round"
                                                                      stroke-linejoin="round"
                                                                      class="lucide lucide-arrow-right w-4 h-4 text-white group-hover:text-black duration-100"
                                                                 >
                                                                      <path
                                                                           d="M5 12h14"
                                                                      ></path>
                                                                      <path
                                                                           d="m12 5 7 7-7 7"
                                                                      ></path>
                                                                 </svg>
                                                            </div>
                                                       </div></div></a
                                             ><a
                                                  class="flex flex-col items-start justify-start min-h-[400px] lg:h-[460px] w-full overflow-hidden duration-200 border rounded-xl border-white/10 hover:border-white/20 group bg-black/50"
                                                  href="/templates/187"
                                                  ><div
                                                       class="relative w-full aspect-[3/2] shrink-0 overflow-hidden border-b border-white/5 bg-black"
                                                  >
                                                       <img
                                                            alt="3Q Quần Anh"
                                                            loading="lazy"
                                                            width="800"
                                                            height="533"
                                                            decoding="async"
                                                            data-nimg="1"
                                                            class="object-cover object-center w-full h-full"
                                                            style="
                                                                 color: transparent;
                                                            "
                                                            src="https://api.vietcod.com/uploads/items/1772445546016-15352226.png"
                                                       />
                                                  </div>
                                                  <div
                                                       class="flex flex-col flex-grow w-full p-4 lg:p-5 overflow-hidden"
                                                  >
                                                       <div
                                                            class="flex flex-row flex-wrap gap-1.5 mb-3"
                                                       >
                                                            <span
                                                                 class="px-2 py-0.5 text-[9px] lg:text-[10px] font-bold uppercase rounded bg-white/5 text-white/50 border border-white/10"
                                                                 >3q</span
                                                            ><span
                                                                 class="px-2 py-0.5 text-[9px] lg:text-[10px] font-bold uppercase rounded bg-white/5 text-white/50 border border-white/10"
                                                                 >2d</span
                                                            >
                                                       </div>
                                                       <h3
                                                            class="text-base lg:text-lg font-bold leading-tight line-clamp-2 mb-2 h-10 lg:h-12 bg-gradient-to-r from-white via-white/90 to-white/40 bg-clip-text text-transparent group-hover:from-white group-hover:to-white duration-500"
                                                       >
                                                            3Q Quần Anh
                                                       </h3>
                                                       <p
                                                            class="text-[11px] lg:text-xs leading-relaxed text-white/40 line-clamp-2 lg:line-clamp-3 mb-2"
                                                       >
                                                            3Q Quần Anh Web Api
                                                            - Client Apk Ipa
                                                            Việt Hóa,chạy win
                                                            server 2012 r2,cấu
                                                            hình 2 nhân ram
                                                            4gb,hướng dẫn
                                                            setupTướng Vô Cực -
                                                            Tướng Ma,skill đẹp
                                                            bắt mắt,có giọng
                                                            việtWeb Api tích
                                                            nạp,giftcode,điểm
                                                            danh,nạp momo
                                                            bank....Liên SV,S1
                                                            S2 hoạt động ổn định
                                                            đã fix
                                                       </p>
                                                       <div
                                                            class="flex items-center justify-between w-full mt-auto pt-3 lg:pt-4 border-t border-white/5"
                                                       >
                                                            <div
                                                                 class="flex flex-col"
                                                            >
                                                                 <span
                                                                      class="text-[9px] lg:text-[10px] text-white/20 uppercase tracking-widest font-medium"
                                                                      >Giá triển
                                                                      khai</span
                                                                 ><span
                                                                      class="text-base lg:text-lg font-bold text-white/90"
                                                                      >2.500.000&nbsp;₫</span
                                                                 >
                                                            </div>
                                                            <div
                                                                 class="w-8 h-8 lg:w-9 lg:h-9 rounded-full border border-white/10 flex items-center justify-center group-hover:bg-white/90 group-hover:border-white/90 duration-100"
                                                            >
                                                                 <svg
                                                                      xmlns="http://www.w3.org/2000/svg"
                                                                      width="24"
                                                                      height="24"
                                                                      viewBox="0 0 24 24"
                                                                      fill="none"
                                                                      stroke="currentColor"
                                                                      stroke-width="2"
                                                                      stroke-linecap="round"
                                                                      stroke-linejoin="round"
                                                                      class="lucide lucide-arrow-right w-4 h-4 text-white group-hover:text-black duration-100"
                                                                 >
                                                                      <path
                                                                           d="M5 12h14"
                                                                      ></path>
                                                                      <path
                                                                           d="m12 5 7 7-7 7"
                                                                      ></path>
                                                                 </svg>
                                                            </div>
                                                       </div></div></a
                                             ><a
                                                  class="flex flex-col items-start justify-start min-h-[400px] lg:h-[460px] w-full overflow-hidden duration-200 border rounded-xl border-white/10 hover:border-white/20 group bg-black/50"
                                                  href="/templates/186"
                                                  ><div
                                                       class="relative w-full aspect-[3/2] shrink-0 overflow-hidden border-b border-white/5 bg-black"
                                                  >
                                                       <img
                                                            alt="Ngạo Kiếm Vô Song H5"
                                                            loading="lazy"
                                                            width="800"
                                                            height="533"
                                                            decoding="async"
                                                            data-nimg="1"
                                                            class="object-cover object-center w-full h-full"
                                                            style="
                                                                 color: transparent;
                                                            "
                                                            src="https://api.vietcod.com/uploads/items/1772445340143-962941260.png"
                                                       />
                                                  </div>
                                                  <div
                                                       class="flex flex-col flex-grow w-full p-4 lg:p-5 overflow-hidden"
                                                  >
                                                       <div
                                                            class="flex flex-row flex-wrap gap-1.5 mb-3"
                                                       >
                                                            <span
                                                                 class="px-2 py-0.5 text-[9px] lg:text-[10px] font-bold uppercase rounded bg-white/5 text-white/50 border border-white/10"
                                                                 >h5</span
                                                            ><span
                                                                 class="px-2 py-0.5 text-[9px] lg:text-[10px] font-bold uppercase rounded bg-white/5 text-white/50 border border-white/10"
                                                                 >2d</span
                                                            >
                                                       </div>
                                                       <h3
                                                            class="text-base lg:text-lg font-bold leading-tight line-clamp-2 mb-2 h-10 lg:h-12 bg-gradient-to-r from-white via-white/90 to-white/40 bg-clip-text text-transparent group-hover:from-white group-hover:to-white duration-500"
                                                       >
                                                            Ngạo Kiếm Vô Song H5
                                                       </h3>
                                                       <p
                                                            class="text-[11px] lg:text-xs leading-relaxed text-white/40 line-clamp-2 lg:line-clamp-3 mb-2"
                                                       >
                                                            Ngạo Kiếm Vô Song H5
                                                            Việt Hóa Đẹp,Web
                                                            Admin china,bản này
                                                            có API tích hợp
                                                            ingame,webshopThể
                                                            loại kiếm hiệp H5 đồ
                                                            họa đẹp,chạy centos
                                                            7.9 4 nhân ram 8gb
                                                       </p>
                                                       <div
                                                            class="flex items-center justify-between w-full mt-auto pt-3 lg:pt-4 border-t border-white/5"
                                                       >
                                                            <div
                                                                 class="flex flex-col"
                                                            >
                                                                 <span
                                                                      class="text-[9px] lg:text-[10px] text-white/20 uppercase tracking-widest font-medium"
                                                                      >Giá triển
                                                                      khai</span
                                                                 ><span
                                                                      class="text-base lg:text-lg font-bold text-white/90"
                                                                      >2.000.000&nbsp;₫</span
                                                                 >
                                                            </div>
                                                            <div
                                                                 class="w-8 h-8 lg:w-9 lg:h-9 rounded-full border border-white/10 flex items-center justify-center group-hover:bg-white/90 group-hover:border-white/90 duration-100"
                                                            >
                                                                 <svg
                                                                      xmlns="http://www.w3.org/2000/svg"
                                                                      width="24"
                                                                      height="24"
                                                                      viewBox="0 0 24 24"
                                                                      fill="none"
                                                                      stroke="currentColor"
                                                                      stroke-width="2"
                                                                      stroke-linecap="round"
                                                                      stroke-linejoin="round"
                                                                      class="lucide lucide-arrow-right w-4 h-4 text-white group-hover:text-black duration-100"
                                                                 >
                                                                      <path
                                                                           d="M5 12h14"
                                                                      ></path>
                                                                      <path
                                                                           d="m12 5 7 7-7 7"
                                                                      ></path>
                                                                 </svg>
                                                            </div>
                                                       </div></div></a
                                             ><a
                                                  class="flex flex-col items-start justify-start min-h-[400px] lg:h-[460px] w-full overflow-hidden duration-200 border rounded-xl border-white/10 hover:border-white/20 group bg-black/50"
                                                  href="/templates/184"
                                                  ><div
                                                       class="relative w-full aspect-[3/2] shrink-0 overflow-hidden border-b border-white/5 bg-black"
                                                  >
                                                       <img
                                                            alt="Chúa Công Xin Dừng Bước"
                                                            loading="lazy"
                                                            width="800"
                                                            height="533"
                                                            decoding="async"
                                                            data-nimg="1"
                                                            class="object-cover object-center w-full h-full"
                                                            style="
                                                                 color: transparent;
                                                            "
                                                            src="https://api.vietcod.com/uploads/items/1772444964476-192418940.png"
                                                       />
                                                  </div>
                                                  <div
                                                       class="flex flex-col flex-grow w-full p-4 lg:p-5 overflow-hidden"
                                                  >
                                                       <div
                                                            class="flex flex-row flex-wrap gap-1.5 mb-3"
                                                       >
                                                            <span
                                                                 class="px-2 py-0.5 text-[9px] lg:text-[10px] font-bold uppercase rounded bg-white/5 text-white/50 border border-white/10"
                                                                 >3q</span
                                                            ><span
                                                                 class="px-2 py-0.5 text-[9px] lg:text-[10px] font-bold uppercase rounded bg-white/5 text-white/50 border border-white/10"
                                                                 >2d</span
                                                            >
                                                       </div>
                                                       <h3
                                                            class="text-base lg:text-lg font-bold leading-tight line-clamp-2 mb-2 h-10 lg:h-12 bg-gradient-to-r from-white via-white/90 to-white/40 bg-clip-text text-transparent group-hover:from-white group-hover:to-white duration-500"
                                                       >
                                                            Chúa Công Xin Dừng
                                                            Bước
                                                       </h3>
                                                       <p
                                                            class="text-[11px] lg:text-xs leading-relaxed text-white/40 line-clamp-2 lg:line-clamp-3 mb-2"
                                                       >
                                                            Chúa Công Xin Dừng
                                                            Bước Client Apk Ipa
                                                            Tool GM,client apk
                                                            ipa vh dịch
                                                            font,admin china đa
                                                            chức năng,chạy
                                                            centos 7.9 cấu hình
                                                            tối thiểu 2 nhân ram
                                                            4gbCó hướng dẫn chi
                                                            tiết,đã vh tool
                                                            gm,bản mới nhất có
                                                            tướng siêu phàm,chí
                                                            tôn,thần thoại,tuyệt
                                                            thánh....Đồ họa đẹp
                                                            và nét,2.5D mượt
                                                            skill bắt mắt lắm
                                                            nha ae
                                                       </p>
                                                       <div
                                                            class="flex items-center justify-between w-full mt-auto pt-3 lg:pt-4 border-t border-white/5"
                                                       >
                                                            <div
                                                                 class="flex flex-col"
                                                            >
                                                                 <span
                                                                      class="text-[9px] lg:text-[10px] text-white/20 uppercase tracking-widest font-medium"
                                                                      >Giá triển
                                                                      khai</span
                                                                 ><span
                                                                      class="text-base lg:text-lg font-bold text-white/90"
                                                                      >2.000.000&nbsp;₫</span
                                                                 >
                                                            </div>
                                                            <div
                                                                 class="w-8 h-8 lg:w-9 lg:h-9 rounded-full border border-white/10 flex items-center justify-center group-hover:bg-white/90 group-hover:border-white/90 duration-100"
                                                            >
                                                                 <svg
                                                                      xmlns="http://www.w3.org/2000/svg"
                                                                      width="24"
                                                                      height="24"
                                                                      viewBox="0 0 24 24"
                                                                      fill="none"
                                                                      stroke="currentColor"
                                                                      stroke-width="2"
                                                                      stroke-linecap="round"
                                                                      stroke-linejoin="round"
                                                                      class="lucide lucide-arrow-right w-4 h-4 text-white group-hover:text-black duration-100"
                                                                 >
                                                                      <path
                                                                           d="M5 12h14"
                                                                      ></path>
                                                                      <path
                                                                           d="m12 5 7 7-7 7"
                                                                      ></path>
                                                                 </svg>
                                                            </div>
                                                       </div></div
                                             ></a>
                                        </div>
                                        <div
                                             class="flex items-center justify-center w-full gap-2 mt-16 flex-wrap"
                                        >
                                             <button
                                                  disabled=""
                                                  class="flex items-center justify-center w-10 h-10 border rounded-lg border-white/10 hover:bg-white/10 disabled:opacity-30 disabled:pointer-events-none duration-200"
                                             >
                                                  <svg
                                                       xmlns="http://www.w3.org/2000/svg"
                                                       width="24"
                                                       height="24"
                                                       viewBox="0 0 24 24"
                                                       fill="none"
                                                       stroke="currentColor"
                                                       stroke-width="2"
                                                       stroke-linecap="round"
                                                       stroke-linejoin="round"
                                                       class="lucide lucide-chevron-left w-4 h-4"
                                                  >
                                                       <path
                                                            d="m15 18-6-6 6-6"
                                                       ></path>
                                                  </svg></button
                                             ><button
                                                  class="w-10 h-10 rounded-lg text-sm font-medium duration-200 bg-white/85 border-white text-black"
                                             >
                                                  1</button
                                             ><button
                                                  class="w-10 h-10 rounded-lg text-sm font-medium duration-200 border border-white/10 hover:bg-white/10 text-white"
                                             >
                                                  2</button
                                             ><span class="px-2 text-white/30"
                                                  >...</span
                                             ><button
                                                  class="w-10 h-10 rounded-lg text-sm font-medium duration-200 border border-white/10 hover:bg-white/10 text-white"
                                             >
                                                  13</button
                                             ><button
                                                  class="flex items-center justify-center w-10 h-10 border rounded-lg border-white/10 hover:bg-white/10 disabled:opacity-30 disabled:pointer-events-none duration-200"
                                             >
                                                  <svg
                                                       xmlns="http://www.w3.org/2000/svg"
                                                       width="24"
                                                       height="24"
                                                       viewBox="0 0 24 24"
                                                       fill="none"
                                                       stroke="currentColor"
                                                       stroke-width="2"
                                                       stroke-linecap="round"
                                                       stroke-linejoin="round"
                                                       class="lucide lucide-chevron-right w-4 h-4"
                                                  >
                                                       <path
                                                            d="m9 18 6-6-6-6"
                                                       ></path>
                                                  </svg>
                                             </button>
                                        </div>
                                   </div>
                              </div>
                         </div>
                         <div class="w-full h-full overflow-hidden">
                              <div class="relative pb-40 pt-14">
                                   <svg
                                        class="absolute inset-x-0 w-full mx-auto pointer-events-none -bottom-80 max-sm:w-8"
                                        width="944"
                                        height="1033"
                                        viewBox="0 0 944 1033"
                                        fill="none"
                                        xmlns="http://www.w3.org/2000/svg"
                                   >
                                        <g opacity="0.3">
                                             <g
                                                  style="
                                                       mix-blend-mode: lighten;
                                                  "
                                                  filter="url(#filter0_f_2076_3208)"
                                             >
                                                  <ellipse
                                                       cx="574.307"
                                                       cy="568.208"
                                                       rx="32.7783"
                                                       ry="293.346"
                                                       transform="rotate(-164.946 574.307 568.208)"
                                                       fill="url(#paint0_linear_2076_3208)"
                                                       fill-opacity="0.5"
                                                  ></ellipse>
                                             </g>
                                             <g
                                                  style="
                                                       mix-blend-mode: color-dodge;
                                                  "
                                                  filter="url(#filter1_f_2076_3208)"
                                             >
                                                  <ellipse
                                                       cx="468.5"
                                                       cy="589.25"
                                                       rx="26.5"
                                                       ry="293.25"
                                                       transform="rotate(180 468.5 589.25)"
                                                       fill="url(#paint1_linear_2076_3208)"
                                                       fill-opacity="0.5"
                                                  ></ellipse>
                                             </g>
                                             <g
                                                  style="
                                                       mix-blend-mode: lighten;
                                                  "
                                                  filter="url(#filter2_f_2076_3208)"
                                             >
                                                  <ellipse
                                                       cx="365.16"
                                                       cy="517.917"
                                                       rx="22.3794"
                                                       ry="381.284"
                                                       transform="rotate(165 365.16 517.917)"
                                                       fill="url(#paint2_linear_2076_3208)"
                                                       fill-opacity="0.5"
                                                  ></ellipse>
                                             </g>
                                             <g
                                                  style="
                                                       mix-blend-mode: lighten;
                                                  "
                                                  filter="url(#filter3_f_2076_3208)"
                                             >
                                                  <ellipse
                                                       cx="417.083"
                                                       cy="711.695"
                                                       rx="22.3794"
                                                       ry="180.667"
                                                       transform="rotate(165 417.083 711.695)"
                                                       fill="url(#paint3_linear_2076_3208)"
                                                       fill-opacity="0.5"
                                                  ></ellipse>
                                             </g>
                                             <g
                                                  style="
                                                       mix-blend-mode: lighten;
                                                  "
                                                  filter="url(#filter4_f_2076_3208)"
                                             >
                                                  <ellipse
                                                       cx="471.75"
                                                       cy="470.5"
                                                       rx="22.25"
                                                       ry="381.5"
                                                       transform="rotate(180 471.75 470.5)"
                                                       fill="url(#paint4_linear_2076_3208)"
                                                       fill-opacity="0.5"
                                                  ></ellipse>
                                             </g>
                                             <g
                                                  style="
                                                       mix-blend-mode: lighten;
                                                  "
                                                  filter="url(#filter5_f_2076_3208)"
                                             >
                                                  <ellipse
                                                       cx="472"
                                                       cy="695"
                                                       rx="321.5"
                                                       ry="187.5"
                                                       transform="rotate(180 472 695)"
                                                       fill="url(#paint5_linear_2076_3208)"
                                                       fill-opacity="0.5"
                                                  ></ellipse>
                                             </g>
                                             <g
                                                  style="
                                                       mix-blend-mode: lighten;
                                                  "
                                                  filter="url(#filter6_f_2076_3208)"
                                             >
                                                  <ellipse
                                                       cx="472"
                                                       cy="787"
                                                       rx="160.5"
                                                       ry="95.5"
                                                       transform="rotate(180 472 787)"
                                                       fill="url(#paint6_linear_2076_3208)"
                                                       fill-opacity="0.5"
                                                  ></ellipse>
                                             </g>
                                             <g
                                                  style="
                                                       mix-blend-mode: lighten;
                                                  "
                                                  filter="url(#filter7_f_2076_3208)"
                                             >
                                                  <ellipse
                                                       cx="472"
                                                       cy="779.75"
                                                       rx="135"
                                                       ry="80.25"
                                                       transform="rotate(180 472 779.75)"
                                                       fill="url(#paint7_linear_2076_3208)"
                                                       fill-opacity="0.5"
                                                  ></ellipse>
                                             </g>
                                        </g>
                                        <defs>
                                             <filter
                                                  id="filter0_f_2076_3208"
                                                  x="402.782"
                                                  y="195.799"
                                                  width="343.05"
                                                  height="744.818"
                                                  filterUnits="userSpaceOnUse"
                                                  color-interpolation-filters="sRGB"
                                             >
                                                  <feFlood
                                                       flood-opacity="0"
                                                       result="BackgroundImageFix"
                                                  ></feFlood>
                                                  <feBlend
                                                       mode="normal"
                                                       in="SourceGraphic"
                                                       in2="BackgroundImageFix"
                                                       result="shape"
                                                  ></feBlend>
                                                  <feGaussianBlur
                                                       stdDeviation="44.5"
                                                       result="effect1_foregroundBlur_2076_3208"
                                                  ></feGaussianBlur>
                                             </filter>
                                             <filter
                                                  id="filter1_f_2076_3208"
                                                  x="353"
                                                  y="207"
                                                  width="231"
                                                  height="764.5"
                                                  filterUnits="userSpaceOnUse"
                                                  color-interpolation-filters="sRGB"
                                             >
                                                  <feFlood
                                                       flood-opacity="0"
                                                       result="BackgroundImageFix"
                                                  ></feFlood>
                                                  <feBlend
                                                       mode="normal"
                                                       in="SourceGraphic"
                                                       in2="BackgroundImageFix"
                                                       result="shape"
                                                  ></feBlend>
                                                  <feGaussianBlur
                                                       stdDeviation="44.5"
                                                       result="effect1_foregroundBlur_2076_3208"
                                                  ></feGaussianBlur>
                                             </filter>
                                             <filter
                                                  id="filter2_f_2076_3208"
                                                  x="175.115"
                                                  y="60.5783"
                                                  width="380.089"
                                                  height="914.677"
                                                  filterUnits="userSpaceOnUse"
                                                  color-interpolation-filters="sRGB"
                                             >
                                                  <feFlood
                                                       flood-opacity="0"
                                                       result="BackgroundImageFix"
                                                  ></feFlood>
                                                  <feBlend
                                                       mode="normal"
                                                       in="SourceGraphic"
                                                       in2="BackgroundImageFix"
                                                       result="shape"
                                                  ></feBlend>
                                                  <feGaussianBlur
                                                       stdDeviation="44.5"
                                                       result="effect1_foregroundBlur_2076_3208"
                                                  ></feGaussianBlur>
                                             </filter>
                                             <filter
                                                  id="filter3_f_2076_3208"
                                                  x="276.556"
                                                  y="448.086"
                                                  width="281.055"
                                                  height="527.218"
                                                  filterUnits="userSpaceOnUse"
                                                  color-interpolation-filters="sRGB"
                                             >
                                                  <feFlood
                                                       flood-opacity="0"
                                                       result="BackgroundImageFix"
                                                  ></feFlood>
                                                  <feBlend
                                                       mode="normal"
                                                       in="SourceGraphic"
                                                       in2="BackgroundImageFix"
                                                       result="shape"
                                                  ></feBlend>
                                                  <feGaussianBlur
                                                       stdDeviation="44.5"
                                                       result="effect1_foregroundBlur_2076_3208"
                                                  ></feGaussianBlur>
                                             </filter>
                                             <filter
                                                  id="filter4_f_2076_3208"
                                                  x="360.5"
                                                  y="0"
                                                  width="222.5"
                                                  height="941"
                                                  filterUnits="userSpaceOnUse"
                                                  color-interpolation-filters="sRGB"
                                             >
                                                  <feFlood
                                                       flood-opacity="0"
                                                       result="BackgroundImageFix"
                                                  ></feFlood>
                                                  <feBlend
                                                       mode="normal"
                                                       in="SourceGraphic"
                                                       in2="BackgroundImageFix"
                                                       result="shape"
                                                  ></feBlend>
                                                  <feGaussianBlur
                                                       stdDeviation="44.5"
                                                       result="effect1_foregroundBlur_2076_3208"
                                                  ></feGaussianBlur>
                                             </filter>
                                             <filter
                                                  id="filter5_f_2076_3208"
                                                  x="0.499939"
                                                  y="357.5"
                                                  width="943"
                                                  height="675"
                                                  filterUnits="userSpaceOnUse"
                                                  color-interpolation-filters="sRGB"
                                             >
                                                  <feFlood
                                                       flood-opacity="0"
                                                       result="BackgroundImageFix"
                                                  ></feFlood>
                                                  <feBlend
                                                       mode="normal"
                                                       in="SourceGraphic"
                                                       in2="BackgroundImageFix"
                                                       result="shape"
                                                  ></feBlend>
                                                  <feGaussianBlur
                                                       stdDeviation="75"
                                                       result="effect1_foregroundBlur_2076_3208"
                                                  ></feGaussianBlur>
                                             </filter>
                                             <filter
                                                  id="filter6_f_2076_3208"
                                                  x="161.5"
                                                  y="541.5"
                                                  width="621"
                                                  height="491"
                                                  filterUnits="userSpaceOnUse"
                                                  color-interpolation-filters="sRGB"
                                             >
                                                  <feFlood
                                                       flood-opacity="0"
                                                       result="BackgroundImageFix"
                                                  ></feFlood>
                                                  <feBlend
                                                       mode="normal"
                                                       in="SourceGraphic"
                                                       in2="BackgroundImageFix"
                                                       result="shape"
                                                  ></feBlend>
                                                  <feGaussianBlur
                                                       stdDeviation="75"
                                                       result="effect1_foregroundBlur_2076_3208"
                                                  ></feGaussianBlur>
                                             </filter>
                                             <filter
                                                  id="filter7_f_2076_3208"
                                                  x="187"
                                                  y="549.5"
                                                  width="570"
                                                  height="460.5"
                                                  filterUnits="userSpaceOnUse"
                                                  color-interpolation-filters="sRGB"
                                             >
                                                  <feFlood
                                                       flood-opacity="0"
                                                       result="BackgroundImageFix"
                                                  ></feFlood>
                                                  <feBlend
                                                       mode="normal"
                                                       in="SourceGraphic"
                                                       in2="BackgroundImageFix"
                                                       result="shape"
                                                  ></feBlend>
                                                  <feGaussianBlur
                                                       stdDeviation="75"
                                                       result="effect1_foregroundBlur_2076_3208"
                                                  ></feGaussianBlur>
                                             </filter>
                                             <linearGradient
                                                  id="paint0_linear_2076_3208"
                                                  x1="574.307"
                                                  y1="274.862"
                                                  x2="574.307"
                                                  y2="861.554"
                                                  gradientUnits="userSpaceOnUse"
                                             >
                                                  <stop
                                                       stop-color="white"
                                                  ></stop>
                                                  <stop
                                                       offset="1"
                                                       stop-color="white"
                                                       stop-opacity="0"
                                                  ></stop>
                                             </linearGradient>
                                             <linearGradient
                                                  id="paint1_linear_2076_3208"
                                                  x1="468.5"
                                                  y1="296"
                                                  x2="468.5"
                                                  y2="882.5"
                                                  gradientUnits="userSpaceOnUse"
                                             >
                                                  <stop
                                                       stop-color="white"
                                                  ></stop>
                                                  <stop
                                                       offset="1"
                                                       stop-color="white"
                                                       stop-opacity="0"
                                                  ></stop>
                                             </linearGradient>
                                             <linearGradient
                                                  id="paint2_linear_2076_3208"
                                                  x1="365.16"
                                                  y1="136.633"
                                                  x2="365.16"
                                                  y2="899.2"
                                                  gradientUnits="userSpaceOnUse"
                                             >
                                                  <stop
                                                       stop-color="white"
                                                  ></stop>
                                                  <stop
                                                       offset="1"
                                                       stop-color="white"
                                                       stop-opacity="0"
                                                  ></stop>
                                             </linearGradient>
                                             <linearGradient
                                                  id="paint3_linear_2076_3208"
                                                  x1="417.083"
                                                  y1="531.028"
                                                  x2="417.083"
                                                  y2="892.362"
                                                  gradientUnits="userSpaceOnUse"
                                             >
                                                  <stop
                                                       stop-color="white"
                                                  ></stop>
                                                  <stop
                                                       offset="1"
                                                       stop-color="white"
                                                       stop-opacity="0"
                                                  ></stop>
                                             </linearGradient>
                                             <linearGradient
                                                  id="paint4_linear_2076_3208"
                                                  x1="471.75"
                                                  y1="88.9999"
                                                  x2="471.75"
                                                  y2="852"
                                                  gradientUnits="userSpaceOnUse"
                                             >
                                                  <stop
                                                       stop-color="white"
                                                  ></stop>
                                                  <stop
                                                       offset="1"
                                                       stop-color="white"
                                                       stop-opacity="0"
                                                  ></stop>
                                             </linearGradient>
                                             <linearGradient
                                                  id="paint5_linear_2076_3208"
                                                  x1="472"
                                                  y1="507.5"
                                                  x2="472"
                                                  y2="882.5"
                                                  gradientUnits="userSpaceOnUse"
                                             >
                                                  <stop
                                                       stop-color="white"
                                                  ></stop>
                                                  <stop
                                                       offset="1"
                                                       stop-color="white"
                                                       stop-opacity="0"
                                                  ></stop>
                                             </linearGradient>
                                             <linearGradient
                                                  id="paint6_linear_2076_3208"
                                                  x1="472"
                                                  y1="691.5"
                                                  x2="472"
                                                  y2="882.5"
                                                  gradientUnits="userSpaceOnUse"
                                             >
                                                  <stop
                                                       stop-color="white"
                                                  ></stop>
                                                  <stop
                                                       offset="1"
                                                       stop-color="white"
                                                       stop-opacity="0"
                                                  ></stop>
                                             </linearGradient>
                                             <linearGradient
                                                  id="paint7_linear_2076_3208"
                                                  x1="472"
                                                  y1="699.5"
                                                  x2="472"
                                                  y2="860"
                                                  gradientUnits="userSpaceOnUse"
                                             >
                                                  <stop
                                                       stop-color="white"
                                                  ></stop>
                                                  <stop
                                                       offset="1"
                                                       stop-color="white"
                                                       stop-opacity="0"
                                                  ></stop>
                                             </linearGradient>
                                        </defs>
                                   </svg>
                                   <div class="flex flex-col items-center">
                                        <span
                                             class="font-mono text-sm md:text-md text-white/50 text-center"
                                        ></span>
                                        <h2
                                             class="text-[28px] sm:pb-3 sm:text-[52px] sm:leading-[64px] text-pretty max-w-sm md:max-w-md lg:max-w-2xl xl:max-w-4xl pt-4 font-medium bg-gradient-to-br text-transparent bg-gradient-stop bg-clip-text from-white via-white to-white/30 text-center leading-none"
                                        >
                                             Sẵn sàng bứt phá doanh thu.<br />
                                             Bắt đầu ngay hôm nay.
                                        </h2>
                                        <div
                                             class="flex flex-col items-center justify-center gap-6 mt-2 sm:mt-5 sm:flex-row"
                                        >
                                             <a
                                                  target="_blank"
                                                  href="https://zalo.me/0829091871"
                                                  ><div
                                                       class="items-center gap-2 px-4 duration-500 text-white/70 hover:text-white h-10 flex"
                                                  >
                                                       Liên hệ với chúng tôi<svg
                                                            xmlns="http://www.w3.org/2000/svg"
                                                            width="24"
                                                            height="24"
                                                            viewBox="0 0 24 24"
                                                            fill="none"
                                                            stroke="currentColor"
                                                            stroke-width="2"
                                                            stroke-linecap="round"
                                                            stroke-linejoin="round"
                                                            class="lucide lucide-calendar-days w-4 h-4"
                                                       >
                                                            <path
                                                                 d="M8 2v4"
                                                            ></path>
                                                            <path
                                                                 d="M16 2v4"
                                                            ></path>
                                                            <rect
                                                                 width="18"
                                                                 height="18"
                                                                 x="3"
                                                                 y="4"
                                                                 rx="2"
                                                            ></rect>
                                                            <path
                                                                 d="M3 10h18"
                                                            ></path>
                                                            <path
                                                                 d="M8 14h.01"
                                                            ></path>
                                                            <path
                                                                 d="M12 14h.01"
                                                            ></path>
                                                            <path
                                                                 d="M16 14h.01"
                                                            ></path>
                                                            <path
                                                                 d="M8 18h.01"
                                                            ></path>
                                                            <path
                                                                 d="M12 18h.01"
                                                            ></path>
                                                            <path
                                                                 d="M16 18h.01"
                                                            ></path>
                                                       </svg></div></a
                                             ><a href="/templates"
                                                  ><div
                                                       class="relative group/button"
                                                  >
                                                       <div
                                                            aria-hidden="true"
                                                            class="absolute -inset-0.5 bg-white rounded-lg blur-2xl group-hover/button:opacity-30 transition duration-300 opacity-0"
                                                       ></div>
                                                       <div
                                                            class="relative flex items-center px-4 gap-2 text-sm font-semibold text-black group-hover:bg-white/90 duration-1000 rounded-lg h-10 bg-gradient-to-r from-white/80 to-white"
                                                       >
                                                            Server Game<svg
                                                                 xmlns="http://www.w3.org/2000/svg"
                                                                 width="24"
                                                                 height="24"
                                                                 viewBox="0 0 24 24"
                                                                 fill="none"
                                                                 stroke="currentColor"
                                                                 stroke-width="2"
                                                                 stroke-linecap="round"
                                                                 stroke-linejoin="round"
                                                                 class="lucide lucide-chevron-right w-4 h-4"
                                                            >
                                                                 <path
                                                                      d="m9 18 6-6-6-6"
                                                                 ></path>
                                                            </svg>
                                                            <div
                                                                 aria-hidden="true"
                                                                 class="pointer-events-none absolute inset-0 opacity-0 group-hover/button:[animation-delay:.2s] group-hover/button:animate-button-shine rounded-[inherit] bg-[length:200%_100%] bg-[linear-gradient(110deg,transparent,35%,rgba(255,255,255,.7),75%,transparent)]"
                                                            ></div>
                                                       </div></div
                                             ></a>
                                        </div>
                                   </div>
                                   <div class="mt-8 sm:mt-10 text-balance">
                                        <p
                                             class="w-full mx-auto text-sm leading-6 text-center text-white/60 max-w-[500px]"
                                        >
                                             Hỗ trợ cài đặt trọn gói. Cam kết
                                             vận hành ổn định 24/7.
                                        </p>
                                   </div>
                              </div>
                         </div>
                    </div>
                    <!--/$-->
               </div>
               <!--$--><!--/$--><!--/&--><!--/&-->
          </div>
          <div class="border-t border-white/20 blog-footer-radial-gradient">
               <footer
                    class="container relative grid grid-cols-2 gap-8 pt-8 mx-auto overflow-hidden lg:gap-16 sm:grid-cols-3 xl:grid-cols-5 sm:pt-12 md:pt-16 lg:pt-24 xl:pt-32"
               >
                    <div
                         class="flex flex-col items-center col-span-2 sm:items-start sm:col-span-3 xl:col-span-1"
                    >
                         <svg
                              xmlns="http://www.w3.org/2000/svg"
                              width="110"
                              height="40"
                              viewBox="0 0 110 40"
                         >
                              <defs>
                                   <radialGradient
                                        id="paint_vietcod_nav"
                                        cx="0"
                                        cy="0"
                                        r="1"
                                        gradientUnits="userSpaceOnUse"
                                        gradientTransform="translate(55 20) rotate(23) scale(90)"
                                   >
                                        <stop
                                             offset="0.2"
                                             stop-color="white"
                                        ></stop>
                                        <stop
                                             offset="0.9"
                                             stop-color="white"
                                             stop-opacity="0.5"
                                        ></stop>
                                   </radialGradient>
                              </defs>
                              <text
                                   x="0"
                                   y="28"
                                   font-family="Inter, sans-serif"
                                   font-weight="800"
                                   font-size="26"
                                   fill="url(#paint_vietcod_nav)"
                                   style="
                                        letter-spacing: -0.04em;
                                        shape-rendering: geometricPrecision;
                                   "
                              >
                                   Vncod
                              </text>
                         </svg>
                         <div
                              class="mt-8 text-sm font-normal leading-6 text-white/60"
                         >
                              Giải pháp vận hành Game Online toàn diện.
                         </div>
                         <div
                              class="text-sm font-normal leading-6 text-white/40"
                         >
                              Vncod.
                              <!-- -->2026
                         </div>
                    </div>
                    <div class="flex flex-col gap-8 text-left col-span-1">
                         <span
                              class="w-full text-sm font-medium tracking-wider text-white font-display"
                              >Company</span
                         >
                         <ul class="flex flex-col gap-4 md:gap-6">
                              <li>
                                   <a
                                        class="text-sm font-normal transition hover:text-white/40 text-white/70"
                                        href="/about"
                                        >About</a
                                   >
                              </li>
                              <li>
                                   <a
                                        target="_blank"
                                        rel="noopener noreferrer"
                                        class="text-sm font-normal transition hover:text-white/40 text-white/70"
                                        href="tel:+84865811722"
                                        >Contact</a
                                   >
                              </li>
                              <li>
                                   <a
                                        target="_blank"
                                        rel="noopener noreferrer"
                                        class="text-sm font-normal transition hover:text-white/40 text-white/70"
                                        href="https://github.com/LeSyCuong/Vncod"
                                        >View Source</a
                                   >
                              </li>
                         </ul>
                    </div>
                    <div class="flex flex-col gap-8 text-left col-span-1">
                         <span
                              class="w-full text-sm font-medium tracking-wider text-white font-display"
                              >Dịch vụ</span
                         >
                         <ul class="flex flex-col gap-4 md:gap-6">
                              <li>
                                   <a
                                        target="_blank"
                                        rel="noopener noreferrer"
                                        class="text-sm font-normal transition hover:text-white/40 text-white/70"
                                        href="https://portal.vietnix.vn/aff.php?aff=2857&amp;url=https://vietnix.vn/vps-gia-re/"
                                        >Hạ tầng</a
                                   >
                              </li>
                              <li>
                                   <a
                                        class="text-sm font-normal transition hover:text-white/40 text-white/70"
                                        href="/templates"
                                        >Server game</a
                                   >
                              </li>
                              <li>
                                   <a
                                        class="text-sm font-normal transition hover:text-white/40 text-white/70"
                                        href="/pricing"
                                        >Web game trọn gói</a
                                   >
                              </li>
                         </ul>
                    </div>
                    <div class="flex flex-col gap-8 text-left col-span-1">
                         <span
                              class="w-full text-sm font-medium tracking-wider text-white font-display"
                              >Kết nối</span
                         >
                         <ul class="flex flex-col gap-4 md:gap-6">
                              <li>
                                   <a
                                        target="_blank"
                                        rel="noopener noreferrer"
                                        class="text-sm font-normal transition hover:text-white/40 text-white/70"
                                        href="https://zalo.me/0829091871"
                                        >Zalo</a
                                   >
                              </li>
                              <li>
                                   <a
                                        target="_blank"
                                        rel="noopener noreferrer"
                                        class="text-sm font-normal transition hover:text-white/40 text-white/70"
                                        href="https://t.me/cuong99871"
                                        >Telegram</a
                                   >
                              </li>
                              <li>
                                   <a
                                        target="_blank"
                                        rel="noopener noreferrer"
                                        class="text-sm font-normal transition hover:text-white/40 text-white/70"
                                        href="tel:+84865811722"
                                        >Book a Call</a
                                   >
                              </li>
                         </ul>
                    </div>
                    <div class="flex flex-col gap-8 text-left col-span-1">
                         <span
                              class="w-full text-sm font-medium tracking-wider text-white font-display"
                              >Điều khoản</span
                         >
                         <ul class="flex flex-col gap-4 md:gap-6">
                              <li>
                                   <a
                                        class="text-sm font-normal transition hover:text-white/40 text-white/70"
                                        href="/policies/terms"
                                        >Điều khoản sử dụng</a
                                   >
                              </li>
                              <li>
                                   <a
                                        class="text-sm font-normal transition hover:text-white/40 text-white/70"
                                        href="/policies/privacy"
                                        >Chính sách bảo mật</a
                                   >
                              </li>
                         </ul>
                    </div>
               </footer>
               <div class="container mt-8 h-[100px]">
                    <div
                         class="w-full flex justify-center items-center flex w-full"
                    >
                         <svg
                              width="100%"
                              height="100%"
                              viewBox="0 0 800 200"
                              fill="none"
                              xmlns="http://www.w3.org/2000/svg"
                              class="w-full max-w-full"
                         >
                              <text
                                   x="50%"
                                   y="65%"
                                   dominant-baseline="middle"
                                   text-anchor="middle"
                                   font-size="200"
                                   font-weight="550"
                                   font-family="Inter, sans-serif"
                                   letter-spacing="0.05em"
                                   fill="url(#vietcod_dark_gradient)"
                                   style="text-transform: none"
                              >
                                   <tspan
                                        style="
                                             display: inline-block;
                                             transform: translateY(120px);
                                             transform-origin: 20.5161px
                                                  115.321px;
                                        "
                                        opacity="0"
                                   >
                                        V
                                   </tspan>
                                   <tspan
                                        style="
                                             display: inline-block;
                                             transform: translateY(120px);
                                             transform-origin: 142.193px
                                                  115.321px;
                                        "
                                        opacity="0"
                                   >
                                        i
                                   </tspan>
                                   <tspan
                                        style="
                                             display: inline-block;
                                             transform: translateY(120px);
                                             transform-origin: 254.302px
                                                  115.321px;
                                        "
                                        opacity="0"
                                   >
                                        e
                                   </tspan>
                                   <tspan
                                        style="
                                             display: inline-block;
                                             transform: translateY(120px);
                                             transform-origin: 379.935px
                                                  115.321px;
                                        "
                                        opacity="0"
                                   >
                                        t
                                   </tspan>
                                   <tspan
                                        style="
                                             display: inline-block;
                                             transform: translateY(120px);
                                             transform-origin: 497.024px
                                                  115.321px;
                                        "
                                        opacity="0"
                                   >
                                        c
                                   </tspan>
                                   <tspan
                                        style="
                                             display: inline-block;
                                             transform: translateY(120px);
                                             transform-origin: 635.008px
                                                  115.321px;
                                        "
                                        opacity="0"
                                   >
                                        o
                                   </tspan>
                                   <tspan
                                        style="
                                             display: inline-block;
                                             transform: translateY(120px);
                                             transform-origin: 785.294px
                                                  115.321px;
                                        "
                                        opacity="0"
                                   >
                                        d
                                   </tspan>
                              </text>
                              <defs>
                                   <linearGradient
                                        id="vietcod_dark_gradient"
                                        x1="0"
                                        y1="0"
                                        x2="0"
                                        y2="1"
                                        gradientUnits="objectBoundingBox"
                                   >
                                        <stop
                                             offset="0%"
                                             stop-color="#27272a"
                                             stop-opacity="0.95"
                                        ></stop>
                                        <stop
                                             offset="100%"
                                             stop-color="#09090b"
                                             stop-opacity="1"
                                        ></stop>
                                   </linearGradient>
                              </defs>
                         </svg>
                    </div>
               </div>
          </div>
          <div
               class="c15t-root-tnx7V c15t-bottomLeft-wv7ez c15t-bannerVisible-bty7Y"
               data-testid="cookie-banner-root"
               dir="ltr"
          >
               <div
                    tabindex="0"
                    data-testid="cookie-banner-card"
                    aria-label="We value your privacy"
                    aria-modal="true"
                    role="dialog"
                    class="c15t-card-MOqQY"
               >
                    <div
                         data-testid="cookie-banner-header"
                         class="c15t-header-X6bpE"
                    >
                         <div
                              data-testid="cookie-banner-title"
                              class="c15t-title-qr_tp"
                         >
                              We value your privacy
                         </div>
                         <div
                              data-testid="cookie-banner-description"
                              class="c15t-description-jP5LU"
                         >
                              This site uses cookies to improve your browsing
                              experience, analyze site traffic, and show
                              personalized content.
                         </div>
                    </div>
                    <div
                         data-testid="cookie-banner-footer"
                         class="c15t-footer-wS150"
                    >
                         <div
                              data-testid="cookie-banner-footer-sub-group"
                              class="c15t-footerSubGroup-HbTp3"
                         >
                              <button
                                   class="items-center gap-2 px-4 duration-500 text-white/70 hover:text-white h-10 flex max-sm:flex-grow max-sm:justify-center"
                                   data-testid="cookie-banner-reject-button"
                              >
                                   Reject All</button
                              ><button
                                   class="relative flex items-center px-4 gap-2 text-sm font-semibold text-black group-hover:bg-white/90 duration-1000 rounded-lg bg-gradient-to-r from-white/80 to-white h-10 max-sm:flex-grow max-sm:justify-center"
                                   data-testid="cookie-banner-accept-button"
                              >
                                   Accept All
                              </button>
                         </div>
                         <button
                              class="items-center gap-2 px-4 duration-500 text-white/70 hover:text-white h-10 flex max-sm:flex-grow max-sm:justify-center"
                              data-testid="cookie-banner-customize-button"
                         >
                              Customize
                         </button>
                    </div>
               </div>
          </div>
     </body>
</html>
