:root, :host {
	   --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
	     "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	   --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
	     "Courier New", monospace;
	   --color-sky-400: oklch(74.6% 0.16 232.661);
	   --color-sky-500: oklch(68.5% 0.169 237.323);
	   --color-blue-500: oklch(62.3% 0.214 259.815);
	   --color-blue-900: oklch(37.9% 0.146 265.522);
	   --color-violet-500: oklch(60.6% 0.25 292.717);
	   --color-violet-600: oklch(54.1% 0.281 293.009);
	   --color-slate-100: oklch(96.8% 0.007 247.896);
	   --color-slate-200: oklch(92.9% 0.013 255.508);
	   --color-slate-300: oklch(86.9% 0.022 252.894);
	   --color-slate-400: oklch(70.4% 0.04 256.788);
	   --color-slate-800: oklch(27.9% 0.041 260.031);
	   --color-slate-900: oklch(20.8% 0.042 265.755);
	   --color-black: #000;
	   --color-white: #fff;
	   --spacing: 0.25rem;
	   --container-3xl: 48rem;
	   --container-7xl: 80rem;
	   --text-xs: 0.75rem;
	   --text-xs--line-height: calc(1 / 0.75);
	   --text-sm: 0.875rem;
	   --text-sm--line-height: calc(1.25 / 0.875);
	   --text-lg: 1rem;
	   --text-lg2: 1.125rem;
	   --text-lg--line-height: calc(1.75 / 1.125);
	   --text-2xl: 1.5rem;
	   --text-2xl--line-height: calc(2 / 1.5);
	   --text-3xl: 1.875rem;
	   --text-3xl--line-height: calc(2.25 / 1.875);
	   --text-4xl: 2.25rem;
	   --text-4xl--line-height: calc(2.5 / 2.25);
	   --text-5xl: 3rem;
	   --text-5xl--line-height: 1;
	   --font-weight-medium: 500;
	   --font-weight-semibold: 600;
	   --font-weight-bold: 700;
	   --font-weight-extrabold: 800;
	   --tracking-tight: -0.025em;
	   --leading-tight: 1.25;
	   --leading-relaxed: 1.625;
	   --radius-lg: 0.5rem;
	   --radius-2xl: 1rem;
	   --default-transition-duration: 150ms;
	   --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	   --default-font-family: var(--font-sans);
	   --default-mono-font-family: var(--font-mono);
	   --color-muted: hsl(var(--muted));
	   --color-muted-foreground: hsl(var(--muted-foreground));
	   --color-border: hsl(var(--border));
	   --color-card: hsl(var(--card));
	   --color-card-foreground: hsl(var(--card-foreground));
	 }
	}
	@layer base {
	 *, ::after, ::before, ::backdrop, ::file-selector-button {
	   box-sizing: border-box;
	   margin: 0;
	   padding: 0;
	   border: 0 solid;
	 }
	 html, :host {
	   line-height: 1.5;
	   -webkit-text-size-adjust: 100%;
	   tab-size: 4;
	   font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
	   font-feature-settings: var(--default-font-feature-settings, normal);
	   font-variation-settings: var(--default-font-variation-settings, normal);
	   -webkit-tap-highlight-color: transparent;
	 }
	 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;
	   -webkit-text-decoration: inherit;
	   text-decoration: inherit;
	 }
	 b, strong {
	   font-weight: bolder;
	 }
	 code, kbd, samp, pre {
	   font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
	   font-feature-settings: var(--default-mono-font-feature-settings, normal);
	   font-variation-settings: var(--default-mono-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;
	 }
	 :-moz-focusring {
	   outline: auto;
	 }
	 progress {
	   vertical-align: baseline;
	 }
	 summary {
	   display: list-item;
	 }
	 ol, ul, menu {
	   list-style: none;
	 }
	 img, svg, video, canvas, audio, iframe, embed, object {
	   display: block;
	   vertical-align: middle;
	 }
	 img, video {
	   max-width: 100%;
	   height: auto;
	 }
	 button, input, select, optgroup, textarea, ::file-selector-button {
	   font: inherit;
	   font-feature-settings: inherit;
	   font-variation-settings: inherit;
	   letter-spacing: inherit;
	   color: inherit;
	   border-radius: 0;
	   background-color: transparent;
	   opacity: 1;
	 }
	 :where(select:is([multiple], [size])) optgroup {
	   font-weight: bolder;
	 }
	 :where(select:is([multiple], [size])) optgroup option {
	   padding-inline-start: 20px;
	 }
	 ::file-selector-button {
	   margin-inline-end: 4px;
	 }
	 ::placeholder {
	   opacity: 1;
	 }
	 @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
	   ::placeholder {
	     color: currentcolor;
	     @supports (color: color-mix(in lab, red, red)) {
	       color: color-mix(in oklab, currentcolor 50%, transparent);
	     }
	   }
	 }
	 textarea {
	   resize: vertical;
	 }
	 ::-webkit-search-decoration {
	   -webkit-appearance: none;
	 }
	 ::-webkit-date-and-time-value {
	   min-height: 1lh;
	   text-align: inherit;
	 }
	 ::-webkit-datetime-edit {
	   display: inline-flex;
	 }
	 ::-webkit-datetime-edit-fields-wrapper {
	   padding: 0;
	 }
	 ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
	   padding-block: 0;
	 }
	 :-moz-ui-invalid {
	   box-shadow: none;
	 }
	 button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
	   appearance: button;
	 }
	 ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
	   height: auto;
	 }
	 [hidden]:where(:not([hidden="until-found"])) {
	   display: none !important;
	 }
	}
	@layer utilities {

    .p-4 {
    	padding: 1rem
    }
    .p-5 {
    	padding: 1.25rem
    }
    .p-6 {
    	padding: 1.5rem
    }
	 .pointer-events-none {
	   pointer-events: none;
	 }
	 .absolute {
	   position: absolute;
	 }
	 .fixed {
	   position: fixed;
	 }
	 .relative {
	   position: relative;
	 }
	 .inset-0 {
	   inset: calc(var(--spacing) * 0);
	 }
	 .top-3 {
	   top: calc(var(--spacing) * 3);
	 }
	 .left-3 {
	   left: calc(var(--spacing) * 3);
	 }
	 .-z-10 {
	   z-index: calc(10 * -1);
	 }
	 .mx-auto {
	   margin-inline: auto;
	 }
	 .-mt-10 {
	   margin-top: calc(var(--spacing) * -10);
	 }
	 .mt-1 {
	   margin-top: calc(var(--spacing) * 1);
	 }
	 .mt-2 {
	   margin-top: calc(var(--spacing) * 2);
	 }
	 .mt-3 {
	   margin-top: calc(var(--spacing) * 3);
	 }
	 .mt-4 {
	   margin-top: calc(var(--spacing) * 4);
	 }
	 .mt-6 {
	   margin-top: calc(var(--spacing) * 6);
	 }
	 .mt-8 {
	   margin-top: calc(var(--spacing) * 8);
	 }
	 .mt-10 {
	   margin-top: calc(var(--spacing) * 10);
	 }
	 .mb-1 {
	   margin-bottom: calc(var(--spacing) * 1);
	 }
	 .mb-2 {
	   margin-bottom: calc(var(--spacing) * 2);
	 }
	 .mb-3 {
	   margin-bottom: calc(var(--spacing) * 3);
	 }
	 .mb-4 {
	   margin-bottom: calc(var(--spacing) * 4);
	 }
	 .mb-6 {
	   margin-bottom: calc(var(--spacing) * 6);
	 }
	 .mb-8 {
	   margin-bottom: calc(var(--spacing) * 8);
	 }
	 .mb-10 {
	   margin-bottom: calc(var(--spacing) * 10);
	 }
	 .mb-0 {
	   margin-bottom: 0;
	 }
	 .flex {
	   display: flex;
	 }
	 .grid {
	   display: grid;
	 }
	 .inline-flex {
	   display: inline-flex;
	 }
	 .aspect-square {
	   aspect-ratio: 1 / 1;
	 }
	 .pr-1 {
	 	padding-right: 1rem;
	 }
	 .pr-2 {
	 	padding-right: 2rem;
	 }
	 .h-3\.5 {
	   height: calc(var(--spacing) * 3.5);
	 }
	 .h-4 {
	   height: calc(var(--spacing) * 4);
	 }
	 .h-10 {
	   height: calc(var(--spacing) * 10);
	 }
	 .h-12 {
	   height: calc(var(--spacing) * 12);
	 }
	 .h-56 {
	   height: calc(var(--spacing) * 75);
	 }
	 .h-full {
	   height: 100%;
	 }
	 .min-h-screen {
	   min-height: 100vh;
	 }
	 .w-3\.5 {
	   width: calc(var(--spacing) * 3.5);
	 }
	 .w-4 {
	   width: calc(var(--spacing) * 4);
	 }
	 .w-10 {
	   width: calc(var(--spacing) * 10);
	 }
	 .w-12 {
	   width: calc(var(--spacing) * 12);
	 }
	 .w-full {
	   width: 100%;
	 }
	 .max-w-3xl {
	   max-width: var(--container-3xl);
	 }
	 .max-w-7xl {
	   max-width: var(--container-7xl);
	 }
	 .flex-1 {
	   flex: 1;
	 }
	 .shrink-0 {
	   flex-shrink: 0;
	 }
	 .flex-col {
	   flex-direction: column;
	 }
	 .flex-wrap {
	   flex-wrap: wrap;
	 }
	 .items-center {
	   align-items: center;
	 }
	 .items-end {
	   align-items: flex-end;
	 }
	 .items-start {
	   align-items: flex-start;
	 }
	 .justify-between {
	   justify-content: space-between;
	 }
	 .justify-center {
	   justify-content: center;
	 }
	 .gap-2 {
      gap: 0.5rem
    }
    .gap-3 {
      gap: 0.75rem
    }
    .gap-4 {
      gap: 1rem
    }
    .gap-6 {
      gap: 1.5rem
    }
    .gap-8 {
      gap: 2rem
    }
	 .space-y-1\.5 {
	   :where(& > :not(:last-child)) {
	     --tw-space-y-reverse: 0;
	     margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
	     margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
	   }
	 }
	 .overflow-hidden {
	   overflow: hidden;
	 }
	 .rounded-2xl {
	   border-radius: var(--radius-2xl);
	 }
	 .rounded-full {
	   border-radius: calc(infinity * 1px);
	 }
	 .rounded-lg {
	   border-radius: var(--radius-lg);
	 }
	 .rounded-none {
	   border-radius: 0;
	 }
	 .border {
	   border-style: var(--tw-border-style);
	   border-width: 1px;
	 }
	 .border-t {
	   border-top-style: var(--tw-border-style);
	   border-top-width: 1px;
	 }
	 .border-white\/10 {
	   border-color: color-mix(in srgb, #fff 10%, transparent);
	   @supports (color: color-mix(in lab, red, red)) {
	     border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
	   }
	 }
	 .border-white\/15 {
	   border-color: color-mix(in srgb, #fff 15%, transparent);
	   @supports (color: color-mix(in lab, red, red)) {
	     border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
	   }
	 }
	 [data-theme="light"] [class*="border-white"] {
	 	border-color: rgba(0, 0, 0, 0.2);
	 }
	 .border-black\/10 {
	   border-color: #ccc;
	 }
	 .border-black\/15 {
	   border-color: #ccc
	 }
	 .bg-\[\#0a0f1a\] {
	   background-color: #0a0f1a;
	 }
	 .bg-card {
	   background-color: var(--color-card);
	 }
	 .bg-muted {
	   background-color: var(--color-muted);
	 }
	 .bg-slate-800 {
	   background-color: var(--color-slate-800);
	 }
	 .bg-slate-900\/60 {
	   background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 60%, transparent);
	   @supports (color: color-mix(in lab, red, red)) {
	     background-color: color-mix(in oklab, var(--color-slate-900) 60%, transparent);
	   }
	 }
	 [data-theme="light"] .bg-slate-800,
	 [data-theme="light"] .bg-slate-900\/60 {
	 	background: #fff;
	 }
	 [data-theme="light"] .bg-slate-900\/60 {
	 	background: #fff;
	 }
	 .bg-white\/5 {
	   background-color: color-mix(in srgb, #fff 5%, transparent);
	   @supports (color: color-mix(in lab, red, red)) {
	     background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
	   }
	 }
	 .bg-white\/10 {
	   background-color: color-mix(in srgb, #fff 10%, transparent);
	   @supports (color: color-mix(in lab, red, red)) {
	     background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
	   }
	 }
	 .bg-gradient-to-r {
	   --tw-gradient-position: to right in oklab;
	   background-image: linear-gradient(var(--tw-gradient-stops));
	 }
	 .bg-gradient-to-t {
	   --tw-gradient-position: to top in oklab;
	   background-image: linear-gradient(var(--tw-gradient-stops));
	 }
	 .bg-\[linear-gradient\(to_bottom\,rgba\(255\,255\,255\,\.04\)\,transparent_20\%\)\] {
	   background-image: linear-gradient(to bottom,rgba(255,255,255,.04),transparent 20%);
	 }
	 .bg-\[radial-gradient\(40rem_20rem_at_80\%_120\%\,rgba\(59\,130\,246\,\.12\)\,transparent\)\] {
	   background-image: radial-gradient(40rem 20rem at 80% 120%,rgba(59,130,246,.12),transparent);
	 }
	 .bg-\[radial-gradient\(60rem_30rem_at_80\%_20\%\,rgba\(124\,58\,237\,\.10\)\,transparent\)\] {
	   background-image: radial-gradient(60rem 30rem at 80% 20%,rgba(124,58,237,.10),transparent);
	 }
	 .bg-\[radial-gradient\(70rem_30rem_at_20\%_10\%\,rgba\(56\,189\,248\,\.12\)\,transparent\)\] {
	   background-image: radial-gradient(70rem 30rem at 20% 10%,rgba(56,189,248,.12),transparent);
	 }
	 .from-black\/60 {
	   --tw-gradient-from: color-mix(in srgb, #000 60%, transparent);
	   @supports (color: color-mix(in lab, red, red)) {
	     --tw-gradient-from: color-mix(in oklab, var(--color-black) 60%, transparent);
	   }
	   --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
	 }
	 .from-sky-500 {
	   --tw-gradient-from: var(--color-sky-500);
	   --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
	 }
	 .via-black\/20 {
	   --tw-gradient-via: color-mix(in srgb, #000 20%, transparent);
	   @supports (color: color-mix(in lab, red, red)) {
	     --tw-gradient-via: color-mix(in oklab, var(--color-black) 20%, transparent);
	   }
	   --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
	   --tw-gradient-stops: var(--tw-gradient-via-stops);
	 }
	 .via-blue-500 {
	   --tw-gradient-via: var(--color-blue-500);
	   --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
	   --tw-gradient-stops: var(--tw-gradient-via-stops);
	 }
	 .to-transparent {
	   --tw-gradient-to: transparent;
	   --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
	 }
	 .to-violet-600 {
	   --tw-gradient-to: var(--color-violet-600);
	   --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
	 }
	 .object-cover {
	   object-fit: cover;
	 }
	 .p-0 {
	   padding: calc(var(--spacing) * 0);
	 }
	 .p-5 {
	   padding: calc(var(--spacing) * 5);
	 }
	 .p-6 {
	   padding: calc(var(--spacing) * 6);
	 }
	 .px-2\.5 {
	   padding-inline: calc(var(--spacing) * 2.5);
	 }
	 .px-3 {
	   padding-inline: calc(var(--spacing) * 3);
	 }
	 .px-4 {
	   padding-inline: calc(var(--spacing) * 4);
	 }
	 .px-5 {
	   padding-inline: calc(var(--spacing) * 5);
	 }
	 .py-1 {
	   padding-block: calc(var(--spacing) * 1);
	 }
	 .py-2 {
	   padding-block: calc(var(--spacing) * 2);
	 }
	 .py-6 {
	   padding-block: calc(var(--spacing) * 6);
	 }
	 .m0 {
	 	margin:0;
	 }
    .py-10 {
      padding-top: 2.5rem;
      padding-bottom: 2.5rem
    }
	 .py-12 {
	   padding-block: calc(var(--spacing) * 12);
	 }
	 .py-16 {
	   padding-block: calc(var(--spacing) * 16);
	 }
	 .pt-0 {
	   padding-top: calc(var(--spacing) * 0);
	 }
	 .pb-5 {
	   padding-bottom: calc(var(--spacing) * 5);
	 }
	 .pb-6 {
	   padding-bottom: calc(var(--spacing) * 6);
	 }
	 .pt-4 {
	   padding-top: calc(var(--spacing) * 4);
	 }
	 .pt-6 {
	   padding-top: calc(var(--spacing) * 6);
	 }
	 .pt-8 {
	   padding-top: calc(var(--spacing) * 8);
	 }
	 .pb-8 {
	   padding-bottom: calc(var(--spacing) * 8);
	 }
	 .text-2xl {
	   font-size: var(--text-2xl);
	   line-height: var(--tw-leading, var(--text-2xl--line-height));
	 }
	 .text-3xl {
	   font-size: var(--text-3xl);
	   line-height: var(--tw-leading, var(--text-3xl--line-height));
	 }
	 .text-4xl {
	   font-size: var(--text-4xl);
	   line-height: var(--tw-leading, var(--text-4xl--line-height));
	 }
	 .text-lg {
	   font-size: var(--text-lg);
	   line-height: var(--tw-leading, var(--text-lg--line-height));
	 }
	 .text-lg2 {
	   font-size: var(--text-lg2);
	   line-height: var(--tw-leading, var(--text-lg--line-height));
	 }
	 .text-sm {
	   font-size: var(--text-sm);
	   line-height: var(--tw-leading, var(--text-sm--line-height));
	 }
	 .text-xl {
      font-size: 1.25rem;
      line-height: 1.75rem
    }
	 .text-xs {
	   font-size: var(--text-xs);
	   line-height: var(--tw-leading, var(--text-xs--line-height));
	 }
	 .leading-none {
	   --tw-leading: 1;
	   line-height: 1;
	 }
	 .leading-relaxed {
	   --tw-leading: var(--leading-relaxed);
	   line-height: var(--leading-relaxed);
	 }
	 .leading-tight {
	   --tw-leading: var(--leading-tight);
	   line-height: var(--leading-tight);
	 }
	 .font-bold {
	   --tw-font-weight: var(--font-weight-bold);
	   font-weight: var(--font-weight-bold);
	 }
	 .font-extrabold {
	   --tw-font-weight: var(--font-weight-extrabold);
	   font-weight: var(--font-weight-extrabold);
	 }
	 .font-medium {
	   --tw-font-weight: var(--font-weight-medium);
	   font-weight: var(--font-weight-medium);
	 }
	 .font-semibold {
	   --tw-font-weight: var(--font-weight-semibold);
	   font-weight: var(--font-weight-semibold);
	 }
	 .tracking-tight {
	   --tw-tracking: var(--tracking-tight);
	   letter-spacing: var(--tracking-tight);
	 }
	 .text-card-foreground {
	   color: var(--color-card-foreground);
	 }
	 .text-muted-foreground {
	   color: var(--color-muted-foreground);
	 }
	 .text-slate-100 {
	   color: var(--color-slate-300);
	 }
	 .text-slate-200 {
	   color: var(--color-slate-300);
	 }
	 .text-slate-200\/90 {
	   color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 90%, transparent);
	   @supports (color: color-mix(in lab, red, red)) {
	     color: color-mix(in oklab, var(--color-slate-200) 90%, transparent);
	   }
	 }
	 .text-slate-300 {
	   color: var(--color-slate-300);
	 }
	 .text-slate-400 {
	   color: var(--color-slate-400);
	 }
	 [data-theme="light"] [class*="text-slate"] {
	 	color:var(--sinіy);
	 }
	 .text-white {
	   color: var(--color-white);
	 }
	 .text-white\/90 {
	   color: color-mix(in srgb, #fff 90%, transparent);
	   @supports (color: color-mix(in lab, red, red)) {
	     color: color-mix(in oklab, var(--color-white) 90%, transparent);
	   }
	 }
	 .shadow-glass {
    	--tw-shadow: 0 10px 35px rgba(2, 6, 23, 0.45);
    	--tw-shadow-colored: 0 10px 35px var(--tw-shadow-color);
    	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }
    .hover\:bg-white\/10:hover {
    	background-color: rgb(255 255 255 / 0.1)
    }
    .hover\:text-slate-200:hover {
    	--tw-text-opacity: 1;
    	color: rgb(226 232 240 / var(--tw-text-opacity, 1))
    }
    @media (min-width: 640px) {
    	.sm\:grid-cols-2 {
    		grid-template-columns: repeat(2, minmax(0, 1fr))
    	}
    	.sm\:px-6 {
    		padding-left: 1.5rem;
    		padding-right: 1.5rem
    	}
    }
    .chip2 {
	position: absolute;
	inset: auto 20px 20px auto;
	background: #0f172a;
    border: 1px solid #243148;
	padding: 8px 12px;
	border-radius: 999px;
	font-weight: 600;
	font-size: 13px
}
.hero-visual {
    position: relative;
    height: 260px;
    overflow: hidden;
    box-shadow: var(--shadow);
}
.hero-visual img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	display: block;
	margin:0 auto;
}
@media screen and (max-width:767px) {
	.hero-visual {
		height: 40vw;
	}
}
    @media (min-width: 768px) {
    	.md\:mt-0 {
    		margin-top: 0px
    	}
    	.md\:flex {
    		display: flex
    	}
    	.md\:grid-cols-2 {
    		grid-template-columns: repeat(2, minmax(0, 1fr))
    	}
    	.md\:flex-cols-2 > div {
    		width: calc(50% - 0.75rem);
    	}
    	.md\:flex-cols-2 > div:first-child:last-child {
    		width: 100%;
    	}
    	.md\:grid-cols-3 {
    		grid-template-columns: repeat(3, minmax(0, 1fr))
    	}
    	.md\:grid-cols-4 {
    		grid-template-columns: repeat(4, minmax(0, 1fr))
    	}
    	.md\:grid-cols-\[240px\2c 1fr\] {
    		grid-template-columns: 240px 1fr
    	}
    	.md\:py-16 {
    		padding-top: 4rem;
    		padding-bottom: 4rem
    	}
    	.md\:text-5xl {
    		font-size: 3rem;
    		line-height: 1
    	}
    }
    @media (min-width: 1024px) {
    	.md\:grid-cols-22 {
    		grid-template-columns: 1fr 440px
    	}
    	.md\:grid-cols-33 {
    		grid-template-columns: 1fr 400px
    	}
    	.lg\:grid-cols-3 {
    		grid-template-columns: repeat(3, minmax(0, 1fr))
    	}
    	.lg\:px-8 {
    		padding-left: 2rem;
    		padding-right: 2rem
    	}
    	.lg\:grid-cols-4 {
    		grid-template-columns: repeat(4, minmax(0, 1fr))
    	}
    }
    @media (min-width: 1424px) {

    	.md\:grid-cols-22 {
    		grid-template-columns: 1fr 540px
    	}
    }
	 .shadow-lg {
	   --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
	   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
	 }
	 .shadow-sm {
	   --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
	   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
	 }
	 .shadow-xl {
	   --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
	   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
	 }
	 .ring-2 {
	   --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
	   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
	 }
	 .shadow-black\/30 {
	   --tw-shadow-color: color-mix(in srgb, #000 30%, transparent);
	   @supports (color: color-mix(in lab, red, red)) {
	     --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 30%, transparent) var(--tw-shadow-alpha), transparent);
	   }
	 }
	 .shadow-blue-900\/30 {
	   --tw-shadow-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 30%, transparent);
	   @supports (color: color-mix(in lab, red, red)) {
	     --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-900) 30%, transparent) var(--tw-shadow-alpha), transparent);
	   }
	 }
	 .ring-white\/10 {
	   --tw-ring-color: color-mix(in srgb, #fff 10%, transparent);
	   @supports (color: color-mix(in lab, red, red)) {
	     --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
	   }
	 }
	 .backdrop-blur {
	   --tw-backdrop-blur: blur(8px);
	   -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
	   backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
	 }
	 .transition {
	   transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
	   transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
	   transition-duration: var(--tw-duration, var(--default-transition-duration));
	 }
	 .transition-all {
	   transition-property: all;
	   transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
	   transition-duration: var(--tw-duration, var(--default-transition-duration));
	 }
	 .hover\:-translate-y-0\.5 {
	   &:hover {
	     @media (hover: hover) {
	       --tw-translate-y: calc(var(--spacing) * -0.5);
	       translate: var(--tw-translate-x) var(--tw-translate-y);
	     }
	   }
	 }
	 .hover\:bg-white\/10 {
	   &:hover {
	     @media (hover: hover) {
	       background-color: color-mix(in srgb, #fff 10%, transparent);
	       @supports (color: color-mix(in lab, red, red)) {
	         background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
	       }
	     }
	   }
	 }
	 .hover\:from-sky-400 {
	   &:hover {
	     @media (hover: hover) {
	       --tw-gradient-from: var(--color-sky-400);
	       --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
	     }
	   }
	 }
	 .hover\:via-blue-500 {
	   &:hover {
	     @media (hover: hover) {
	       --tw-gradient-via: var(--color-blue-500);
	       --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
	       --tw-gradient-stops: var(--tw-gradient-via-stops);
	     }
	   }
	 }
	 .hover\:to-violet-500 {
	   &:hover {
	     @media (hover: hover) {
	       --tw-gradient-to: var(--color-violet-500);
	       --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
	     }
	   }
	 }
	 .hover\:shadow-2xl {
	   &:hover {
	     @media (hover: hover) {
	       --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
	       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
	     }
	   }
	 }
	 .focus\:outline-none {
	   &:focus {
	     --tw-outline-style: none;
	     outline-style: none;
	   }
	 }
	 .focus-visible\:ring-2 {
	   &:focus-visible {
	     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
	     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
	   }
	 }
	 .focus-visible\:ring-sky-400 {
	   &:focus-visible {
	     --tw-ring-color: var(--color-sky-400);
	   }
	 }
	 .sm\:grid-cols-2 {
	   @media (width >= 40rem) {
	     grid-template-columns: repeat(2, minmax(0, 1fr));
	   }
	 }
	 .sm\:px-6 {
	   @media (width >= 40rem) {
	     padding-inline: calc(var(--spacing) * 6);
	   }
	 }
	 .md\:flex-row {
	   @media (width >= 48rem) {
	     flex-direction: row;
	   }
	 }
	 .md\:items-center {
	   @media (width >= 48rem) {
	     align-items: center;
	   }
	 }
	 .md\:py-20 {
	   @media (width >= 48rem) {
	     padding-block: calc(var(--spacing) * 20);
	   }
	 }
	 .md\:text-3xl {
	   @media (width >= 48rem) {
	     font-size: var(--text-3xl);
	     line-height: var(--tw-leading, var(--text-3xl--line-height));
	   }
	 }
	 .md\:text-5xl {
	   @media (width >= 48rem) {
	     font-size: var(--text-5xl);
	     line-height: var(--tw-leading, var(--text-5xl--line-height));
	   }
	 }
	 .lg\:grid-cols-3 {
	   @media (width >= 64rem) {
	     grid-template-columns: repeat(3, minmax(0, 1fr));
	   }
	 }
	 .lg\:px-8 {
	   @media (width >= 64rem) {
	     padding-inline: calc(var(--spacing) * 8);
	   }
	 }
	 .xl\:grid-cols-4 {
	   @media (width >= 80rem) {
	     grid-template-columns: repeat(4, minmax(0, 1fr));
	   }
	 }
	}
	@layer base {
	 :root {
	   --background: 0 0% 100%;
	   --foreground: 222.2 47.4% 11.2%;
	   --muted: 210 40% 96.1%;
	   --muted-foreground: 215.4 16.3% 46.9%;
	   --popover: 0 0% 100%;
	   --popover-foreground: 222.2 47.4% 11.2%;
	   --border: 214.3 31.8% 91.4%;
	   --input: 214.3 31.8% 91.4%;
	   --card: 0 0% 100%;
	   --card-foreground: 222.2 47.4% 11.2%;
	   --primary: 222.2 47.4% 11.2%;
	   --primary-foreground: 210 40% 98%;
	   --secondary: 210 40% 96.1%;
	   --secondary-foreground: 222.2 47.4% 11.2%;
	   --accent: 210 40% 96.1%;
	   --accent-foreground: 222.2 47.4% 11.2%;
	   --destructive: 0 100% 50%;
	   --destructive-foreground: 210 40% 98%;
	   --ring: 215 20.2% 65.1%;
	   --radius: 0.5rem;
	   --chart-1: 12 76% 61%;
	   --chart-2: 173 58% 39%;
	   --chart-3: 197 37% 24%;
	   --chart-4: 43 74% 66%;
	   --chart-5: 27 87% 67%;
	   --sidebar-background: 0 0% 98%;
	   --sidebar-foreground: 240 5.3% 26.1%;
	   --sidebar-primary: 240 5.9% 10%;
	   --sidebar-primary-foreground: 0 0% 98%;
	   --sidebar-accent: 240 4.8% 95.9%;
	   --sidebar-accent-foreground: 240 5.9% 10%;
	   --sidebar-border: 220 13% 91%;
	   --sidebar-ring: 217.2 91.2% 59.8%;
	 }
	 @media (prefers-color-scheme: dark) {
	   --background: 224 71% 4%;
	   --foreground: 213 31% 91%;
	   --muted: 223 47% 11%;
	   --muted-foreground: 215.4 16.3% 56.9%;
	   --popover: 224 71% 4%;
	   --popover-foreground: 215 20.2% 65.1%;
	   --border: 216 34% 17%;
	   --input: 216 34% 17%;
	   --card: 224 71% 4%;
	   --card-foreground: 213 31% 91%;
	   --primary: 210 40% 98%;
	   --primary-foreground: 222.2 47.4% 1.2%;
	   --secondary: 222.2 47.4% 11.2%;
	   --secondary-foreground: 210 40% 98%;
	   --accent: 216 34% 17%;
	   --accent-foreground: 210 40% 98%;
	   --destructive: 0 63% 31%;
	   --destructive-foreground: 210 40% 98%;
	   --ring: 216 34% 17%;
	   --radius: 0.5rem;
	   --chart-1: 220 70% 50%;
	   --chart-2: 160 60% 45%;
	   --chart-3: 30 80% 55%;
	   --chart-4: 280 65% 60%;
	   --chart-5: 340 75% 55%;
	   --sidebar-background: 240 5.9% 10%;
	   --sidebar-foreground: 240 4.8% 95.9%;
	   --sidebar-primary: 224.3 76.3% 48%;
	   --sidebar-primary-foreground: 0 0% 100%;
	   --sidebar-accent: 240 3.7% 15.9%;
	   --sidebar-accent-foreground: 240 4.8% 95.9%;
	   --sidebar-border: 240 3.7% 15.9%;
	   --sidebar-ring: 217.2 91.2% 59.8%;
	 }
	}
/*	svg.lucide {
		color:color-mix(in oklab, var(--color-white) 90%, transparent);
	}*/
	@property --tw-space-y-reverse {
	 syntax: "*";
	 inherits: false;
	 initial-value: 0;
	}
	@property --tw-border-style {
	 syntax: "*";
	 inherits: false;
	 initial-value: solid;
	}
	@property --tw-gradient-position {
	 syntax: "*";
	 inherits: false;
	}
	@property --tw-gradient-from {
	 syntax: "<color>";
	 inherits: false;
	 initial-value: #0000;
	}
	@property --tw-gradient-via {
	 syntax: "<color>";
	 inherits: false;
	 initial-value: #0000;
	}
	@property --tw-gradient-to {
	 syntax: "<color>";
	 inherits: false;
	 initial-value: #0000;
	}
	@property --tw-gradient-stops {
	 syntax: "*";
	 inherits: false;
	}
	@property --tw-gradient-via-stops {
	 syntax: "*";
	 inherits: false;
	}
	@property --tw-gradient-from-position {
	 syntax: "<length-percentage>";
	 inherits: false;
	 initial-value: 0%;
	}
	@property --tw-gradient-via-position {
	 syntax: "<length-percentage>";
	 inherits: false;
	 initial-value: 50%;
	}
	@property --tw-gradient-to-position {
	 syntax: "<length-percentage>";
	 inherits: false;
	 initial-value: 100%;
	}
	@property --tw-leading {
	 syntax: "*";
	 inherits: false;
	}
	@property --tw-font-weight {
	 syntax: "*";
	 inherits: false;
	}
	@property --tw-tracking {
	 syntax: "*";
	 inherits: false;
	}
	@property --tw-shadow {
	 syntax: "*";
	 inherits: false;
	 initial-value: 0 0 #0000;
	}
	@property --tw-shadow-color {
	 syntax: "*";
	 inherits: false;
	}
	@property --tw-shadow-alpha {
	 syntax: "<percentage>";
	 inherits: false;
	 initial-value: 100%;
	}
	@property --tw-inset-shadow {
	 syntax: "*";
	 inherits: false;
	 initial-value: 0 0 #0000;
	}
	@property --tw-inset-shadow-color {
	 syntax: "*";
	 inherits: false;
	}
	@property --tw-inset-shadow-alpha {
	 syntax: "<percentage>";
	 inherits: false;
	 initial-value: 100%;
	}
	@property --tw-ring-color {
	 syntax: "*";
	 inherits: false;
	}
	@property --tw-ring-shadow {
	 syntax: "*";
	 inherits: false;
	 initial-value: 0 0 #0000;
	}
	@property --tw-inset-ring-color {
	 syntax: "*";
	 inherits: false;
	}
	@property --tw-inset-ring-shadow {
	 syntax: "*";
	 inherits: false;
	 initial-value: 0 0 #0000;
	}
	@property --tw-ring-inset {
	 syntax: "*";
	 inherits: false;
	}
	@property --tw-ring-offset-width {
	 syntax: "<length>";
	 inherits: false;
	 initial-value: 0px;
	}
	@property --tw-ring-offset-color {
	 syntax: "*";
	 inherits: false;
	 initial-value: #fff;
	}
	@property --tw-ring-offset-shadow {
	 syntax: "*";
	 inherits: false;
	 initial-value: 0 0 #0000;
	}
	@property --tw-backdrop-blur {
	 syntax: "*";
	 inherits: false;
	}
	@property --tw-backdrop-brightness {
	 syntax: "*";
	 inherits: false;
	}
	@property --tw-backdrop-contrast {
	 syntax: "*";
	 inherits: false;
	}
	@property --tw-backdrop-grayscale {
	 syntax: "*";
	 inherits: false;
	}
	@property --tw-backdrop-hue-rotate {
	 syntax: "*";
	 inherits: false;
	}
	@property --tw-backdrop-invert {
	 syntax: "*";
	 inherits: false;
	}
	@property --tw-backdrop-opacity {
	 syntax: "*";
	 inherits: false;
	}
	@property --tw-backdrop-saturate {
	 syntax: "*";
	 inherits: false;
	}
	@property --tw-backdrop-sepia {
	 syntax: "*";
	 inherits: false;
	}
	@property --tw-translate-x {
	 syntax: "*";
	 inherits: false;
	 initial-value: 0;
	}
	@property --tw-translate-y {
	 syntax: "*";
	 inherits: false;
	 initial-value: 0;
	}
	@property --tw-translate-z {
	 syntax: "*";
	 inherits: false;
	 initial-value: 0;
	}
	@layer properties {
	 @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
	   *, ::before, ::after, ::backdrop {
	     --tw-space-y-reverse: 0;
	     --tw-border-style: solid;
	     --tw-gradient-position: initial;
	     --tw-gradient-from: #0000;
	     --tw-gradient-via: #0000;
	     --tw-gradient-to: #0000;
	     --tw-gradient-stops: initial;
	     --tw-gradient-via-stops: initial;
	     --tw-gradient-from-position: 0%;
	     --tw-gradient-via-position: 50%;
	     --tw-gradient-to-position: 100%;
	     --tw-leading: initial;
	     --tw-font-weight: initial;
	     --tw-tracking: initial;
	     --tw-shadow: 0 0 #0000;
	     --tw-shadow-color: initial;
	     --tw-shadow-alpha: 100%;
	     --tw-inset-shadow: 0 0 #0000;
	     --tw-inset-shadow-color: initial;
	     --tw-inset-shadow-alpha: 100%;
	     --tw-ring-color: initial;
	     --tw-ring-shadow: 0 0 #0000;
	     --tw-inset-ring-color: initial;
	     --tw-inset-ring-shadow: 0 0 #0000;
	     --tw-ring-inset: initial;
	     --tw-ring-offset-width: 0px;
	     --tw-ring-offset-color: #fff;
	     --tw-ring-offset-shadow: 0 0 #0000;
	     --tw-backdrop-blur: initial;
	     --tw-backdrop-brightness: initial;
	     --tw-backdrop-contrast: initial;
	     --tw-backdrop-grayscale: initial;
	     --tw-backdrop-hue-rotate: initial;
	     --tw-backdrop-invert: initial;
	     --tw-backdrop-opacity: initial;
	     --tw-backdrop-saturate: initial;
	     --tw-backdrop-sepia: initial;
	     --tw-translate-x: 0;
	     --tw-translate-y: 0;
	     --tw-translate-z: 0;
	   }
	 }
	}
    .badge {
    	display: inline-flex;
    	align-items: center;
    	gap: 8px;
    	padding: 6px 10px;
    	border-radius: 999px;
    	background: linear-gradient(90deg, var(--accent1), var(--accent2));
    	color: #fff;
    	font-weight: 600;
    	font-size: 12px;
    	letter-spacing: .3px;
    	text-transform: uppercase
    }
    .headline {
    	margin: 14px 0 10px;
    	font-size: 36px;
    	line-height: 1.1;
    	letter-spacing: .2px
    }
    .sub {
    	color: var(--muted);
    	max-width: 800px;
    	font-size: 16px
    }
    .toolbar {
    	display: flex;
    	flex-wrap: wrap;
    	gap: 12px;
    	align-items: center;
    }
    .tabs {
    	display: flex;
    	gap: 10px;
    	flex-wrap: wrap;
    	margin-right: 30px;
    }
    .tab {
    	cursor: pointer;
    	transition: .25s
    }
    .tab.active {
    	background: linear-gradient(90deg, rgba(91, 140, 255, .18), rgba(124, 88, 255, .18));
    	border-color: transparent;
    	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08)
    }
    .toolbar-right {
    	margin-left: auto;
    	display: flex;
    	gap: 10px;
    	flex-wrap: wrap
    }
    .search {
    	position: relative
    }
    .search input {
    	background: #0e1420;
    	border: 1px solid #1f2a3c;
    	color: var(--color-slate-300);
    	border-radius: 999px;
    	padding: 10px 38px 10px 14px;
    	min-width: 240px;
    	outline: none
    }
    .search .kbd {
    	position: absolute;
    	right: 10px;
    	top: 50%;
    	transform: translateY(-50%);
    	font-size: 12px;
    	color: var(--muted);
    	opacity: .8
    }
    .select, .toggle {
    	background: #0e1420;
    	border: 1px solid #223047;
    	color: #d8e2f1;
    	border-radius: 10px;
    	padding: 10px 12px;
    	font-weight: 600;
    	cursor: pointer
    }
    /*body:not(.home):not(.page-template-page-migration) .btn:not(.type2):not(.submit) {
    	background: #0e1420;
    	border: 1px solid #223047;
    	color: #d8e2f1;
    	border-radius: 10px;
    	padding: 10px 12px;
    	font-weight: 600;
    	cursor: pointer
    }*/
    .tags {
    	max-width: 1200px;
    	margin: 6px auto 0;
    	display: flex;
    	gap: 8px;
    	flex-wrap: wrap;
    	padding: 0 24px
    }
    .pill {
    	background: var(--pill);
    	color: #cbd5e1;
    	border: 1px solid #223047;
    	border-radius: 999px;
    	padding: 6px 10px;
    	font-size: 12px;
    	cursor: pointer
    }
    .pill.active {
    	outline: 2px solid rgba(124, 88, 255, .55)
    }    
    .card {
    	
    	padding: 16px;
    	display: flex;
    	flex-direction: column;
    	gap: 14px;
    	position: relative;
    	overflow: hidden;
    	isolation: isolate;
    	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    }
    .card:hover {
    	transform: translateY(-4px);
    	box-shadow: 0 14px 40px rgba(0, 0, 0, .45);
    	border-color: rgba(124, 88, 255, .35)
    }
    .glow {
    	position: absolute;
    	inset: auto -40% -60% -40%;
    	height: 220px;
    	background: radial-gradient(50% 60% at 50% 100%, rgba(124, 88, 255, .18), transparent 70%);
    	filter: blur(30px);
    	z-index: -1
    }
    .top {
    	display: flex;
    	align-items: center;
    	gap: 12px
    }
    .logo {
    	width: 48px;
    	height: 48px;
    	display: flex;
    	align-items: center;
    	justify-content: center;
    	border-radius: 12px;
    	background: linear-gradient(135deg, var(--accent1), var(--accent2));
    	opacity: .9;
    	box-shadow: inset 0 0 14px rgba(255, 255, 255, .25)
    }
    .title {
    	font-weight: 800;
    	font-size: 18px
    }
    .status {
    	margin-left: auto;
    	font-size: 12px;
    	padding: 6px 10px;
    	border-radius: 999px;
    	background: #0d1a16;
    	color: #95fff2;
    	border: 1px solid rgba(45, 212, 191, .35)
    }
    .status.red {
    	font-size: 12px !important;
    	    display: inline-block;
    margin:0 0 3px;
    background: var(--chervoniy);
    color: #fff;
    padding: 6px 14px;
    border-radius: 999px;
    font-weight: 700;
    text-transform: uppercase;
    height: auto !important;
    border:0;
    }
    /*body:not(.home):not(.page-template-page-migration) .desc {
    	color: #c6d0df;
    	line-height: 1.4
    }*/
    .chips {
    	display: flex;
    	flex-wrap: wrap;
    	gap: 8px;
    }
    .chip {
    	background: #0f172a;
    	border: 1px solid #243148;
    	color: #cbd5e1;
    	margin:0;
    	border-radius: 999px;
    	padding: 6px 10px;
    	font-size: 12px
    }
    .actions {
    	display: flex;
    	gap: 10px;
    	margin-top: auto
    }
    .btn-primary {
    	background: linear-gradient(90deg, var(--accent1), var(--accent2));
    	color: #fff;
    	border: 0
    }
    .btn-secondary {
    	background: #101a2a;
    	border: 1px solid #263346;
    	color: #e5edff
    }
    .result-line {
    	color: var(--muted);
    	font-size: 13px;
    	margin: 14px 24px
    }
    .list .grid {
    	grid-template-columns: 1fr
    }
    .list .card {
    	flex-direction: row;
    	gap: 18px;
    	align-items: center
    }
    .list .desc {
    	max-width: 520px
    }
    body.dark {
    	    color: #c6d0df;
    }
    .doc2 .icon {
    	width: 30px;
    	height: 30px;
    	border-radius: 100%;
    	justify-content: center;
    	text-align: center;
    }
    .doc2 .icon svg {
    	max-width: 60%;
    }
    .text-sm2 {
    	font-size: 0.7rem;
    }
.list2 {
	display: grid;
	gap: 10px
}
.item2 {
	display: grid;
	gap: 4px;
	padding: 10px;
	border-radius: 14px;
	background: rgba(0, 0, 0, .22);
	border: 1px solid rgba(234, 240, 255, .09);
}
.item2:hover {
	background: rgba(0, 0, 0, .18)
}
.item2 strong {
	font-size: var(--text-sm);
	font-weight: 400;
	line-height: 1.25
}
.item2 span {
	font-size: 12px;
	color: var(--muted);
	opacity: 0.8;
	font-weight: 600
}
.search2 input {
	min-width: 400px;
	padding-right: 14px;
}
.card2 {
	overflow: hidden;
}
.eyebrow span.current-item {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#single .meta > *:last-child {
	display: block;
}
.thumb2 {
	height: 150px;
	background: linear-gradient(135deg, rgba(110, 231, 255, .16), rgba(167, 139, 250, .14));
	border-bottom: 1px solid var(--soft)
}
.thumb2 img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.cardBody2 {
	padding: 12px 12px 14px
}
.title2 {
	margin: 8px 0 6px;
	font-size: 15px;
	line-height: 1.25;
	letter-spacing: -.1px
}
.small2 {
	margin: 0;
	color: var(--muted);
	font-size: 13px;
	line-height: 1.55
}
.cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px
}
.meta {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
    color: var(--muted);
    font-weight: 800;
    font-size: 13px;
}
.badge2 {
    padding: 6px 10px;
    border-radius: 999px;
    background: var(--chervoniy);
    color: #fff;
    font-weight: 900;
    font-size: 12px;
}
.badge3 {
    padding: 6px 10px;
    border-radius: 999px;
    background: var(--chervoniy);
    color: #fff;
    font-weight: 900;
    font-size: 12px;
}
.card .subscribe-form .checkbox-group {
	display: none !important;
}
.card .subscribe-form button {
	width: 100%;
	text-align: center;
	justify-content: center;
	cursor: pointer;
	border:0;
	
}
.card .subscribe-form .note {
	font-size: 0.86em;
}
.card .subscribe-form input {
	font-size: var(--text-sm);
	background: #0e1420;
    border: 1px solid #1f2a3c;
    border-radius: 999px;
    padding: 10px 38px 10px 14px;
    min-width: 240px;
    height: auto;
}
.card .subscribe-form input::placeholder {
	font-size: var(--text-sm);

}
.readmore {
	display: inline-flex;
	gap: 10px;
	align-items: center;
	font-weight: 900;
	margin-top: 15px;
	transition: all linear .25s;
}
.readmore i {
	width: 8px;
	height: 8px;
	border-right: 2px solid var(--color-slate-300);
	border-top: 2px solid var(--color-slate-300);
	transform: rotate(45deg);
	display: inline-block
}
.cards .card2 .readmore {
	display: none;
}
.heroGrid {
    display: grid;
    grid-template-columns: 1fr 330px;
    gap: 18px;
}
.dopss > div + div {
	margin-top: 7px;
}
.dopss > div {
	position: relative;
	padding-left: 20px;
}
.dopss .text-lg {
	margin:0;
}
.dopss .text-sm {
	margin:0;
}
.dopss > div:before {
    display: block;
    content: ' ';
    width: 10px;
    height: 10px;
    border-radius: 4px;
    background: #60A5FA;
    position: absolute;
    left: 0;
    top: 7px;
}
@media screen and (min-width:1160px) {
	.cards .card2.first .readmore,
	.cards .card2:first-child .readmore {
		display: block;
	}
	.cards .card2[style="display: block;"].first,
	.cards .card2[style="display: block;"]:first-child {
		display: flex !important;
	}
	.cards .card2.first,
	.cards .card2:first-child {
		grid-column:1/4;
		display: flex;
	}
	.cards .card2 .readmore:hover {
		color:var(--chervoniy);
	}
	.cards .card2.first .title2,
	.cards .card2:first-child .title2 {
		font-size: var(--text-xl);
		margin-top: calc(var(--spacing) * 3);
		margin-bottom: calc(var(--spacing) * 3);
	}
	.cards .card2.first .thumb2,
	.cards .card2:first-child .thumb2 {
		width: 100%;
		max-width: 400px;
		height: 300px;
	}
	.cards .card2.first .cardBody2,
	.cards .card2:first-child .cardBody2 {
		padding: 20px;
	}
}
.wpcf7-form-control-wrap {
	width: 100%;
}
.seo2 {
	line-height: 1.4;
}
.seo2 h2 {
	font-size: var(--text-3xl);
	margin:30px 0;
}
.seo2 h3 {
	font-size: var(--text-2xl);
	margin:20px 0;
}
.seo2 h2:first-child {
	margin-top:0;
}
.seo2 blockquote {
	border-radius: var(--radius);
    border: 1px solid rgba(234, 240, 255, .10);
    background: rgba(0, 0, 0, .24);
    padding: 12px 12px;
    font-size: var(--text-lg2);
    margin-left: 0;
    width: 100%;
}
.seo2 > * +*,
.seo2 > * +p:not([class]) {
	margin-top: 20px;
}
.seo2 blockquote strong {
	display: block;
	position: relative;
	padding-left: 20px;
	margin-bottom: 5px;
}
.seo2 blockquote strong + br {
	display: none;
}
.seo2 blockquote strong:before {
	display: block;
	content:' ';
	    width: 10px;
    height: 10px;
    border-radius: 4px;
    background: var(--accent);
    position: absolute;
    left:0;
    top:7px;
}
.seo2 ul {
	list-style:disc;
	padding:0 0 0 20px;
}
.seo2 ul li + li {
	margin-top: 5px;
}
@media screen and (max-width:1400px) {
	.md\:grid-cols-33 {
    		grid-template-columns: 1fr 330px
    	}
}
.dopss {
	margin-top: 45px;
}
@media screen and (max-width:1160px) {
.dopss {
	margin-top: 0;
}
	.cards {
		    grid-template-columns: repeat(2, 1fr);
	}
	.heroGrid {
		display: flex;
		flex-wrap: wrap;
	}
	.heroGrid > div {
		width: 100%;
	}
}
@media screen and (max-width:767px) {
	#single h1 {
		font-size: var(--text-3xl);
	}
	.seo2 h2 {
		font-size: var(--text-2xl);
		margin:20px 0;
	}
	.seo2 h3 {
		font-size: var(--text-lg);
		margin:20px 0;
	}
	.seo2 > * +*,
	.seo2 > * +p:not([class]) {
		margin-top: 15px;
	}
	.seo2 blockquote {
		font-size: var(--text-lg);
	}
	.md\:grid-cols-33 {
    		display: flex;
    		flex-wrap: wrap;
    		gap:30px;
    	}
	.cards {
		    grid-template-columns: repeat(1, 1fr);
	}
	.search2 input {
		width: 100%;
		min-width: unset;
	}
}