:root{--color-primary-25: #F4FBFF;--color-primary-50: #E4F2FF;--color-primary-100: #C2E0FF;--color-primary-200: #8CC3FF;--color-primary-300: #4A9EFF;--color-primary-400: #177BFF;--color-primary-500: #0A63E0;--color-primary-600: #0849AE;--color-primary-700: #06347F;--color-primary-800: #042452;--color-primary-900: #031835;--color-secondary-50: #FDF8F3;--color-secondary-100: #FAE8D5;--color-secondary-200: #F4C89D;--color-secondary-300: #EFA46A;--color-secondary-400: #E47B3A;--color-secondary-500: #CE5A1A;--color-secondary-600: #A54411;--color-secondary-700: #7A310C;--color-secondary-800: #552108;--color-secondary-900: #371505;--color-neutral-25: #FFFFFF;--color-neutral-50: #FAFBFB;--color-neutral-100: #F5F5F5;--color-neutral-200: #E5E5E5;--color-neutral-300: #CFCFCF;--color-neutral-400: #999999;--color-neutral-500: #5F6063;--color-neutral-600: #505050;--color-neutral-700: #29292A;--color-neutral-800: #1E1E1E;--color-neutral-900: #050505;--color-success-50: #EDFDF4;--color-success-100: #CFF8DF;--color-success-200: #9FEFBE;--color-success-300: #64E29B;--color-success-400: #2FCE7D;--color-success-500: #15B166;--color-success-600: #0E8C50;--color-success-700: #0A6940;--color-success-800: #06452B;--color-success-900: #04261B;--color-warning-50: #FFF9EB;--color-warning-100: #FFEFC2;--color-warning-200: #FFE094;--color-warning-300: #FFC758;--color-warning-400: #FFA927;--color-warning-500: #F08B05;--color-warning-600: #C86C03;--color-warning-700: #9F5102;--color-warning-800: #703701;--color-warning-900: #4B2401;--color-danger-50: #FFF2F1;--color-danger-100: #FFE1DE;--color-danger-200: #FFC2BC;--color-danger-300: #FF938B;--color-danger-400: #FF5F55;--color-danger-500: #F53023;--color-danger-600: #CC1D13;--color-danger-700: #9F140C;--color-danger-800: #760E08;--color-danger-900: #520905;--color-brand-primary: #51728A;--color-brand-accent: #B44653;--color-brand-success: #3D8A61;--color-brand-primary-rgb: 81 114 138;--color-brand-accent-rgb: 180 70 83;--color-brand-success-rgb: 61 138 97;--color-brand-ink: #1E1E1E;--color-brand-ink-strong: #050505;--color-brand-ink-muted: #5F6063;--color-brand-ink-soft: #505050;--color-brand-ink-alt: #29292A;--color-brand-ink-subtle: #666666;--color-brand-ink-quiet: #999999;--color-brand-border: #E5E5E5;--color-brand-surface: #FFFFFF;--color-brand-surface-muted: #FAFBFB;--color-brand-surface-alt: #F5F5F5;--color-code-bg: #323232;--color-code-panel: #3C3F41;--color-code-border: #2B2B2B;--color-code-text: #D4D4D4;--color-code-muted: #858585;--font-family-base: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-15: 15px;--space-20: 80px;--space-44: 44px;--space-50: 50px;--radius-none: 0px;--radius-sm: 2px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 24px;--radius-full: 999px;--shadow-none: none;--shadow-sm: 0 1px 2px rgba(10, 15, 34, .08);--shadow-md: 0 4px 12px rgba(10, 15, 34, .12);--shadow-lg: 0 12px 32px rgba(10, 15, 34, .18);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25)}html[data-theme=light]{--color-background-base: #F0F1F3;--color-background-raised: #FAFAFA;--color-text-primary: #1E1E1E;--color-text-secondary: #505050;--color-text-muted: #5F6063;--color-text-inverse: #FFFFFF;--bg-brand: #51728A;--bg-brand-rgb: 81 114 138;--bg-accent: #B44653;--bg-accent-rgb: 180 70 83;--bg-success: #3D8A61;--bg-warning: #F08B05;--bg-danger: #F53023;--bg-info: #0A63E0;--bg-surface: #FAFAFA;--bg-surface-rgb: 250 250 250;--bg-surface-muted: #E8E8EC;--bg-surface-muted-rgb: 232 232 236;--bg-surface-alt: #DCDCE1;--bg-surface-alt-rgb: 220 220 225;--bg-strong: #F0F1F3;--bg-strong-rgb: 240 241 243;--text-strong: #18181B;--text-primary: #1E1E1E;--text-secondary: #505050;--text-muted: #5F6063;--text-subtle: #666666;--text-quiet: #999999;--text-inverse: #FFFFFF;--text-accent: #B44653;--text-success: #3D8A61;--text-warning: #F08B05;--text-danger: #F53023;--text-info: #0A63E0;--accent-interactive: #D97706;--accent-interactive-hover: #B45309;--border-default: #E5E5E5;--border-muted: #CFCFCF;--border-strong: #29292A;--border-inverse: #FFFFFF;--border-brand: #51728A;--border-accent: #B44653;--border-success: #3D8A61;--border-warning: #F08B05;--border-danger: #F53023;--border-info: #0A63E0;--status-success: #3D8A61;--status-warning: #F08B05;--status-danger: #F53023;--status-info: #0A63E0;--status-success-rgb: 61 138 97;--status-warning-rgb: 240 139 5;--status-danger-rgb: 245 48 35;--status-info-rgb: 10 99 224;--app-background-grid-line: rgba(200, 200, 208, .34);--app-background-grid-opacity: .28;--shadow-sm: 0 1px 2px rgba(10, 15, 34, .08);--shadow-md: 0 4px 12px rgba(10, 15, 34, .12);--shadow-lg: 0 12px 32px rgba(10, 15, 34, .18);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25)}html[data-theme=dark]{--color-background-base: #09090B;--color-background-raised: #18181B;--color-text-primary: #FAFAFA;--color-text-secondary: #D4D4D8;--color-text-muted: #A1A1AA;--color-text-inverse: #09090B;--bg-brand: #F59E0B;--bg-brand-rgb: 245 158 11;--bg-accent: #F97316;--bg-accent-rgb: 249 115 22;--bg-success: #22C55E;--bg-warning: #F59E0B;--bg-danger: #EF4444;--bg-info: #3B82F6;--bg-surface: #18181B;--bg-surface-rgb: 24 24 27;--bg-surface-muted: #27272A;--bg-surface-muted-rgb: 39 39 42;--bg-surface-alt: #3F3F46;--bg-surface-alt-rgb: 63 63 70;--bg-strong: #09090B;--bg-strong-rgb: 9 9 11;--text-strong: #FFFFFF;--text-primary: #FAFAFA;--text-secondary: #D4D4D8;--text-muted: #A1A1AA;--text-subtle: #71717A;--text-quiet: #52525B;--text-inverse: #09090B;--text-accent: #FBBF24;--text-success: #4ADE80;--text-warning: #F59E0B;--text-danger: #F87171;--text-info: #60A5FA;--accent-interactive: #FBBF24;--accent-interactive-hover: #F59E0B;--border-default: rgba(255, 255, 255, .1);--border-muted: rgba(255, 255, 255, .14);--border-strong: rgba(251, 191, 36, .28);--border-inverse: #FFFFFF;--border-brand: #F59E0B;--border-accent: #F97316;--border-success: #22C55E;--border-warning: #F59E0B;--border-danger: #EF4444;--border-info: #3B82F6;--status-success: #22C55E;--status-warning: #F59E0B;--status-danger: #EF4444;--status-info: #3B82F6;--status-success-rgb: 34 197 94;--status-warning-rgb: 245 158 11;--status-danger-rgb: 239 68 68;--status-info-rgb: 59 130 246;--app-background-grid-line: rgba(161, 161, 170, .14);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);--shadow-md: 0 8px 24px rgba(0, 0, 0, .28);--shadow-lg: 0 18px 44px rgba(0, 0, 0, .35);--shadow-2xl: 0 30px 80px rgba(0, 0, 0, .45)}.app-background-motif{position:absolute;inset:0;z-index:1;pointer-events:none;background-repeat:repeat}.app-background-motif--code{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='400' viewBox='0 0 520 400'%3E%3Ctext x='48' y='56' fill='rgba(161%2C161%2C170%2C0.26)' font-family='ui-monospace%2C monospace' font-size='12'%3E// OrderService.php%3C/text%3E%3Ctext x='48' y='78' fill='rgba(161%2C161%2C170%2C0.22)' font-family='ui-monospace%2C monospace' font-size='12'%3Eclass OrderService%3C/text%3E%3Ctext x='64' y='100' fill='rgba(161%2C161%2C170%2C0.2)' font-family='ui-monospace%2C monospace' font-size='12'%3E{%3C/text%3E%3Ctext x='80' y='122' fill='rgba(161%2C161%2C170%2C0.24)' font-family='ui-monospace%2C monospace' font-size='12'%3Epublic function ship()%3C/text%3E%3Ctext x='64' y='144' fill='rgba(161%2C161%2C170%2C0.2)' font-family='ui-monospace%2C monospace' font-size='12'%3E}%3C/text%3E%3Ctext x='280' y='210' fill='rgba(161%2C161%2C170%2C0.24)' font-family='ui-monospace%2C monospace' font-size='12'%3Eexport const api%3C/text%3E%3Ctext x='296' y='232' fill='rgba(161%2C161%2C170%2C0.2)' font-family='ui-monospace%2C monospace' font-size='12'%3E= createClient()%3C/text%3E%3Ctext x='48' y='290' fill='rgba(161%2C161%2C170%2C0.22)' font-family='ui-monospace%2C monospace' font-size='12'%3E// validate → persist%3C/text%3E%3Ctext x='300' y='330' fill='rgba(161%2C161%2C170%2C0.2)' font-family='ui-monospace%2C monospace' font-size='12'%3Ereturn response%3C/text%3E%3C/svg%3E");background-size:520px 400px}.app-background-motif--layers{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='480' viewBox='0 0 480 480'%3E%3Crect x='40' y='56' width='136' height='52' rx='14' fill='none' stroke='rgba(161%2C161%2C170%2C0.12)' stroke-width='1'/%3E%3Ctext x='56' y='88' fill='rgba(161%2C161%2C170%2C0.1)' font-family='system-ui%2C sans-serif' font-size='11'%3EИнтерфейс%3C/text%3E%3Crect x='40' y='132' width='136' height='44' rx='14' fill='none' stroke='rgba(161%2C161%2C170%2C0.1)' stroke-width='1'/%3E%3Ctext x='56' y='160' fill='rgba(161%2C161%2C170%2C0.09)' font-family='system-ui%2C sans-serif' font-size='11'%3EAPI%3C/text%3E%3Crect x='40' y='200' width='136' height='44' rx='14' fill='none' stroke='rgba(161%2C161%2C170%2C0.1)' stroke-width='1'/%3E%3Ctext x='56' y='228' fill='rgba(161%2C161%2C170%2C0.09)' font-family='system-ui%2C sans-serif' font-size='11'%3EСервер%3C/text%3E%3Cpath d='M108 108v24' stroke='rgba(34%2C197%2C94%2C0.12)' stroke-width='1' marker-end='url(%23a)'/%3E%3Cpath d='M108 176v24' stroke='rgba(34%2C197%2C94%2C0.12)' stroke-width='1'/%3E%3Crect x='280' y='300' width='160' height='36' rx='10' fill='rgba(34%2C197%2C94%2C0.04)' stroke='rgba(34%2C197%2C94%2C0.1)' stroke-width='1'/%3E%3Ctext x='296' y='322' fill='rgba(161%2C161%2C170%2C0.09)' font-family='system-ui%2C sans-serif' font-size='10'%3EОбщая база%3C/text%3E%3C/svg%3E");background-size:480px 480px}.app-background-motif--flow{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='420' viewBox='0 0 500 420'%3E%3Ccircle cx='80' cy='80' r='6' fill='none' stroke='rgba(161%2C161%2C170%2C0.14)' stroke-width='1'/%3E%3Ccircle cx='200' cy='80' r='6' fill='none' stroke='rgba(161%2C161%2C170%2C0.12)' stroke-width='1'/%3E%3Ccircle cx='320' cy='80' r='6' fill='none' stroke='rgba(245%2C158%2C11%2C0.14)' stroke-width='1'/%3E%3Cpath d='M86 80h108' stroke='rgba(161%2C161%2C170%2C0.1)' stroke-width='1'/%3E%3Cpath d='M206 80h108' stroke='rgba(161%2C161%2C170%2C0.1)' stroke-width='1'/%3E%3Cpath d='M80 86v120' stroke='rgba(161%2C161%2C170%2C0.08)' stroke-width='1' stroke-dasharray='4 6'/%3E%3Cpath d='M320 86v120' stroke='rgba(161%2C161%2C170%2C0.08)' stroke-width='1' stroke-dasharray='4 6'/%3E%3Crect x='48' y='220' width='100' height='40' rx='10' fill='none' stroke='rgba(161%2C161%2C170%2C0.1)' stroke-width='1'/%3E%3Crect x='200' y='220' width='100' height='40' rx='10' fill='none' stroke='rgba(161%2C161%2C170%2C0.09)' stroke-width='1'/%3E%3Crect x='352' y='220' width='100' height='40' rx='10' fill='none' stroke='rgba(161%2C161%2C170%2C0.09)' stroke-width='1'/%3E%3Ctext x='64' y='320' fill='rgba(161%2C161%2C170%2C0.08)' font-family='system-ui%2C sans-serif' font-size='10'%3Eидея → запуск → рост%3C/text%3E%3C/svg%3E");background-size:500px 420px}:root{--font-family-base: "Manrope", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--learning-accent: var(--status-success);--learning-accent-hover: var(--text-success);--surface-warning: color-mix(in srgb, var(--status-warning) 14%, var(--bg-surface));--surface-success: color-mix(in srgb, var(--status-success) 12%, var(--bg-surface));--surface-danger: color-mix(in srgb, var(--status-danger) 12%, var(--bg-surface));--surface-info: color-mix(in srgb, var(--status-info) 12%, var(--bg-surface));--surface-learning-tag: color-mix(in srgb, var(--status-success) 10%, var(--bg-surface-muted));--surface-cta: var(--surface-learning-tag);--border-cta: color-mix(in srgb, var(--status-success) 25%, var(--border-default));--border-cta-muted: color-mix(in srgb, var(--status-success) 18%, var(--border-default));--text-on-accent: var(--text-inverse);--app-background-grid-size: 5rem;--app-background-grid-opacity: .4;--app-background-grid: linear-gradient(to right, var(--app-background-grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--app-background-grid-line) 1px, transparent 1px);--home-contact-radial: radial-gradient(circle at top right, color-mix(in srgb, var(--surface-cta) 85%, transparent), transparent 28%), radial-gradient(circle at bottom left, color-mix(in srgb, var(--bg-surface-muted) 88%, transparent), transparent 34%);--home-services-radial: radial-gradient(circle at top left, color-mix(in srgb, var(--bg-surface-muted) 88%, transparent), transparent 30%), radial-gradient(circle at bottom right, color-mix(in srgb, var(--surface-cta) 82%, transparent), transparent 34%);--home-grid-lines-soft: linear-gradient(to right, color-mix(in srgb, var(--bg-surface-muted) 50%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--bg-surface-muted) 50%, transparent) 1px, transparent 1px);--home-grid-lines-faint: linear-gradient(to right, color-mix(in srgb, var(--bg-surface-muted) 42%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--bg-surface-muted) 42%, transparent) 1px, transparent 1px);--home-image-fade: linear-gradient(to top, var(--bg-surface), color-mix(in srgb, var(--bg-surface) 15%, transparent), transparent);--surface-overlay-strong: color-mix(in srgb, var(--bg-surface) 90%, transparent);--border-overlay-strong: color-mix(in srgb, var(--bg-surface) 80%, transparent);--home-divider: linear-gradient(to right, transparent, var(--bg-surface-muted), transparent);--home-cta-panel-bg: radial-gradient(circle at top left, color-mix(in srgb, var(--surface-cta) 95%, transparent), transparent 44%), radial-gradient(circle at bottom left, color-mix(in srgb, var(--bg-surface-muted) 92%, transparent), transparent 38%), linear-gradient(135deg, var(--bg-surface), var(--bg-surface-muted));--home-mockup-bg: radial-gradient(circle at 25% 25%, color-mix(in srgb, var(--surface-cta) 85%, transparent), transparent 22%), radial-gradient(circle at 72% 28%, color-mix(in srgb, var(--bg-surface-alt) 65%, transparent), transparent 24%), linear-gradient(160deg, var(--bg-surface), var(--bg-surface-muted));--home-banner-glow: radial-gradient(circle at top left, color-mix(in srgb, var(--surface-cta) 95%, transparent), transparent 45%), radial-gradient(circle at bottom right, color-mix(in srgb, var(--bg-surface-alt) 65%, transparent), transparent 42%);--home-accent-glow: color-mix(in srgb, var(--learning-accent) 30%, transparent);--border-muted-soft: color-mix(in srgb, var(--bg-surface-muted) 80%, transparent);--header-surface: color-mix(in srgb, var(--bg-surface-muted) 52%, transparent);--header-surface-solid: color-mix(in srgb, var(--bg-surface) 72%, transparent);--header-border: color-mix(in srgb, var(--border-default) 40%, transparent);--header-shadow: 0 8px 32px color-mix(in srgb, var(--bg-strong) 28%, transparent);--shadow-brand-soft: 0 30px 80px color-mix(in srgb, var(--learning-accent) 10%, transparent);--prose-muted: var(--text-secondary);--prose-strong: var(--text-strong);--prose-code-bg: var(--bg-surface-muted);--prose-code-on-dark: var(--text-primary);--prose-pre-bg-dark: var(--bg-strong);--tracking-eyebrow: .12em;--tracking-eyebrow-wide: .18em;--tracking-caps: .05em;--tracking-ui: .1em;--tracking-display: -.025em;--tracking-heading: -.02em;--leading-display: .97;--leading-title: 1.1;--leading-snug: 1.2;--leading-body: 1.55;--leading-prose: 1.5}html[data-theme=light]{color-scheme:light;--header-shadow: 0 8px 28px rgba(10, 15, 34, .08)}html[data-theme=dark]{color-scheme:dark;--header-shadow: 0 8px 32px rgba(0, 0, 0, .28)}body{min-height:100vh;font-family:var(--font-family-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-strong)}.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
