*,:after,:before{box-sizing:border-box}a,b,blockquote,body,canvas,caption,code,div,em,embed,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,label,li,main,nav,object,ol,p,pre,section,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none}footer,header,main,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:0}:root{--color-primary:#2563eb;--color-primary-light:#3b82f6;--color-primary-dark:#1d4ed8;--color-accent:#f97316;--color-accent-light:#fb923c;--color-accent-dark:#ea580c;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#10b981;--color-success-light:#34d399;--color-success-dark:#059669;--color-warning:#f59e0b;--color-warning-light:#fbbf24;--color-warning-dark:#d97706;--color-error:#ef4444;--color-error-light:#f87171;--color-error-dark:#dc2626;--color-white:#ffffff;--color-black:#000000;--color-background:var(--color-white);--color-background-primary:var(--color-white);--color-background-secondary:var(--color-gray-50);--color-background-disabled:var(--color-gray-100);--color-surface:var(--color-gray-50);--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-600);--color-text-disabled:var(--color-gray-400);--color-border:var(--color-gray-200);--color-border-primary:var(--color-gray-300);--color-border-secondary:var(--color-gray-200);--color-primary-alpha-20:rgba(37,99,235,0.2);--color-error-alpha-10:rgba(239,68,68,0.1);--color-error-alpha-20:rgba(239,68,68,0.2);--color-error-alpha-30:rgba(239,68,68,0.3);--font-family-sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-family-serif:Georgia,Cambria,"Times New Roman",Times,serif;--font-family-mono:"JetBrains Mono","Monaco","Cascadia Code","Segoe UI Mono","Courier New",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base: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;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--spacing-0:0;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-xs:var(--spacing-1);--spacing-sm:var(--spacing-2);--spacing-md:var(--spacing-4);--spacing-lg:var(--spacing-6);--spacing-xl:var(--spacing-8);--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--border-width-0:0;--border-width-1:1px;--border-width-2:2px;--border-width-4:4px;--border-radius-none:0;--border-radius-sm:0.125rem;--border-radius-base:0.25rem;--border-radius-md:0.375rem;--border-radius-lg:0.5rem;--border-radius-xl:0.75rem;--border-radius-2xl:1rem;--border-radius-full:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-base:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--shadow-2xl:0 25px 50px -12px rgb(0 0 0/0.25);--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal:1040;--z-index-popover:1050;--z-index-tooltip:1060;--z-index-toast:1100;--transition-fast:150ms ease-in-out;--transition-base:250ms ease-in-out;--transition-slow:350ms ease-in-out;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--header-height:80px;--header-height-scrolled:64px;--header-height-mobile:60px;--header-background:rgba(255,255,255,0.95);--header-background-solid:#ffffff;--header-border:rgba(229,231,235,0.8);--header-shadow:0 4px 6px -1px rgba(0,0,0,0.1);--header-text-outline:rgba(0,0,0,0.6);--header-text-outline-hover:rgba(0,0,0,0.8);--hero-overlay-start:rgba(0,0,0,0.5);--hero-overlay-end:rgba(30,30,30,0.6);--mobile-menu-background:rgba(255,255,255,0.98);--mobile-menu-overlay:rgba(0,0,0,0.5);--mobile-menu-width:280px;--mobile-menu-text:var(--color-gray-800);--mobile-menu-secondary-text:var(--color-gray-500);--mobile-menu-border:var(--color-gray-200);--mobile-menu-footer-background:var(--color-gray-50);--app-content-background:white;--app-content-border:var(--color-gray-200);--app-content-text:var(--color-gray-900);--app-content-secondary-text:var(--color-gray-600);--app-content-meta-background:var(--color-gray-100);--app-content-meta-text:var(--color-gray-600)}body.dark,html.dark{--color-primary:#3b82f6!important;--color-primary-light:#60a5fa!important;--color-primary-dark:#2563eb!important;--color-gray-50:#111827!important;--color-gray-100:#1f2937!important;--color-gray-200:#374151!important;--color-gray-300:#4b5563!important;--color-gray-400:#6b7280!important;--color-gray-500:#9ca3af!important;--color-gray-600:#d1d5db!important;--color-gray-700:#e5e7eb!important;--color-gray-800:#f3f4f6!important;--color-gray-900:#f9fafb!important;--color-background:var(--color-gray-50)!important;--color-background-primary:var(--color-gray-100)!important;--color-background-secondary:var(--color-gray-200)!important;--color-background-disabled:var(--color-gray-300);--color-surface:var(--color-gray-100);--color-text-primary:var(--color-gray-800)!important;--color-text-secondary:var(--color-gray-500)!important;--color-text-disabled:var(--color-gray-400)!important;--color-border:var(--color-gray-300)!important;--color-border-primary:var(--color-gray-400)!important;--color-border-secondary:var(--color-gray-300)!important;--color-primary-alpha-20:rgba(59,130,246,0.2)!important;--color-error-alpha-10:rgba(239,68,68,0.1)!important;--color-error-alpha-20:rgba(239,68,68,0.2)!important;--color-error-alpha-30:rgba(239,68,68,0.3)!important;--header-background:rgba(31,41,55,0.95)!important;--header-background-solid:#1f2937!important;--header-border:rgba(75,85,99,0.8)!important;--header-shadow:0 4px 6px -1px rgba(0,0,0,0.3)!important;--header-text-outline:rgba(255,255,255,0.6)!important;--header-text-outline-hover:rgba(255,255,255,0.8)!important;--hero-overlay-start:rgba(0,0,0,0.7)!important;--hero-overlay-end:rgba(10,10,10,0.8)!important;--mobile-menu-background:rgba(31,41,55,0.98)!important;--mobile-menu-overlay:rgba(0,0,0,0.7)!important;--mobile-menu-text:var(--color-gray-800)!important;--mobile-menu-secondary-text:var(--color-gray-500)!important;--mobile-menu-border:var(--color-gray-200)!important;--mobile-menu-footer-background:var(--color-gray-100)!important;--app-content-background:var(--color-gray-100)!important;--app-content-border:var(--color-gray-200)!important;--app-content-text:var(--color-gray-800)!important;--app-content-secondary-text:var(--color-gray-500)!important;--app-content-meta-background:var(--color-gray-200)!important;--app-content-meta-text:var(--color-gray-600)!important}.mochiy-pop-p-one-regular{font-family:Mochiy Pop P One,sans-serif;font-weight:400;font-style:normal}.inter-light{font-optical-sizing:auto;font-weight:300;font-style:normal}.inter-light,.inter-regular{font-family:Inter,sans-serif}.inter-regular{font-optical-sizing:auto;font-weight:400;font-style:normal}.inter-medium{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}.inter-semibold{font-optical-sizing:auto;font-weight:600;font-style:normal}.inter-bold,.inter-semibold{font-family:Inter,sans-serif}.inter-bold{font-optical-sizing:auto;font-weight:700;font-style:normal}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}:root{--duration-fast:150ms;--duration-normal:250ms;--duration-slow:350ms;--duration-slower:500ms;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--ease-smooth:cubic-bezier(0.25,0.46,0.45,0.94)}.transition-none{transition:none}.transition-all{transition:all var(--duration-normal) var(--ease-in-out)}.transition-colors{transition:color var(--duration-normal) var(--ease-in-out),background-color var(--duration-normal) var(--ease-in-out),border-color var(--duration-normal) var(--ease-in-out)}.transition-transform{transition:transform var(--duration-normal) var(--ease-in-out)}.transition-opacity{transition:opacity var(--duration-normal) var(--ease-in-out)}.transition-shadow{transition:box-shadow var(--duration-normal) var(--ease-in-out)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes wobble{0%{transform:translateX(0)}15%{transform:translateX(-25px) rotate(-5deg)}30%{transform:translateX(20px) rotate(3deg)}45%{transform:translateX(-15px) rotate(-3deg)}60%{transform:translateX(10px) rotate(2deg)}75%{transform:translateX(-5px) rotate(-1deg)}to{transform:translateX(0)}}@keyframes skeleton{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out)}.animate-fade-in-up{animation:fadeInUp var(--duration-normal) var(--ease-out)}.animate-fade-in-down{animation:fadeInDown var(--duration-normal) var(--ease-out)}.animate-fade-in-left{animation:fadeInLeft var(--duration-normal) var(--ease-out)}.animate-fade-in-right{animation:fadeInRight var(--duration-normal) var(--ease-out)}.animate-slide-in-up{animation:slideInUp var(--duration-normal) var(--ease-out)}.animate-slide-in-down{animation:slideInDown var(--duration-normal) var(--ease-out)}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--ease-out)}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-heartbeat{animation:heartbeat 1s var(--ease-in-out) infinite}.animate-wobble{animation:wobble 1s var(--ease-in-out)}.animate-skeleton{background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200px 100%;animation:skeleton 1.5s linear infinite}.hover-lift{transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hover-scale{transition:transform var(--duration-normal) var(--ease-out)}.hover-scale:hover{transform:scale(1.02)}.hover-glow{transition:box-shadow var(--duration-normal) var(--ease-out)}.hover-glow:hover{box-shadow:0 0 20px rgba(37,99,235,.3)}.hover-rotate{transition:transform var(--duration-normal) var(--ease-out)}.hover-rotate:hover{transform:rotate(5deg)}.focus-ring:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;transition:outline var(--duration-fast) var(--ease-out)}.loading-dots:after{content:"";animation:pulse 1.4s ease-in-out infinite both}.loading-spinner{display:inline-block;width:20px;height:20px;border-radius:50%;border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);animation:spin 1s ease-in-out infinite}.delay-75{animation-delay:75ms}.delay-100{animation-delay:.1s}.delay-150{animation-delay:.15s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-500{animation-delay:.5s}.delay-700{animation-delay:.7s}.delay-1000{animation-delay:1s}.duration-75{animation-duration:75ms}.duration-100{animation-duration:.1s}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.duration-500{animation-duration:.5s}.duration-700{animation-duration:.7s}.duration-1000{animation-duration:1s}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.animate-heartbeat,.animate-pulse,.animate-spin{animation:none!important}}.reveal{opacity:0;transform:translateY(20px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}.animate-in,.animate-out{transition:calc(var(--animations-enabled)*var(--duration-slow, .6s)) var(--ease-out,cubic-bezier(0,0,.2,1));animation-duration:calc(var(--animations-enabled)*.6s)}:root[style*="--animations-enabled: 0"] .animate-in,:root[style*="--animations-enabled: 0"] .animate-out{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}.animate-out{opacity:0}.animate-in{opacity:1}.animate-out.fadeIn{opacity:0}.animate-in.fadeIn{opacity:1}.animate-out.fadeInUp{opacity:0;transform:translateY(30px)}.animate-in.fadeInUp{opacity:1;transform:translateY(0)}.animate-out.fadeInDown{opacity:0;transform:translateY(-30px)}.animate-in.fadeInDown{opacity:1;transform:translateY(0)}.animate-out.fadeInLeft{opacity:0;transform:translateX(-30px)}.animate-in.fadeInLeft{opacity:1;transform:translateX(0)}.animate-out.fadeInRight{opacity:0;transform:translateX(30px)}.animate-in.fadeInRight{opacity:1;transform:translateX(0)}.animate-out.scaleIn{opacity:0;transform:scale(.9)}.animate-in.scaleIn{opacity:1;transform:scale(1)}.animate-out.slideInUp{transform:translateY(100%);opacity:0}.animate-in.slideInUp{transform:translateY(0);opacity:1}.animate-out.slideInDown{transform:translateY(-100%);opacity:0}.animate-in.slideInDown{transform:translateY(0);opacity:1}.animate-out.slideInLeft{transform:translateX(-100%);opacity:0}.animate-in.slideInLeft{transform:translateX(0);opacity:1}.animate-out.slideInRight{transform:translateX(100%);opacity:0}.animate-in.slideInRight{transform:translateX(0);opacity:1}.stagger-container .animate-in{animation-fill-mode:both}.stagger-item-0{animation-delay:0s}.stagger-item-1{animation-delay:.1s}.stagger-item-2{animation-delay:.2s}.stagger-item-3{animation-delay:.3s}.stagger-item-4{animation-delay:.4s}.stagger-item-5{animation-delay:.5s}.stagger-item-6{animation-delay:.6s}.stagger-item-7{animation-delay:.7s}.stagger-item-8{animation-delay:.8s}.stagger-item-9{animation-delay:.9s}@media(max-width:768px){.animate-out.fadeInDown,.animate-out.fadeInUp{transform:translateY(20px)}.animate-out.fadeInLeft,.animate-out.fadeInRight{transform:translateX(20px)}}@media(prefers-reduced-motion:reduce){.animate-in,.animate-out{transition:none!important;animation:none!important;transform:none!important;opacity:1!important}}.animate-in{will-change:transform,opacity}.animate-in.animation-complete{will-change:auto}.no-animation{transition:none!important;animation:none!important;transform:none!important;opacity:1!important}.force-animation{transition:opacity .6s ease,transform .6s ease!important}.debug-animation{border:2px dashed red;background:rgba(255,0,0,.1)}.debug-animation:before{content:attr(data-animation);position:absolute;top:-20px;left:0;background:red;color:#fff;padding:2px 6px;font-size:10px;z-index:9999}.styleDefault section:nth-child(2n){background:var(--color-surface)}.styleAlternating section:nth-child(odd){background:var(--color-background)}.styleAlternating section:nth-child(2n){background:var(--color-surface)}.styleAlternating section:nth-child(4n){background:var(--color-primary-bg)}.styleAlternating section:nth-child(4n+1){background:linear-gradient(90deg,var(--color-background) 0,var(--color-surface) 100%)}.styleTools section{position:relative}.styleTools section:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.1;background-attachment:fixed;background-repeat:repeat}.styleTools section:nth-child(odd):before{background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%232563eb' fill-opacity='0.4'%3E%3Cpath d='M10 10h8v8h-8zM30 15l5 5-5 5-5-5zM50 10h15v2h-15zM20 35h25v2h-25zM55 30l8 8-8 8v-5h-10v-6h10z'/%3E%3C/g%3E%3C/svg%3E");background-size:80px 80px}.styleTools section:nth-child(2n){background:var(--color-surface)}.styleTools section:nth-child(2n):before{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23f97316' fill-opacity='0.3'%3E%3Ccircle cx='15' cy='15' r='3'/%3E%3Crect x='25' y='10' width='15' height='3'/%3E%3Cpath d='M45 20l-8 8 2 2 8-8z'/%3E%3Crect x='10' y='35' width='20' height='2'/%3E%3C/g%3E%3C/svg%3E");background-size:60px 60px;opacity:.15}.styleCircuit section{position:relative}.styleCircuit section:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background-attachment:fixed}.styleCircuit section:nth-child(odd):before{background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%232563eb' stroke-width='1'%3E%3Cpath d='M20 20h60M20 50h20M60 50h20M40 30v40M50 10v20M70 70v20'/%3E%3Ccircle cx='40' cy='50' r='4' fill='%232563eb'/%3E%3Crect x='65' y='45' width='10' height='10' fill='%23f97316'/%3E%3C/g%3E%3C/svg%3E");background-size:100px 100px}.styleCircuit section:nth-child(2n){background:var(--color-surface)}.styleCircuit section:nth-child(2n):before{background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23059669' stroke-width='1'%3E%3Cpath d='M10 40h60M40 10v60M20 20l40 40M60 20l-40 40'/%3E%3Ccircle cx='20' cy='20' r='3' fill='%23059669'/%3E%3Ccircle cx='60' cy='60' r='3' fill='%23f97316'/%3E%3C/g%3E%3C/svg%3E");background-size:80px 80px;opacity:.15}.styleGears section{position:relative}.styleGears section:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.08;background-attachment:fixed}.styleGears section:nth-child(odd):before{background-image:url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%232563eb'%3E%3Cpath d='M60 20l8 0 4 8-4 8-8 0-8-8zM60 84l8 0 4 8-4 8-8 0-8-8zM20 60l0-8 8-4 8 4 0 8-8 8zM84 60l0-8 8-4 8 4 0 8-8 8z'/%3E%3Ccircle cx='60' cy='60' r='15' fill='none' stroke='%232563eb' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");background-size:120px 120px}.styleGears section:nth-child(2n){background:var(--color-surface)}.styleGears section:nth-child(2n):before{background-image:url("data:image/svg+xml,%3Csvg width='90' height='90' viewBox='0 0 90 90' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23f97316'%3E%3Ccircle cx='45' cy='45' r='20' fill='none' stroke='%23f97316' stroke-width='3'/%3E%3Cpath d='M25 45l-10-5v10zM65 45l10-5v10zM45 25l-5-10h10zM45 65l-5 10h10z'/%3E%3C/g%3E%3C/svg%3E");background-size:90px 90px;opacity:.1}.styleRepair section{position:relative}.styleRepair section:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.1;background-attachment:fixed}.styleRepair section:nth-child(odd):before{background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%232563eb'%3E%3Cpath d='M20 20l8-8 8 8-8 8zM60 30h20v6h-20zM30 60v20h6v-20zM70 70l8 8-8 8-8-8z'/%3E%3Ccircle cx='45' cy='45' r='5'/%3E%3Cpath d='M10 50h15M75 20v15M50 10h5M20 80h5'/%3E%3C/g%3E%3C/svg%3E");background-size:100px 100px}.styleRepair section:nth-child(2n){background:var(--color-surface)}.styleRepair section:nth-child(2n):before{background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23059669'%3E%3Crect x='20' y='20' width='15' height='4'/%3E%3Cpath d='M50 25l10 10-10 10v-7h-8v-6h8z'/%3E%3Ccircle cx='25' cy='55' r='6' fill='none' stroke='%23059669' stroke-width='2'/%3E%3Cpath d='M55 50l8 0 0 8-8 0z'/%3E%3C/g%3E%3C/svg%3E");background-size:80px 80px;opacity:.12}.styleSparks section{position:relative}.styleSparks section:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.15;background-attachment:fixed}.styleSparks section:nth-child(odd):before{background-image:url("data:image/svg+xml,%3Csvg width='150' height='150' viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23f59e0b'%3E%3Cpath d='M30 30l5-10 5 10-5 5zM80 20l3-8 3 8-3 3zM120 60l4-12 4 12-4 4zM40 90l6-15 6 15-6 6zM100 100l2-6 2 6-2 2z'/%3E%3Cpath d='M60 70l8-20 8 20-8 8z' opacity='0.7'/%3E%3C/g%3E%3C/svg%3E");background-size:150px 150px}.styleSparks section:nth-child(2n){background:var(--color-surface)}.styleSparks section:nth-child(2n):before{background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%232563eb'%3E%3Cpath d='M20 50l10-5-5-5 15 10-15 10 5-5zM70 30l5-10-5-5 10 15-10 15 5-5z'/%3E%3Ccircle cx='50' cy='70' r='2'/%3E%3Ccircle cx='30' cy='20' r='1'/%3E%3C/g%3E%3C/svg%3E");background-size:100px 100px;opacity:.12}.styleWorkshop section{position:relative}.styleWorkshop section:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.08;background-attachment:fixed}.styleWorkshop section:nth-child(odd):before{background-image:url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23374151'%3E%3Crect x='20' y='40' width='80' height='8'/%3E%3Crect x='40' y='20' width='8' height='80'/%3E%3Crect x='10' y='10' width='20' height='4'/%3E%3Crect x='90' y='106' width='20' height='4'/%3E%3Ccircle cx='75' cy='75' r='8' fill='none' stroke='%23374151' stroke-width='2'/%3E%3Cpath d='M20 80h15l5 10h-25z'/%3E%3C/g%3E%3C/svg%3E");background-size:120px 120px}.styleWorkshop section:nth-child(2n){background:var(--color-surface)}.styleWorkshop section:nth-child(2n):before{background-image:url("data:image/svg+xml,%3Csvg width='90' height='90' viewBox='0 0 90 90' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%236b7280'%3E%3Crect x='30' y='30' width='30' height='6'/%3E%3Crect x='42' y='18' width='6' height='30'/%3E%3Ccircle cx='20' cy='70' r='4'/%3E%3Cpath d='M65 60l10 5-5 10-10-5z'/%3E%3Crect x='15' y='15' width='8' height='2'/%3E%3C/g%3E%3C/svg%3E");background-size:90px 90px;opacity:.1}.heroWithFixedBackground{position:relative;background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover}.heroWithFixedBackground:before{content:"";position:absolute;inset:0;background:rgba(37,99,235,.1);pointer-events:none}@media(max-width:768px){.heroWithFixedBackground{background-attachment:scroll}}.dark .styleDots section:before{opacity:.3}.dark .styleDiagonal section:before{opacity:.2}.dark .styleMesh section:before{opacity:.25}.dark .styleWave section:before{opacity:.4}.dark .heroWithFixedBackground:before{background:rgba(0,0,0,.3)}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.styleAlternating section,.styleCircuit section,.styleGears section,.styleRepair section,.styleSparks section,.styleTools section,.styleWorkshop section{transition:background .3s ease}.styleCircuit section:hover:before,.styleGears section:hover:before,.styleRepair section:hover:before,.styleSparks section:hover:before,.styleTools section:hover:before,.styleWorkshop section:hover:before{opacity:.2;transition:opacity .3s ease}@media(max-width:768px){.styleCircuit section:before,.styleGears section:before,.styleRepair section:before,.styleSparks section:before,.styleTools section:before,.styleWorkshop section:before{background-attachment:scroll}}.dark .styleCircuit section:before,.dark .styleGears section:before,.dark .styleRepair section:before,.dark .styleSparks section:before,.dark .styleTools section:before,.dark .styleWorkshop section:before{opacity:.06}.dark .heroWithFixedBackground:before{background:rgba(0,0,0,.4)}:root{--animations-enabled:0;--parallax-enabled:0}*{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base),color var(--transition-base);overflow-x:hidden;padding:0}body,h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);margin:0}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}h1{font-size:var(--font-size-4xl)}@media(max-width:767px){h1{font-size:var(--font-size-3xl)}}h2{font-size:var(--font-size-3xl)}@media(max-width:767px){h2{font-size:var(--font-size-2xl)}}h3{font-size:var(--font-size-2xl)}@media(max-width:767px){h3{font-size:var(--font-size-xl)}}h4{font-size:var(--font-size-xl)}@media(max-width:767px){h4{font-size:var(--font-size-lg)}}p{margin:0;color:var(--color-gray-700)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-primary-dark)}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--border-radius-sm)}img{max-width:100%;height:auto}button{font-family:inherit;cursor:pointer;border:none;background:none}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--spacing-4);padding-right:var(--spacing-4);max-width:var(--container-lg)}@media(min-width:768px){.container{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}}@media(min-width:1024px){.container{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}}.error,.loading{padding:var(--spacing-xl);font-size:var(--font-size-lg)}.error{color:var(--color-red-600)}.hero{text-align:center;max-width:800px;margin:0 auto}.hero h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg);color:var(--color-primary)}.next-steps,.progress-info{background:#fff;border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin:var(--spacing-lg) 0;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);text-align:left}.next-steps h3,.progress-info h3{color:var(--color-gray-800);margin-bottom:var(--spacing-md);font-size:var(--font-size-lg)}.next-steps ul,.progress-info ul{list-style:none;padding:0}.next-steps ul li,.progress-info ul li{padding:var(--spacing-xs) 0;font-size:var(--font-size-base)}.next-steps ul li:not(:last-child),.progress-info ul li:not(:last-child){border-bottom:1px solid var(--color-gray-100)}.next-steps{background:var(--color-blue-50);border:1px solid var(--color-blue-200)}.next-steps h3{color:var(--color-blue-800)}.section{background:#fff;padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.section .subtitle{color:var(--color-gray-600);margin-bottom:var(--spacing-md)}.section .section-info{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.section .section-info .section-key,.section .section-info .section-type{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-gray-100);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.hero-content h3{color:var(--color-primary);margin-bottom:var(--spacing-md)}.hero-content ul{list-style:none;padding:0;margin-top:var(--spacing-md)}.hero-content ul li{padding:var(--spacing-xs) 0}.about-content .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md);margin-top:var(--spacing-lg)}.about-content .stats div{padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--border-radius-md);text-align:center}.about-content .stats div,.btn{font-weight:var(--font-weight-medium)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);text-decoration:none;border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:all .2s ease}.btn--primary{background-color:var(--color-primary);color:#fff}.btn--primary:hover{background-color:var(--color-blue-700);transform:translateY(-2px)}.app{min-height:100vh;background:var(--color-background);color:var(--color-text-primary);padding:0;width:100%;overflow-x:hidden}.header{text-align:center;margin-bottom:2rem}.header h1{color:var(--color-primary);margin-bottom:.5rem}.header .api-info{color:var(--color-gray-600);font-size:var(--font-size-sm);font-family:Courier New,monospace}.main{max-width:1200px;margin:0 auto;width:100%}@media(max-width:767px){.main{max-width:100%}}.section{background:var(--app-content-background);border-radius:var(--border-radius-lg);padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow-md);border:1px solid var(--app-content-border);width:100%;overflow-x:auto}@media(max-width:767px){.section{padding:1rem;margin-bottom:1.5rem}}.section:last-of-type:not(.development-section){margin-bottom:3rem}@media(max-width:767px){.section:last-of-type:not(.development-section){margin-bottom:2rem}}.section .section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}@media(max-width:767px){.section .section-header{flex-direction:column;gap:var(--spacing-3)}}.section .section-header h2{color:var(--app-content-text);margin:0}.section .section-meta{display:flex;gap:.5rem;flex-wrap:wrap}.section .section-meta span{padding:.25rem .5rem;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.section .section-meta .section-key{background:var(--color-primary);color:#fff}.section .section-meta .section-type{background:var(--app-content-meta-background);color:var(--app-content-meta-text)}.section .section-meta .active{background:var(--color-green-500);color:#fff}.section .subtitle{color:var(--app-content-secondary-text);margin-bottom:1.5rem}.content-details{margin:1rem 0}.content-details summary{cursor:pointer;padding:.5rem;background:var(--app-content-meta-background);border-radius:var(--border-radius-sm);color:var(--app-content-text)}.content-details summary:hover{background:var(--app-content-border)}.content-details .json-content{background:var(--app-content-background);border:1px solid var(--app-content-border);border-radius:var(--border-radius-sm);padding:1rem;font-size:var(--font-size-sm);overflow-x:auto;margin-top:.5rem;color:var(--app-content-text)}.hero-preview{margin-top:1rem}.hero-preview h3{color:var(--color-primary);margin-bottom:.5rem}.hero-preview .cta-info{background:var(--app-content-meta-background);padding:1rem;border-radius:var(--border-radius-md);margin:1rem 0;color:var(--app-content-text)}.hero-preview .features ul{list-style:none;padding:0}.hero-preview .features li{padding:.5rem 0}.about-preview .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:1rem;gap:1rem;margin:1.5rem 0}@media(max-width:767px){.about-preview .stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}}.about-preview .stats-grid .stat{background:var(--app-content-meta-background);padding:1rem;border-radius:var(--border-radius-md);text-align:center;font-weight:var(--font-weight-medium);color:var(--app-content-text)}@media(max-width:767px){.about-preview .stats-grid .stat{padding:.75rem;font-size:var(--font-size-sm)}}.about-preview .values{margin-top:1.5rem}.about-preview .values .value-card{background:var(--app-content-background);border:1px solid var(--app-content-border);border-radius:var(--border-radius-md);padding:1rem;margin:.5rem 0;color:var(--app-content-text)}.services-preview .services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1rem;gap:1rem;margin:1rem 0}@media(max-width:767px){.services-preview .services-grid{grid-template-columns:1fr;gap:.5rem}}.services-preview .services-grid .service-card{background:var(--app-content-meta-background);padding:1.5rem;border-radius:var(--border-radius-md);color:var(--app-content-text)}@media(max-width:767px){.services-preview .services-grid .service-card{padding:1rem}}.services-preview .services-grid .service-card h4{color:var(--color-primary);margin-bottom:.5rem}.services-preview .services-grid .service-card .brands{margin-top:1rem;font-size:var(--font-size-sm);color:var(--app-content-secondary-text);word-break:break-word}.services-preview .delivery-info{background:var(--color-blue-500);color:#fff;padding:1.5rem;border-radius:var(--border-radius-md);margin-top:1.5rem}.services-preview .delivery-info h4{margin-top:0}.error,.loading{text-align:center;padding:4rem 2rem}.error h2,.loading h2{color:var(--color-primary);margin-bottom:1rem}.error button,.loading button{background:var(--color-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-base);margin-top:1rem}.error button:hover,.loading button:hover{opacity:.9}.error h2{color:var(--color-red-600)}.development-ribbon{position:relative;width:100%;height:60px;margin:3rem 0 2rem;overflow:hidden;background:linear-gradient(45deg,#ffcc00,#ffcc00 8px,#000000 0,#000000 16px,#ffcc00 0,#ffcc00 24px,#000000 0,#000000 32px);background-size:22px 22px;animation:slide-diagonal 1.5s linear infinite;border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:pointer;transition:transform .2s ease}.development-ribbon:hover{transform:scale(1.02)}.development-ribbon:hover .ribbon-text{animation-duration:1s}.development-ribbon .ribbon-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.8);color:#fc0;padding:.5rem 2rem;border-radius:var(--border-radius);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:1px;text-align:center;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.3);border:2px solid #fc0;animation:pulse-glow 2s ease-in-out infinite alternate}@keyframes slide-diagonal{0%{background-position:0 0}to{background-position:22px 22px}}@keyframes pulse-glow{0%{box-shadow:0 2px 8px rgba(0,0,0,.3),0 0 0 rgba(255,204,0,.4)}to{box-shadow:0 2px 8px rgba(0,0,0,.3),0 0 20px rgba(255,204,0,.6)}}.development-section{margin-top:2rem;padding:2rem;background:linear-gradient(135deg,#fff9e6,#fff3cc);border:2px dashed #fc0;border-radius:var(--border-radius-lg);position:relative}.development-section:before{content:"🚧";position:absolute;top:-10px;right:-10px;background:#fc0;color:#000;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 2px 8px rgba(0,0,0,.2)}.development-section .section-header{background:rgba(255,204,0,.1);padding:1rem;border-radius:var(--border-radius);margin-bottom:1.5rem;border-left:4px solid #fc0}.development-section .section-header h2{color:#b8860b;margin-bottom:.5rem}.development-section .section-header .section-meta .section-status{background:#fc0;color:#000;padding:.25rem .75rem;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.development-section .section-header .section-meta .section-status:before{content:"🆕 "}.development-section .section-content p{color:#8b7355;margin-bottom:1.5rem;font-style:italic}@media(max-width:767px){.development-ribbon{height:50px;margin:2rem 0 1rem}.development-ribbon .ribbon-text{font-size:var(--font-size-xs);padding:.4rem 1rem}.development-section{margin-top:1rem;padding:1.5rem}.development-section:before{top:-8px;right:-8px;width:25px;height:25px;font-size:14px}}@media(max-width:767px)and (orientation:landscape)and (max-height:500px){body:after{content:"📱 Поверните устройство вертикально для лучшего просмотра";position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,rgba(220,38,38,.95),rgba(239,68,68,.95));color:#fff;text-align:center;padding:.4rem .5rem;font-size:.75rem;font-weight:600;z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px rgba(0,0,0,.2);border-bottom:1px solid hsla(0,0%,100%,.2);animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}}