/* Общие стили сайта: точная копия двух блоков <style> с главной (front-page-custom.php). При правке главной — обновлять и здесь. */
		@layer properties;
		@layer theme, base, components, utilities;
		@layer theme {
		  :root, :host {
			--font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial,
			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-gray-400: oklch(70.7% 0.022 261.325);
			--color-gray-800: oklch(27.8% 0.033 256.848);
			--color-black: #000;
			--color-white: #fff;
			--spacing: 0.25rem;
			--container-xs: 20rem;
			--container-sm: 24rem;
			--container-lg: 32rem;
			--container-xl: 36rem;
			--container-2xl: 42rem;
			--container-4xl: 56rem;
			--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: 1.125rem;
			--text-lg--line-height: calc(1.75 / 1.125);
			--text-xl: 1.25rem;
			--text-xl--line-height: calc(1.75 / 1.25);
			--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;
			--text-6xl: 3.75rem;
			--text-6xl--line-height: 1;
			--font-weight-medium: 500;
			--font-weight-semibold: 600;
			--font-weight-bold: 700;
			--font-weight-extrabold: 800;
			--leading-tight: 1.25;
			--leading-relaxed: 1.625;
			--radius-lg: 0.5rem;
			--radius-xl: 0.75rem;
			--radius-2xl: 1rem;
			--radius-3xl: 1.5rem;
			--animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
			--blur-sm: 8px;
			--blur-lg: 16px;
			--blur-2xl: 40px;
			--blur-3xl: 64px;
			--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);
		  }
		}
		@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, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, 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-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:where(:not(iframe)) { 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; }
		  ::-webkit-calendar-picker-indicator { line-height: 1; }
		  :-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 {
		  .pointer-events-auto { pointer-events: auto; }
		  .pointer-events-none { pointer-events: none; }
		  .absolute { position: absolute; }
		  .fixed { position: fixed; }
		  .relative { position: relative; }
		  .sticky { position: sticky; }
		  .inset-0 { inset: 0px; }
		  .-top-2 { top: calc(var(--spacing) * -2); }
		  .-top-40 { top: calc(var(--spacing) * -40); }
		  .top-0 { top: 0px; }
		  .top-1\/2 { top: calc(1 / 2 * 100%); }
		  .top-8 { top: calc(var(--spacing) * 8); }
		  .top-24 { top: calc(var(--spacing) * 24); }
		  .-right-2 { right: calc(var(--spacing) * -2); }
		  .-right-40 { right: calc(var(--spacing) * -40); }
		  .right-0 { right: 0px; }
		  .right-1\/6 { right: calc(1 / 6 * 100%); }
		  .-bottom-40 { bottom: calc(var(--spacing) * -40); }
		  .bottom-8 { bottom: calc(var(--spacing) * 8); }
		  .-left-4 { left: calc(var(--spacing) * -4); }
		  .-left-40 { left: calc(var(--spacing) * -40); }
		  .left-0 { left: 0px; }
		  .left-1\/2 { left: calc(1 / 2 * 100%); }
		  .left-1\/6 { left: calc(1 / 6 * 100%); }
		  .z-10 { z-index: 10; }
		  .z-40 { z-index: 40; }
		  .z-50 { z-index: 50; }
		  .z-\[60\] { z-index: 60; }
		  .order-1 { order: 1; }
		  .order-2 { order: 2; }
		  .mx-auto { margin-inline: auto; }
		  .mt-1 { margin-top: var(--spacing); }
		  .mt-4 { margin-top: calc(var(--spacing) * 4); }
		  .mt-6 { margin-top: calc(var(--spacing) * 6); }
		  .mt-12 { margin-top: calc(var(--spacing) * 12); }
		  .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-12 { margin-bottom: calc(var(--spacing) * 12); }
		  .mb-16 { margin-bottom: calc(var(--spacing) * 16); }
		  .block { display: block; }
		  .flex { display: flex; }
		  .grid { display: grid; }
		  .hidden { display: none; }
		  .inline-block { display: inline-block; }
		  .inline-flex { display: inline-flex; }
		  .aspect-square { aspect-ratio: 1 / 1; }
		  .h-0\.5 { height: calc(var(--spacing) * 0.5); }
		  .h-2 { height: calc(var(--spacing) * 2); }
		  .h-4 { height: calc(var(--spacing) * 4); }
		  .h-5 { height: calc(var(--spacing) * 5); }
		  .h-6 { height: calc(var(--spacing) * 6); }
		  .h-7 { height: calc(var(--spacing) * 7); }
		  .h-8 { height: calc(var(--spacing) * 8); }
		  .h-10 { height: calc(var(--spacing) * 10); }
		  .h-14 { height: calc(var(--spacing) * 14); }
		  .h-16 { height: calc(var(--spacing) * 16); }
		  .h-20 { height: calc(var(--spacing) * 20); }
		  .h-96 { height: calc(var(--spacing) * 96); }
		  .h-\[800px\] { height: 800px; }
		  .h-full { height: 100%; }
		  .h-px { height: 1px; }
		  .max-h-\[90vh\] { max-height: 90vh; }
		  .w-2 { width: calc(var(--spacing) * 2); }
		  .w-4 { width: calc(var(--spacing) * 4); }
		  .w-5 { width: calc(var(--spacing) * 5); }
		  .w-6 { width: calc(var(--spacing) * 6); }
		  .w-7 { width: calc(var(--spacing) * 7); }
		  .w-8 { width: calc(var(--spacing) * 8); }
		  .w-10 { width: calc(var(--spacing) * 10); }
		  .w-14 { width: calc(var(--spacing) * 14); }
		  .w-16 { width: calc(var(--spacing) * 16); }
		  .w-20 { width: calc(var(--spacing) * 20); }
		  .w-72 { width: calc(var(--spacing) * 72); }
		  .w-96 { width: calc(var(--spacing) * 96); }
		  .w-\[800px\] { width: 800px; }
		  .w-fit { width: fit-content; }
		  .w-full { width: 100%; }
		  .max-w-2xl { max-width: var(--container-2xl); }
		  .max-w-4xl { max-width: var(--container-4xl); }
		  .max-w-7xl { max-width: var(--container-7xl); }
		  .max-w-xl { max-width: var(--container-xl); }
		  .max-w-xs { max-width: var(--container-xs); }
		  .flex-shrink-0 { flex-shrink: 0; }
		  .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
		  .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
		  .scale-110 { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); }
		  .animate-pulse { animation: var(--animate-pulse); }
		  .flex-col { flex-direction: column; }
		  .flex-wrap { flex-wrap: wrap; }
		  .items-center { align-items: center; }
		  .justify-between { justify-content: space-between; }
		  .justify-center { justify-content: center; }
		  .gap-1\.5 { gap: calc(var(--spacing) * 1.5); }
		  .gap-2 { gap: calc(var(--spacing) * 2); }
		  .gap-3 { gap: calc(var(--spacing) * 3); }
		  .gap-4 { gap: calc(var(--spacing) * 4); }
		  .gap-6 { gap: calc(var(--spacing) * 6); }
		  .gap-8 { gap: calc(var(--spacing) * 8); }
		  .gap-12 { gap: calc(var(--spacing) * 12); }
		  .overflow-hidden { overflow: hidden; }
		  .overflow-y-auto { overflow-y: auto; }
		  .rounded-2xl { border-radius: var(--radius-2xl); }
		  .rounded-3xl { border-radius: var(--radius-3xl); }
		  .rounded-\[2rem\] { border-radius: 2rem; }
		  .rounded-full { border-radius: calc(infinity * 1px); }
		  .rounded-lg { border-radius: var(--radius-lg); }
		  .rounded-xl { border-radius: var(--radius-xl); }
		  .rounded-t-3xl { border-top-left-radius: var(--radius-3xl); border-top-right-radius: var(--radius-3xl); }
		  .border { border-style: var(--tw-border-style); border-width: 1px; }
		  .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; }
		  .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
		  .border-gray-800 { border-color: var(--color-gray-800); }
		  .bg-\[\#5CE1E6\] { background-color: #5CE1E6; }
		  .bg-\[\#FF914D\] { background-color: #FF914D; }
		  .bg-\[\#FFBD59\] { background-color: #FFBD59; }
		  .bg-black\/60 { background-color: color-mix(in srgb, #000 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 60%, transparent); } }
		  .bg-white { background-color: var(--color-white); }
		  .bg-gradient-to-br { --tw-gradient-position: to bottom right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); }
		  .bg-gradient-to-r { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); }
		  .from-\[\#5CE1E6\] { --tw-gradient-from: #5CE1E6; --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-\[\#FF914D\] { --tw-gradient-from: #FF914D; --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-\[\#FFBD59\] { --tw-gradient-from: #FFBD59; --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-\[\#4dc9d0\] { --tw-gradient-to: #4dc9d0; --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-\[\#5CE1E6\] { --tw-gradient-to: #5CE1E6; --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-\[\#FF914D\] { --tw-gradient-to: #FF914D; --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-\[\#FFBD59\] { --tw-gradient-to: #FFBD59; --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-contain { object-fit: contain; }
		  .p-2 { padding: calc(var(--spacing) * 2); }
		  .p-3 { padding: calc(var(--spacing) * 3); }
		  .p-4 { padding: calc(var(--spacing) * 4); }
		  .p-6 { padding: calc(var(--spacing) * 6); }
		  .p-8 { padding: calc(var(--spacing) * 8); }
		  .p-10 { padding: calc(var(--spacing) * 10); }
		  .px-4 { padding-inline: calc(var(--spacing) * 4); }
		  .px-5 { padding-inline: calc(var(--spacing) * 5); }
		  .px-6 { padding-inline: calc(var(--spacing) * 6); }
		  .px-8 { padding-inline: calc(var(--spacing) * 8); }
		  .px-10 { padding-inline: calc(var(--spacing) * 10); }
		  .py-2 { padding-block: calc(var(--spacing) * 2); }
		  .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); }
		  .py-3 { padding-block: calc(var(--spacing) * 3); }
		  .py-4 { padding-block: calc(var(--spacing) * 4); }
		  .py-5 { padding-block: calc(var(--spacing) * 5); }
		  .py-20 { padding-block: calc(var(--spacing) * 20); }
		  .pt-3 { padding-top: calc(var(--spacing) * 3); }
		  .pt-4 { padding-top: calc(var(--spacing) * 4); }
		  .pt-8 { padding-top: calc(var(--spacing) * 8); }
		  .pt-16 { padding-top: calc(var(--spacing) * 16); }
		  .pt-24 { padding-top: calc(var(--spacing) * 24); }
		  .pb-8 { padding-bottom: calc(var(--spacing) * 8); }
		  .pb-16 { padding-bottom: calc(var(--spacing) * 16); }
		  .text-center { text-align: center; }
		  .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-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); }
		  .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); }
		  .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); }
		  .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); }
		  .whitespace-nowrap { white-space: nowrap; }
		  .text-\[\#5CE1E6\] { color: #5CE1E6; }
		  .text-\[\#FF914D\] { color: #FF914D; }
		  .text-\[\#FFBD59\] { color: #FFBD59; }
		  .text-gray-400 { color: var(--color-gray-400); }
		  .text-white { color: var(--color-white); }
		  .text-white\/60 { color: color-mix(in srgb, #fff 60%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent); } }
		  .text-white\/80 { color: color-mix(in srgb, #fff 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 80%, transparent); } }
		  .opacity-20 { opacity: 20%; }
		  .opacity-30 { opacity: 30%; }
		  .shadow-2xl { --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); }
		  .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-md { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px 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); }
		  .blur-2xl { --tw-blur: blur(var(--blur-2xl)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
		  .blur-3xl { --tw-blur: blur(var(--blur-3xl)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
		  .backdrop-blur-lg { --tw-backdrop-blur: blur(var(--blur-lg)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }
		  .backdrop-blur-sm { --tw-backdrop-blur: blur(var(--blur-sm)); -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-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
		  .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
		  .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
		  .duration-300 { --tw-duration: 300ms; transition-duration: 300ms; }
		  .duration-500 { --tw-duration: 500ms; transition-duration: 500ms; }
		  @media (hover: hover) {
			.group-hover\:translate-x-1:is(:where(.group):hover *) { --tw-translate-x: var(--spacing); translate: var(--tw-translate-x) var(--tw-translate-y); }
			.group-hover\:scale-105:is(:where(.group):hover *) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); }
			.group-hover\:scale-110:is(:where(.group):hover *) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); }
			.group-hover\:text-\[\#FF914D\]:is(:where(.group):hover *) { color: #FF914D; }
			.hover\:scale-105:hover { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); }
			.hover\:border-\[\#FF914D\]:hover { border-color: #FF914D; }
			.hover\:text-\[\#FF914D\]:hover { color: #FF914D; }
			.hover\:text-white:hover { color: var(--color-white); }
			.hover\:shadow-2xl: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); }
			.hover\:shadow-lg:hover { --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); }
		  }
		  @media (width >= 40rem) {
			.sm\:col-span-2 { grid-column: span 2 / span 2; }
			.sm\:block { display: block; }
			.sm\:max-w-sm { max-width: var(--container-sm); }
			.sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
			.sm\:flex-row { flex-direction: row; }
			.sm\:border-t-0 { border-top-style: var(--tw-border-style); border-top-width: 0px; }
			.sm\:p-16 { padding: calc(var(--spacing) * 16); }
			.sm\:px-6 { padding-inline: calc(var(--spacing) * 6); }
			.sm\:pt-0 { padding-top: 0px; }
			.sm\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); }
			.sm\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); }
			.sm\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); }
		  }
		  @media (width >= 48rem) {
			.md\:block { display: block; }
			.md\:flex { display: flex; }
			.md\:hidden { display: none; }
			.md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
		  }
		  @media (width >= 64rem) {
			.lg\:static { position: static; }
			.lg\:order-1 { order: 1; }
			.lg\:order-2 { order: 2; }
			.lg\:col-span-1 { grid-column: span 1 / span 1; }
			.lg\:mx-0 { margin-inline: 0px; }
			.lg\:mb-4 { margin-bottom: calc(var(--spacing) * 4); }
			.lg\:mb-20 { margin-bottom: calc(var(--spacing) * 20); }
			.lg\:block { display: block; }
			.lg\:flex { display: flex; }
			.lg\:hidden { display: none; }
			.lg\:h-20 { height: calc(var(--spacing) * 20); }
			.lg\:w-auto { width: auto; }
			.lg\:max-w-lg { max-width: var(--container-lg); }
			.lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
			.lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
			.lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
			.lg\:justify-end { justify-content: flex-end; }
			.lg\:justify-start { justify-content: flex-start; }
			.lg\:gap-8 { gap: calc(var(--spacing) * 8); }
			.lg\:gap-10 { gap: calc(var(--spacing) * 10); }
			.lg\:gap-12 { gap: calc(var(--spacing) * 12); }
			.lg\:gap-16 { gap: calc(var(--spacing) * 16); }
			.lg\:border-t-0 { border-top-style: var(--tw-border-style); border-top-width: 0px; }
			.lg\:px-8 { padding-inline: calc(var(--spacing) * 8); }
			.lg\:py-28 { padding-block: calc(var(--spacing) * 28); }
			.lg\:pt-0 { padding-top: 0px; }
			.lg\:pt-32 { padding-top: calc(var(--spacing) * 32); }
			.lg\:pb-24 { padding-bottom: calc(var(--spacing) * 24); }
			.lg\:text-left { text-align: left; }
			.lg\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); }
			.lg\:text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); }
		  }
		}
		@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; }
		@property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
		@property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }
		@property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }
		@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-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-blur { syntax: "*"; inherits: false; }
		@property --tw-brightness { syntax: "*"; inherits: false; }
		@property --tw-contrast { syntax: "*"; inherits: false; }
		@property --tw-grayscale { syntax: "*"; inherits: false; }
		@property --tw-hue-rotate { syntax: "*"; inherits: false; }
		@property --tw-invert { syntax: "*"; inherits: false; }
		@property --tw-opacity { syntax: "*"; inherits: false; }
		@property --tw-saturate { syntax: "*"; inherits: false; }
		@property --tw-sepia { syntax: "*"; inherits: false; }
		@property --tw-drop-shadow { syntax: "*"; inherits: false; }
		@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
		@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
		@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
		@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-duration { syntax: "*"; inherits: false; }
		@keyframes pulse { 50% { opacity: 0.5; } }
		@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-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0;
			  --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1;
			  --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-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-blur: initial; --tw-brightness: initial; --tw-contrast: initial;
			  --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial;
			  --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial;
			  --tw-drop-shadow: initial; --tw-drop-shadow-color: initial;
			  --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial;
			  --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-duration: initial;
			}
		  }
		}
		@media(max-width:480px){
			.cookie-full-text{display:none}
}
		/* Подключение локального шрифта Inter */
		@font-face {
			font-family: "Inter";
			font-style: normal;
			font-weight: 400;
			font-display: swap;
			src: url("/wp-content/themes/hello-elementor/fonts/Inter-Regular.woff2") format("woff2");
		}
		
		@font-face {
			font-family: "Inter";
			font-style: normal;
			font-weight: 700;
			font-display: swap;
			src: url("/wp-content/themes/hello-elementor/fonts/Inter-Bold.woff2") format("woff2");
		}
		
		/* @font-face {
			font-family: "Inter";
			font-style: italic;
			font-weight: 400;
			font-display: swap;
			src: url("/wp-content/themes/hello-elementor/fonts/Inter-Italic.woff2") format("woff2");
		} */
				
		/* Применяем шрифт */
		body {
			font-family: "Inter", system-ui, -apple-system, sans-serif;
		}
        * { scroll-behavior: smooth; }
       
        :root {
            --bg-primary: #ffffff;
            --bg-secondary: #fdfaf6;
            --bg-tertiary: #f5f5f5;
            --bg-card: #ffffff;
            --bg-card-hover: #fefcf9;
            --text-primary: #1a1a1a;
            --text-secondary: #666666;
            --text-tertiary: #999999;
            --border-color: #e8e4df;
            --border-light: #f0ece7;
            --header-bg: rgba(255, 255, 255, 0.92);
            --shadow-sm: rgba(255, 145, 77, 0.06);
            --shadow-md: rgba(255, 145, 77, 0.1);
            --shadow-lg: rgba(255, 145, 77, 0.15);
            --blob-1: rgba(255, 189, 89, 0.1);
            --blob-2: rgba(255, 145, 77, 0.08);
            --blob-3: rgba(92, 225, 230, 0.06);
            --step-line-start: #FF914D;
            --step-line-end: #5CE1E6;
            --icon-bg: rgba(255, 145, 77, 0.1);
            --icon-bg-alt: rgba(92, 225, 230, 0.1);
            --icon-bg-alt2: rgba(255, 189, 89, 0.1);
            --usecase-bg: linear-gradient(135deg, rgba(255, 145, 77, 0.05) 0%, rgba(255, 189, 89, 0.03) 100%);
            --usecase-border: rgba(255, 145, 77, 0.12);
            --btn-primary-start: #FF914D;
            --btn-primary-end: #FFBD59;
            --btn-primary-hover-start: #e87a35;
            --btn-primary-hover-end: #f0a840;
            --btn-secondary-border: #FF914D;
            --btn-secondary-text: #FF914D;
            --btn-secondary-hover-bg: #FF914D;
            --btn-secondary-hover-text: #ffffff;
            --badge-bg: #fdf6ec;
            --badge-text: #e87a35;
            --badge-dot: #FF914D;
            --cta-bg-start: #FF914D;
            --cta-bg-mid: #FFBD59;
            --cta-bg-end: #5CE1E6;
            --cta-bg-start-hover: #e87a35;
            --cta-bg-mid-hover: #f0a840;
            --cta-bg-end-hover: #4dc9d0;
            --footer-bg: #0f172a;
            --footer-text: #94a3b8;
            --footer-border: #1e293b;
            --section-divider: #e8e4df;
            --hero-deco-1: rgba(255, 189, 89, 0.15);
            --hero-deco-2: rgba(92, 225, 230, 0.1);
            --market-bg: rgba(255, 255, 255, 0.12);
            --market-hover: rgba(255, 255, 255, 0.2);
        }

        .dark {
            --bg-primary: #0d0d0f;
            --bg-secondary: #121215;
            --bg-tertiary: #1a1a1e;
            --bg-card: #161619;
            --bg-card-hover: #1e1e22;
            --text-primary: #f0f0f0;
            --text-secondary: #a0a0a5;
            --text-tertiary: #707075;
            --border-color: #2a2a2e;
            --border-light: #222226;
            --header-bg: rgba(13, 13, 15, 0.92);
            --shadow-sm: rgba(255, 145, 77, 0.1);
            --shadow-md: rgba(255, 145, 77, 0.15);
            --shadow-lg: rgba(255, 145, 77, 0.2);
            --blob-1: rgba(255, 189, 89, 0.15);
            --blob-2: rgba(255, 145, 77, 0.12);
            --blob-3: rgba(92, 225, 230, 0.1);
            --step-line-start: #FFBD59;
            --step-line-end: #5CE1E6;
            --icon-bg: rgba(255, 145, 77, 0.12);
            --icon-bg-alt: rgba(92, 225, 230, 0.12);
            --icon-bg-alt2: rgba(255, 189, 89, 0.12);
            --usecase-bg: linear-gradient(135deg, rgba(255, 145, 77, 0.08) 0%, rgba(255, 189, 89, 0.05) 100%);
            --usecase-border: rgba(255, 145, 77, 0.18);
            --btn-primary-start: #FF914D;
            --btn-primary-end: #FFBD59;
            --btn-primary-hover-start: #e87a35;
            --btn-primary-hover-end: #f0a840;
            --btn-secondary-border: #FFBD59;
            --btn-secondary-text: #FFBD59;
            --btn-secondary-hover-bg: #FFBD59;
            --btn-secondary-hover-text: #0d0d0f;
            --badge-bg: rgba(255, 145, 77, 0.1);
            --badge-text: #FFBD59;
            --badge-dot: #FF914D;
            --cta-bg-start: #FF914D;
            --cta-bg-mid: #FFBD59;
            --cta-bg-end: #5CE1E6;
            --cta-bg-start-hover: #e87a35;
            --cta-bg-mid-hover: #f0a840;
            --cta-bg-end-hover: #4dc9d0;
            --footer-bg: #080809;
            --footer-text: #71717a;
            --footer-border: #18181b;
            --section-divider: #2a2a2e;
            --hero-deco-1: rgba(255, 189, 89, 0.08);
            --hero-deco-2: rgba(92, 225, 230, 0.06);
            --market-bg: rgba(255, 255, 255, 0.08);
            --market-hover: rgba(255, 255, 255, 0.15);
        }

        .theme-transition { transition: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease; }
        .btn-primary { background: linear-gradient(135deg, var(--btn-primary-start), var(--btn-primary-end)); transition: all 0.3s ease; }
        .btn-primary:hover { background: linear-gradient(135deg, var(--btn-primary-hover-start), var(--btn-primary-hover-end)); transform: translateY(-2px); box-shadow: 0 10px 30px -5px var(--shadow-lg); }
        .btn-secondary { border: 2px solid var(--btn-secondary-border); color: var(--btn-secondary-text); transition: all 0.3s ease; }
        .btn-secondary:hover { background: var(--btn-secondary-hover-bg); color: var(--btn-secondary-hover-text); transform: translateY(-2px); }
        .card-hover { transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
        .card-hover:hover { transform: translateY(-8px); box-shadow: 0 25px 50px -12px var(--shadow-lg); }
        .usecase-card { background: var(--usecase-bg); border-color: var(--usecase-border); transition: all 0.3s ease; }
        .usecase-card:hover { background: linear-gradient(135deg, rgba(255, 145, 77, 0.1) 0%, rgba(255, 189, 89, 0.07) 100%); transform: translateY(-4px); }
        .step-line { background: linear-gradient(90deg, var(--step-line-start), var(--step-line-end)); }
        .mobile-menu { transform: translateX(100%); transition: transform 0.3s ease; }
        .mobile-menu.open { transform: translateX(0); }
        .scroll-indicator { animation: bounce 2s infinite; }
        @keyframes bounce { 0%,20%,50%,80%,100%{transform:translateY(0)} 40%{transform:translateY(-10px)} 60%{transform:translateY(-5px)} }
        #cursor-blob-1,#cursor-blob-2,#cursor-blob-3 { position:fixed;border-radius:50%;pointer-events:none;z-index:0;will-change:transform; }
        #cursor-blob-1 { width:600px;height:600px;background:radial-gradient(circle,var(--blob-1) 0%,transparent 70%); }
        #cursor-blob-2 { width:400px;height:400px;background:radial-gradient(circle,var(--blob-2) 0%,transparent 70%); }
        #cursor-blob-3 { width:300px;height:300px;background:radial-gradient(circle,var(--blob-3) 0%,transparent 70%); }
        @media(max-width:768px){#cursor-blob-1{width:350px;height:350px}#cursor-blob-2{width:250px;height:250px}#cursor-blob-3{width:200px;height:200px}}
        @keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}
        @keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
        @keyframes float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-20px)}}
        @keyframes pulseSoft{0%,100%{opacity:1}50%{opacity:0.7}}
        .animate-fade-in-up{animation:fadeInUp 0.8s ease-out forwards}
        .animate-fade-in{animation:fadeIn 1s ease-out forwards}
        .animate-float{animation:float 6s ease-in-out infinite}
        .animate-pulse-soft{animation:pulseSoft 3s ease-in-out infinite}
        @media(max-width:380px){h1{font-size:1.75rem!important}h2{font-size:1.5rem!important}.hero-paragraph{font-size:1rem!important}}
        @supports(padding-top:env(safe-area-inset-top)){header{padding-top:env(safe-area-inset-top)}}
        html,body{overflow-x:hidden}
        body{background-color:var(--bg-primary);color:var(--text-primary)}
        .bg-primary-custom{background-color:var(--bg-primary)}.bg-secondary-custom{background-color:var(--bg-secondary)}.bg-tertiary-custom{background-color:var(--bg-tertiary)}
        .bg-card-custom{background-color:var(--bg-card);border-color:var(--border-color)}
        .bg-card-hover-custom{background-color:var(--bg-card-hover)}
        .text-primary-custom{color:var(--text-primary)}.text-secondary-custom{color:var(--text-secondary)}.text-tertiary-custom{color:var(--text-tertiary)}
        .border-custom{border-color:var(--border-color)}.border-light-custom{border-color:var(--border-light)}
        .header-bg-custom{background-color:var(--header-bg)}
        .footer-bg-custom{background-color:var(--footer-bg)}.footer-border-custom{border-color:var(--footer-border)}.footer-text-custom{color:var(--footer-text)}
        .badge-custom{background-color:var(--badge-bg);color:var(--badge-text)}
        .badge-dot-custom{background-color:var(--badge-dot)}
        .design-note-custom{background-color:var(--bg-card);border-color:var(--border-color)}
        .design-note-text-custom{color:var(--text-secondary)}
        .trust-text-custom{color:var(--text-secondary)}
        .section-divider-custom{background:linear-gradient(to right,transparent,var(--section-divider),transparent)}
        .mobile-menu-bg-custom{background-color:var(--bg-primary)}
        .mobile-menu-text-custom{color:var(--text-primary)}.mobile-menu-nav-custom{color:var(--text-secondary)}.mobile-menu-nav-custom:hover{color:#FF914D}
        .mobile-menu-border-custom{border-color:var(--border-color)}
        .overlay-custom{background-color:rgba(0,0,0,0.5)}
        .hero-deco-1{background-color:var(--hero-deco-1)}.hero-deco-2{background-color:var(--hero-deco-2)}
        .icon-stroke-orange{stroke:#FF914D}.icon-stroke-teal{stroke:#5CE1E6}.icon-stroke-yellow{stroke:#FFBD59}
        .bg-icon-orange{background:var(--icon-bg)}.bg-icon-teal{background:var(--icon-bg-alt)}.bg-icon-yellow{background:var(--icon-bg-alt2)}
        .logo-img{height:36px;width:auto}@media(min-width:1024px){.logo-img{height:40px}}
        .logo-img{filter:none;transition:none}
        .accent-gradient-text{background:linear-gradient(135deg,#FF914D,#FFBD59,#5CE1E6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
        #themeToggle,#themeToggleMobile{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);cursor:pointer;transition:all 0.3s ease}
        #themeToggle:hover,#themeToggleMobile:hover{background:var(--bg-card-hover);border-color:#FF914D}
        #themeToggle svg,#themeToggleMobile svg{width:20px;height:20px;color:var(--text-primary)}
        .mobile-menu-theme-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);cursor:pointer;transition:all 0.3s ease}
        .mobile-menu-theme-icon:hover{background:var(--bg-card-hover);border-color:#FF914D}
        .mobile-menu-theme-icon svg{width:20px;height:20px;color:var(--text-primary)}
        .market-btn{background:var(--market-bg);color:white;transition:all 0.3s ease}
        .market-btn:hover{background:var(--market-hover);transform:translateY(-2px)}
        .cookie-notification{position:fixed;bottom:20px;left:20px;right:20px;max-width:400px;background:var(--bg-card);border:1px solid var(--border-color);box-shadow:0 10px 30px rgba(0,0,0,0.15);border-radius:16px;padding:16px;z-index:1000;display:none;align-items:center;gap:12px}
        .cookie-notification:not(.hidden){display:flex}
        .cookie-notification__body p{font-size:13px;line-height:1.4;color:var(--text-secondary);margin:0}
        .cookie-notification__body a{color:#FF914D;text-decoration:underline}
        .cookie-notification__button{background:linear-gradient(135deg,#FF914D,#FFBD59);color:white;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:transform 0.2s,box-shadow 0.2s}
        .cookie-notification__button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,145,77,0.3)}
        
		@media(max-width:480px){.cookie-notification{bottom:8px;left:8px;right:8px;max-width:none;padding:8px 10px;gap:6px}.cookie-notification__body p{font-size:11px;line-height:1.3;margin:0}.cookie-notification__button{padding:6px 10px;font-size:11px;white-space:nowrap}}

        /* ========================================
           КАСТОМНЫЕ ЦВЕТА TAILWIND (добавлено)
           ======================================== */
        .bg-accent-yellow { background-color: #FFBD59; }
        .bg-accent-orange { background-color: #FF914D; }
        .bg-accent-teal { background-color: #5CE1E6; }
        .text-accent-yellow { color: #FFBD59; }
        .text-accent-orange { color: #FF914D; }
        .text-accent-teal { color: #5CE1E6; }
        .border-accent-yellow { border-color: #FFBD59; }
        .border-accent-orange { border-color: #FF914D; }
        .border-accent-teal { border-color: #5CE1E6; }
        .hover\:bg-accent-yellow:hover { background-color: #FFBD59; }
        .hover\:bg-accent-orange:hover { background-color: #FF914D; }
        .hover\:bg-accent-teal:hover { background-color: #5CE1E6; }
        .hover\:text-accent-yellow:hover { color: #FFBD59; }
        .hover\:text-accent-orange:hover { color: #FF914D; }
        .hover\:text-accent-teal:hover { color: #5CE1E6; }
        .from-accent-orange { --tw-gradient-from: #FF914D; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 145, 77, 0)); }
        .to-accent-yellow { --tw-gradient-to: #FFBD59; }
        .to-accent-teal { --tw-gradient-to: #5CE1E6; }