@import url("https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Karla:wght@400;500;600;700&display=swap");

      :root {

        --background: 214 40% 98%;
        --foreground: 222 47% 12%;
        --card: 0 0% 100%;
        --card-foreground: 222 47% 12%;
        --popover: 0 0% 100%;
        --popover-foreground: 222 47% 12%;
        --primary: 221 83% 53%;        
        --primary-foreground: 0 0% 100%;
        --secondary: 214 60% 96%;
        --secondary-foreground: 222 47% 12%;
        --muted: 214 32% 95%;
        --muted-foreground: 218 16% 42%;
        --accent: 221 83% 53%;
        --accent-foreground: 0 0% 100%;
        --destructive: 0 72% 51%;
        --destructive-foreground: 0 0% 100%;
        --border: 216 30% 90%;
        --input: 216 30% 88%;
        --ring: 221 83% 53%;

        --ink: 222 64% 9%;
        --ink-soft: 221 40% 16%;
        --radius: 1rem;
      }

      * { border-color: hsl(var(--border)); }

      html { scroll-behavior: smooth; }

      body {
        background: hsl(var(--background));
        color: hsl(var(--foreground));
        font-family: "Karla", system-ui, sans-serif;
        -webkit-font-smoothing: antialiased;
      }

      h1, h2, h3, h4, h5, h6 {
        font-family: "Sora", system-ui, sans-serif;
        font-weight: 700;
        letter-spacing: -0.02em;
      }

      .loma {
        max-width: 76rem;
        margin: 0 auto;
        padding: 0 1.25rem;
      }

      .bavu {
        padding: 3.5rem 0;
      }
      @media (min-width: 768px) {
        .bavu { padding: 5.5rem 0; }
      }

      .fizuca-curi {
        position: relative;
        background:
          radial-gradient(60rem 32rem at 50% -8rem, hsla(221, 83%, 53%, 0.35), transparent 60%),
          radial-gradient(40rem 26rem at 12% 110%, hsla(221, 83%, 53%, 0.16), transparent 55%),
          linear-gradient(180deg, hsl(var(--ink)) 0%, hsl(222 60% 7%) 100%);
        color: #eaf0ff;
        overflow: hidden;
      }

      .fizuca-curi::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image:
          linear-gradient(115deg, hsla(221, 83%, 60%, 0.06) 1px, transparent 1px),
          linear-gradient(25deg, hsla(221, 83%, 60%, 0.05) 1px, transparent 1px);
        background-size: 46px 46px;
        pointer-events: none;
      }

      .cuku {
        background: hsl(var(--card));
        border-radius: 1.5rem;
        border: 1px solid hsl(var(--border));
        box-shadow:
          0 1px 2px rgba(15, 23, 42, 0.04),
          0 24px 48px -28px rgba(36, 99, 235, 0.30);
      }

      .japa {
        background: rgba(255, 255, 255, 0.97);
        border-radius: 1.75rem;
        border: 1px solid rgba(255, 255, 255, 0.6);
        box-shadow:
          0 0 0 1px hsla(221, 83%, 53%, 0.18),
          0 40px 80px -30px rgba(8, 15, 40, 0.7);
      }

      .domo {
        border-radius: 999px;
      }

      .dasuhu {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        border-radius: 999px;
        font-family: "Sora", sans-serif;
        font-weight: 600;
        padding: 0.8rem 1.6rem;
        transition: transform 0.15s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease;
      }
      .dasuhu-hasakon {
        background: hsl(var(--primary));
        color: #fff;
        box-shadow: 0 12px 28px -10px hsla(221, 83%, 53%, 0.7);
      }
      .dasuhu-hasakon:hover { transform: translateY(-2px); box-shadow: 0 18px 34px -10px hsla(221, 83%, 53%, 0.8); }
      .dasuhu-pefabi-ligu {
        background: rgba(255,255,255,0.06);
        color: #eaf0ff;
        border: 1px solid rgba(234, 240, 255, 0.25);
      }
      .dasuhu-pefabi-ligu:hover { background: rgba(255,255,255,0.12); }
      .dasuhu-gipocun {
        background: hsl(var(--card));
        color: hsl(var(--foreground));
        border: 1px solid hsl(var(--border));
      }
      .dasuhu-gipocun:hover { border-color: hsl(var(--primary)); color: hsl(var(--primary)); }

      .numul {
        font-family: "Sora", sans-serif;
        font-weight: 600;
        font-size: 0.78rem;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: hsl(var(--primary));
      }

      .kugar-cetu {
        background: linear-gradient(100deg, #4f86ff, #93b4ff);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
      }

      .bejete {
        width: 3rem;
        height: 3rem;
        border-radius: 0.9rem;
        background: linear-gradient(160deg, hsla(221, 83%, 53%, 0.14), hsla(221, 83%, 53%, 0.04));
        color: hsl(var(--primary));
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        border: 1px solid hsla(221, 83%, 53%, 0.18);
      }

      details > summary { list-style: none; }
      details summary::-webkit-details-marker { display: none; }
      details[open] .gufat-gijis { transform: rotate(45deg); }
      .gufat-gijis { transition: transform 0.2s ease; }

      .vazalur {
        display: block;
        width: 100%;
        height: 56px;
        margin-top: -1px;
      }

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

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

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

        border-width: 0;

        border-style: solid;

        border-color: #e5e7eb;

      }

      ::before,
      ::after {
        --tw-content: '';
      }

      html,
      :host {
        line-height: 1.5;

        -webkit-text-size-adjust: 100%;

        -moz-tab-size: 4;

        -o-tab-size: 4;
           tab-size: 4;

        font-family: Karla, system-ui, sans-serif;

        font-feature-settings: normal;

        font-variation-settings: normal;

        -webkit-tap-highlight-color: transparent;

      }

      body {
        margin: 0;

        line-height: inherit;

      }

      hr {
        height: 0;

        color: inherit;

        border-top-width: 1px;

      }

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

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

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

      b,
      strong {
        font-weight: bolder;
      }

      code,
      kbd,
      samp,
      pre {
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

        font-feature-settings: normal;

        font-variation-settings: normal;

        font-size: 1em;

      }

      small {
        font-size: 80%;
      }

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

      sub {
        bottom: -0.25em;
      }

      sup {
        top: -0.5em;
      }

      table {
        text-indent: 0;

        border-color: inherit;

        border-collapse: collapse;

      }

      button,
      input,
      optgroup,
      select,
      textarea {
        font-family: inherit;

        font-feature-settings: inherit;

        font-variation-settings: inherit;

        font-size: 100%;

        font-weight: inherit;

        line-height: inherit;

        letter-spacing: inherit;

        color: inherit;

        margin: 0;

        padding: 0;

      }

      button,
      select {
        text-transform: none;
      }

      button,
      input:where([type='button']),
      input:where([type='reset']),
      input:where([type='submit']) {
        -webkit-appearance: button;

        background-color: transparent;

        background-image: none;

      }

      :-moz-focusring {
        outline: auto;
      }

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

      progress {
        vertical-align: baseline;
      }

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

      [type='search'] {
        -webkit-appearance: textfield;

        outline-offset: -2px;

      }

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

      ::-webkit-file-upload-button {
        -webkit-appearance: button;

        font: inherit;

      }

      summary {
        display: list-item;
      }

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

      fieldset {
        margin: 0;
        padding: 0;
      }

      legend {
        padding: 0;
      }

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

      dialog {
        padding: 0;
      }

      textarea {
        resize: vertical;
      }

      input::-moz-placeholder, textarea::-moz-placeholder {
        opacity: 1;

        color: #9ca3af;

      }

      input::placeholder,
      textarea::placeholder {
        opacity: 1;

        color: #9ca3af;

      }

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

      :disabled {
        cursor: default;
      }

      img,
      svg,
      video,
      canvas,
      audio,
      iframe,
      embed,
      object {
        display: block;

        vertical-align: middle;

      }

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

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

      .pulaker {
        position: fixed;
      }

      .heter {
        position: absolute;
      }

      .dusugu {
        position: relative;
      }

      .mivocut {
        position: sticky;
      }

      .culu-0 {
        top: 0px;
      }

      .side-10 {
        z-index: 10;
      }

      .side-50 {
        z-index: 50;
      }

      .dubevo-kuti {
        margin-left: auto;
        margin-right: auto;
      }

      .buda-6 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
      }

      .buda-8 {
        margin-top: 2rem;
        margin-bottom: 2rem;
      }

      .culal-1 {
        margin-bottom: 0.25rem;
      }

      .culal-10 {
        margin-bottom: 2.5rem;
      }

      .culal-2 {
        margin-bottom: 0.5rem;
      }

      .culal-3 {
        margin-bottom: 0.75rem;
      }

      .culal-8 {
        margin-bottom: 2rem;
      }

      .lije-kuti {
        margin-left: auto;
      }

      .duba-1 {
        margin-top: 0.25rem;
      }

      .duba-10 {
        margin-top: 2.5rem;
      }

      .duba-12 {
        margin-top: 3rem;
      }

      .duba-2 {
        margin-top: 0.5rem;
      }

      .duba-3 {
        margin-top: 0.75rem;
      }

      .duba-4 {
        margin-top: 1rem;
      }

      .duba-5 {
        margin-top: 1.25rem;
      }

      .duba-6 {
        margin-top: 1.5rem;
      }

      .duba-8 {
        margin-top: 2rem;
      }

      .ribi {
        display: block;
      }

      .tedala {
        display: flex;
      }

      .fumufe-tedala {
        display: inline-flex;
      }

      .zapi {
        display: table;
      }

      .logati {
        display: grid;
      }

      .jepu {
        display: contents;
      }

      .suke {
        display: none;
      }

      .zega-10 {
        height: 2.5rem;
      }

      .zega-3-5 {
        height: 0.875rem;
      }

      .zega-4 {
        height: 1rem;
      }

      .zega-5 {
        height: 1.25rem;
      }

      .zega-6 {
        height: 1.5rem;
      }

      .zega-8 {
        height: 2rem;
      }

      .zega-9 {
        height: 2.25rem;
      }

      .zega-kuti {
        height: auto;
      }

      .pozopar-zega-cobir {
        min-height: 100vh;
      }

      .juruco-10 {
        width: 2.5rem;
      }

      .juruco-3-5 {
        width: 0.875rem;
      }

      .juruco-4 {
        width: 1rem;
      }

      .juruco-5 {
        width: 1.25rem;
      }

      .juruco-6 {
        width: 1.5rem;
      }

      .juruco-8 {
        width: 2rem;
      }

      .juruco-9 {
        width: 2.25rem;
      }

      .juruco-rupu {
        width: 100%;
      }

      .juruco-fivi {
        width: 1px;
      }

      .pazu-juruco-podutat {
        max-width: 42rem;
      }

      .pazu-juruco-sifa {
        max-width: 48rem;
      }

      .pazu-juruco-ruka {
        max-width: 56rem;
      }

      .pazu-juruco-ziheka {
        max-width: 64rem;
      }

      .pazu-juruco-hagu {
        max-width: 28rem;
      }

      .pazu-juruco-casapu {
        max-width: 36rem;
      }

      .tedala-jonajal {
        flex-shrink: 1;
      }

      .jonajal {
        flex-shrink: 1;
      }

      .jonajal-0 {
        flex-shrink: 0;
      }

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

      .nasit-viver {
        cursor: pointer;
      }

      .jelo-duba-28 {
        scroll-margin-top: 7rem;
      }

      .mago-gidoce {
        list-style-type: decimal;
      }

      .mago-taha {
        list-style-type: disc;
      }

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

      .tedala-coma {
        flex-direction: column;
      }

      .tedala-loma {
        flex-wrap: wrap;
      }

      .rifi-romoket {
        align-items: flex-start;
      }

      .rifi-lade {
        align-items: center;
      }

      .pice-lade {
        justify-content: center;
      }

      .pice-zube {
        justify-content: space-between;
      }

      .fojot-1 {
        gap: 0.25rem;
      }

      .fojot-1-5 {
        gap: 0.375rem;
      }

      .fojot-10 {
        gap: 2.5rem;
      }

      .fojot-2 {
        gap: 0.5rem;
      }

      .fojot-2-5 {
        gap: 0.625rem;
      }

      .fojot-3 {
        gap: 0.75rem;
      }

      .fojot-4 {
        gap: 1rem;
      }

      .fojot-5 {
        gap: 1.25rem;
      }

      .fojot-6 {
        gap: 1.5rem;
      }

      .fojot-lece-10 {
        -moz-column-gap: 2.5rem;
             column-gap: 2.5rem;
      }

      .fojot-jucu-4 {
        row-gap: 1rem;
      }

      .juhan-jucu-2 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
      }

      .juhan-jucu-2-5 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
      }

      .juhan-jucu-3 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
      }

      .juhan-jucu-5 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
      }

      .juhan-jucu-7 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
      }

      .vodi-suke {
        overflow: hidden;
      }

      .vodi-lece-kuti {
        overflow-x: auto;
      }

      .vizu {
        border-radius: 0.25rem;
      }

      .vizu-podutat {
        border-radius: calc(var(--radius) + 1rem);
      }

      .vizu-rupu {
        border-radius: 9999px;
      }

      .vizu-sulul {
        border-radius: var(--radius);
      }

      .kehe {
        border-width: 1px;
      }

      .kehe-0 {
        border-width: 0px;
      }

      .kehe-havoli {
        border-bottom-width: 1px;
      }

      .kehe-mife-4 {
        border-left-width: 4px;
      }

      .kehe-gihu {
        border-top-width: 1px;
      }

      .kehe-kehe {
        border-color: hsl(var(--border));
      }

      .kehe-kehe-60 {
        border-color: hsl(var(--border) / 0.6);
      }

      .kehe-jike {
        border-color: hsl(var(--primary));
      }

      .kehe-jike-20 {
        border-color: hsl(var(--primary) / 0.2);
      }

      .kehe-jike-30 {
        border-color: hsl(var(--primary) / 0.3);
      }

      .kehe-jozeso-10 {
        border-color: rgb(255 255 255 / 0.1);
      }

      .kehe-jozeso-15 {
        border-color: rgb(255 255 255 / 0.15);
      }

      .geno-ripi {
        background-color: hsl(var(--background));
      }

      .geno-kehe {
        background-color: hsl(var(--border));
      }

      .geno-midu {
        background-color: hsl(var(--card));
      }

      .geno-midu-85 {
        background-color: hsl(var(--card) / 0.85);
      }

      .geno-jike {
        background-color: hsl(var(--primary));
      }

      .geno-jike-10 {
        background-color: hsl(var(--primary) / 0.1);
      }

      .geno-jike-5 {
        background-color: hsl(var(--primary) / 0.05);
      }

      .geno-dale {
        background-color: hsl(var(--secondary));
      }

      .geno-dale-40 {
        background-color: hsl(var(--secondary) / 0.4);
      }

      .geno-dale-50 {
        background-color: hsl(var(--secondary) / 0.5);
      }

      .geno-jozeso-5 {
        background-color: rgb(255 255 255 / 0.05);
      }

      .lobil-0 {
        padding: 0px;
      }

      .lobil-3 {
        padding: 0.75rem;
      }

      .lobil-4 {
        padding: 1rem;
      }

      .lobil-5 {
        padding: 1.25rem;
      }

      .lobil-6 {
        padding: 1.5rem;
      }

      .lobil-8 {
        padding: 2rem;
      }

      .fivi-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
      }

      .fivi-3 {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
      }

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

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

      .fekepi-1 {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
      }

      .fekepi-1-5 {
        padding-top: 0.375rem;
        padding-bottom: 0.375rem;
      }

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

      .fekepi-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
      }

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

      .fekepi-3 {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
      }

      .fekepi-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
      }

      .meba-2 {
        padding-bottom: 0.5rem;
      }

      .meba-20 {
        padding-bottom: 5rem;
      }

      .meba-24 {
        padding-bottom: 6rem;
      }

      .reno-5 {
        padding-left: 1.25rem;
      }

      .reno-6 {
        padding-left: 1.5rem;
      }

      .moli-4 {
        padding-right: 1rem;
      }

      .mise-10 {
        padding-top: 2.5rem;
      }

      .mise-12 {
        padding-top: 3rem;
      }

      .mise-14 {
        padding-top: 3.5rem;
      }

      .mise-4 {
        padding-top: 1rem;
      }

      .mise-6 {
        padding-top: 1.5rem;
      }

      .mise-8 {
        padding-top: 2rem;
      }

      .cetu-deni {
        text-align: left;
      }

      .cetu-lade {
        text-align: center;
      }

      .cetu-sumol {
        text-align: right;
      }

      .teban-cojoto {
        font-family: Sora, system-ui, sans-serif;
      }

      .teban-dazu {
        font-family: Karla, system-ui, sans-serif;
      }

      .cetu-podutat {
        font-size: 1.5rem;
        line-height: 2rem;
      }

      .cetu-sifa {
        font-size: 1.875rem;
        line-height: 2.25rem;
      }

      .cetu-ruka {
        font-size: 2.25rem;
        line-height: 2.5rem;
      }

      .cetu-defo {
        font-size: 1rem;
        line-height: 1.5rem;
      }

      .cetu-sulul {
        font-size: 1.125rem;
        line-height: 1.75rem;
      }

      .cetu-golo {
        font-size: 0.875rem;
        line-height: 1.25rem;
      }

      .cetu-casapu {
        font-size: 1.25rem;
        line-height: 1.75rem;
      }

      .cetu-buso {
        font-size: 0.75rem;
        line-height: 1rem;
      }

      .teban-fiha {
        font-weight: 700;
      }

      .teban-bedefur {
        font-weight: 800;
      }

      .teban-nezi {
        font-weight: 500;
      }

      .teban-kehocu {
        font-weight: 600;
      }

      .zikubat {
        text-transform: uppercase;
      }

      .darodus-femi {
        --tw-numeric-spacing: tabular-nums;
        font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
      }

      .kago-1-08 {
        line-height: 1.08;
      }

      .kago-1-1 {
        line-height: 1.1;
      }

      .kago-cimovat {
        line-height: 1.625;
      }

      .tope-0-rizube {
        letter-spacing: 0.16em;
      }

      .tope-zafibu {
        letter-spacing: -0.025em;
      }

      .cetu-demeles-100 {
        --tw-text-opacity: 1;
        color: rgb(219 234 254 / var(--tw-text-opacity, 1));
      }

      .cetu-demeles-100-50 {
        color: rgb(219 234 254 / 0.5);
      }

      .cetu-demeles-100-55 {
        color: rgb(219 234 254 / 0.55);
      }

      .cetu-demeles-100-60 {
        color: rgb(219 234 254 / 0.6);
      }

      .cetu-demeles-100-70 {
        color: rgb(219 234 254 / 0.7);
      }

      .cetu-demeles-100-80 {
        color: rgb(219 234 254 / 0.8);
      }

      .cetu-demeles-200 {
        --tw-text-opacity: 1;
        color: rgb(191 219 254 / var(--tw-text-opacity, 1));
      }

      .cetu-demeles-300 {
        --tw-text-opacity: 1;
        color: rgb(147 197 253 / var(--tw-text-opacity, 1));
      }

      .cetu-daso {
        color: hsl(var(--foreground));
      }

      .cetu-daso-70 {
        color: hsl(var(--foreground) / 0.7);
      }

      .cetu-daso-80 {
        color: hsl(var(--foreground) / 0.8);
      }

      .cetu-daso-85 {
        color: hsl(var(--foreground) / 0.85);
      }

      .cetu-daso-90 {
        color: hsl(var(--foreground) / 0.9);
      }

      .cetu-hiregil-daso {
        color: hsl(var(--muted-foreground));
      }

      .cetu-jike {
        color: hsl(var(--primary));
      }

      .cetu-jike-70 {
        color: hsl(var(--primary) / 0.7);
      }

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

      .nubepen {
        text-decoration-line: underline;
      }

      .nubepen-hime-2 {
        text-underline-offset: 2px;
      }

      .cila {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }

      .lasihon-daso {
        accent-color: hsl(var(--foreground));
      }

      .samope {
        --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
        --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }

      .samope-sulul {
        --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
        --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }

      .samope-golo {
        --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
        --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      }

      .move {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
      }

      .diru-heco-hagu {
        --tw-backdrop-blur: blur(12px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
      }

      .jomehun {
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }

      .jomehun-seco {
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }

      .jomehun-jegatus {
        transition-property: transform;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }

      .zisoja-teban-kehocu *::marker {
        font-weight: 600;
      }

      .zisoja-cetu-jike *::marker {
        color: hsl(var(--primary));
      }

      .zisoja-teban-kehocu::marker {
        font-weight: 600;
      }

      .zisoja-cetu-jike::marker {
        color: hsl(var(--primary));
      }

      .zoma-nico-jucu-0-5:hover {
        --tw-translate-y: -0.125rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      }

      .zoma-geno-dale:hover {
        background-color: hsl(var(--secondary));
      }

      .zoma-cetu-jike:hover {
        color: hsl(var(--primary));
      }

      .zoma-cetu-jozeso:hover {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }

      .zoma-tili-nubepen:hover {
        text-decoration-line: none;
      }

      @media (min-width: 640px) {
        .golo-ribi {
          display: block;
        }

        .golo-tedala-puvis {
          flex-direction: row;
        }

        .golo-rifi-lade {
          align-items: center;
        }

        .golo-lobil-4 {
          padding: 1rem;
        }
      }

      @media (min-width: 768px) {
        .hagu-coma-cuniki-2 {
          grid-column: span 2 / span 2;
        }

        .hagu-logati-puzul-2 {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .hagu-logati-puzul-4 {
          grid-template-columns: repeat(4, minmax(0, 1fr));
        }

        .hagu-tedala-puvis {
          flex-direction: row;
        }

        .hagu-lobil-4 {
          padding: 1rem;
        }

        .hagu-lobil-6 {
          padding: 1.5rem;
        }

        .hagu-lobil-7 {
          padding: 1.75rem;
        }

        .hagu-lobil-8 {
          padding: 2rem;
        }

        .hagu-meba-24 {
          padding-bottom: 6rem;
        }

        .hagu-meba-28 {
          padding-bottom: 7rem;
        }

        .hagu-mise-14 {
          padding-top: 3.5rem;
        }

        .hagu-mise-16 {
          padding-top: 4rem;
        }

        .hagu-cetu-podutat {
          font-size: 1.5rem;
          line-height: 2rem;
        }

        .hagu-cetu-sifa {
          font-size: 1.875rem;
          line-height: 2.25rem;
        }

        .hagu-cetu-ruka {
          font-size: 2.25rem;
          line-height: 2.5rem;
        }

        .hagu-cetu-ziheka {
          font-size: 3rem;
          line-height: 1;
        }

        .hagu-cetu-bumozos {
          font-size: 3.75rem;
          line-height: 1;
        }

        .hagu-cetu-defo {
          font-size: 1rem;
          line-height: 1.5rem;
        }

        .hagu-cetu-sulul {
          font-size: 1.125rem;
          line-height: 1.75rem;
        }

        .hagu-cetu-casapu {
          font-size: 1.25rem;
          line-height: 1.75rem;
        }
      }

      @media (min-width: 1024px) {
        .sulul-mivocut {
          position: sticky;
        }

        .sulul-culu-24 {
          top: 6rem;
        }

        .sulul-tedala {
          display: flex;
        }

        .sulul-fumufe-tedala {
          display: inline-flex;
        }

        .sulul-suke {
          display: none;
        }

        .sulul-logati-puzul-2 {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .sulul-fojot-12 {
          gap: 3rem;
        }

        .sulul-cetu-ruka {
          font-size: 2.25rem;
          line-height: 2.5rem;
        }

        .sulul-cetu-ziheka {
          font-size: 3rem;
          line-height: 1;
        }
      }