:root{--bg-base:#0c0e13;--bg-elevated:#1a2029;--text:#edeff3;--text-muted:#a6adbb;--primary:#5fa8d3;--primary-hover:#4a8eb5;--border:#333c4d;--success:#6fb98f;--warning:#d4a373;--danger:#c25c5c;--info:#5fa8d3;--surface-hover:#252c39;--primary-rgb:95, 168, 211;--box-shadow-sm:0 1px 3px #00000026;--dashboard-card-bg:var(--bg-base);--dashboard-card-title:var(--text);--dashboard-card-description:var(--text-muted);--dashboard-card-border:var(--border);--dashboard-card-hover-bg:var(--surface-hover);--dashboard-card-hover-border:var(--primary);--dashboard-card-hover-shadow:0 8px 24px rgba(var(--primary-rgb), .15), 0 0 0 1px rgba(var(--primary-rgb), .25);--size:.5rem;--size-lg:1rem;--radius:.25rem;--icon-size:32px;--control-size:32px;--theme-toggle-min-width:100px;--gallery-nav-size:40px;--border-width:1px;--header-height:3.5rem;--container-max-width:75rem;--gallery-max-width:62.5rem;--content-max-width:56.25rem;--feature-card-min-width:18.75rem;--scrollbar-width:.5rem;--scrollbar-track:#1a2029;--scrollbar-thumb:#4b5563;--scrollbar-thumb-hover:#6b7280;--scrollbar-thumb-active:#9ca3af}[data-theme=light]{--bg-base:#e8eaee;--bg-elevated:#fff;--text:#0f1115;--text-muted:#4a5260;--primary:#2d6b8f;--primary-hover:#245a78;--border:#ccd2dc;--success:#3d8b5c;--warning:#8b6b40;--danger:#8b3535;--info:#2d6b8f;--surface-hover:#eef1f6;--primary-rgb:45, 107, 143;--scrollbar-track:#e5e7eb;--scrollbar-thumb:#6b7280;--scrollbar-thumb-hover:#4b5563;--scrollbar-thumb-active:#374151;--dashboard-card-hover-shadow:0 8px 24px rgba(var(--primary-rgb), .2), 0 0 0 1px rgba(var(--primary-rgb), .3)}@media (width>=992px){:root{--size:.75rem;--size-lg:1.5rem;--radius:.25rem}}html{scroll-behavior:smooth;height:100%}body{background-color:var(--bg-base);height:100%;color:var(--text);margin:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;transition:background-color .3s,color .3s;overflow:hidden}#root{height:100%}.landing{min-height:100vh;padding-top:var(--header-height);flex-direction:column;display:flex}.container{max-width:var(--container-max-width);padding:0 var(--size-lg);margin:0 auto}.header{height:var(--header-height);border-bottom:var(--border-width) solid var(--border);background-color:color-mix(in srgb, var(--bg-elevated) 88%, transparent);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);z-index:100;position:fixed;top:0;left:0;right:0}.nav{justify-content:space-between;align-items:center;gap:var(--size);min-height:var(--header-height);display:flex}.logo-button{width:var(--icon-size);height:var(--icon-size);background-color:color-mix(in srgb, var(--bg-base) 70%, transparent);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0;transition:border-color .2s,background-color .2s;display:inline-flex}.logo-button:hover{border-color:color-mix(in srgb, var(--primary) 50%, var(--border));background-color:color-mix(in srgb, var(--bg-base) 88%, transparent)}.logo-icon{width:var(--icon-size);height:var(--icon-size);border-radius:var(--radius)}.nav-right{align-items:center;gap:var(--size);display:flex}.nav-links{gap:var(--size-lg);margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:var(--text);font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--primary)}.mobile-nav-links{display:none}.header-controls{align-items:center;gap:var(--size);display:flex}.language-switcher{align-items:center;display:inline-flex}.language-toggle-ru,.language-toggle-en{height:var(--control-size);border:var(--border-width) solid var(--border);background:color-mix(in srgb, var(--bg-base) 76%, transparent);color:var(--text-muted);letter-spacing:.03em;border-radius:var(--radius);padding:0 var(--size);cursor:pointer;font-size:.78rem;font-weight:700;transition:color .2s,background-color .2s,border-color .2s}.language-toggle-ru{border-top-right-radius:0;border-bottom-right-radius:0}.language-toggle-en{border-top-left-radius:0;border-bottom-left-radius:0}.language-toggle-ru:hover,.language-toggle-en:hover{color:var(--text);border-color:color-mix(in srgb, var(--primary) 45%, var(--border))}.language-toggle-ru.active,.language-toggle-en.active{color:#fff;background-color:var(--primary);border-color:var(--primary)}.theme-toggle{height:var(--control-size);background:linear-gradient(135deg, var(--primary), var(--primary-hover));border:var(--border-width) solid color-mix(in srgb, var(--primary-hover) 70%, var(--border));color:#fff;padding:0 var(--size);border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;gap:var(--size);min-width:110px;font-weight:600;display:flex}.theme-toggle svg{flex-shrink:0;width:20px;height:20px}.theme-toggle:hover{filter:brightness(1.06)}[data-theme=light] .theme-toggle{color:#f8fbff}.hero{padding:var(--size-lg) 0;text-align:center}.gallery-header{margin:0 auto var(--size-lg);max-width:var(--content-max-width)}.gallery-header h1{margin:0 0 var(--size);color:var(--text);font-size:2rem}.gallery-header p{color:var(--text-muted);margin:0;font-size:1rem}.gallery-shell{max-width:var(--gallery-max-width);margin:0 auto var(--size-lg);align-items:center;gap:var(--size);grid-template-columns:auto 1fr auto;display:grid}.gallery-container{max-width:var(--gallery-max-width);border-radius:var(--radius);background-color:var(--bg-elevated);aspect-ratio:16/9;width:100%;margin:0;position:relative;overflow:hidden;box-shadow:0 .625rem 1.875rem #0000004d}.gallery-slide{touch-action:pan-y pinch-zoom;cursor:grab;width:100%;height:100%;overflow:hidden}.gallery-slide.is-dragging{cursor:grabbing}.gallery-track{width:100%;height:100%;transition:transform .45s cubic-bezier(.2,.75,.3,1);display:flex}.gallery-item{justify-content:center;align-items:center;min-width:100%;height:100%;display:flex}.gallery-image{object-fit:contain;width:100%;height:100%;padding:var(--size);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.gallery-nav{width:var(--gallery-nav-size);height:var(--gallery-nav-size);background:color-mix(in srgb, var(--bg-base) 78%, transparent);color:var(--text);border:var(--border-width) solid color-mix(in srgb, var(--primary) 35%, var(--border));-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);cursor:pointer;z-index:10;opacity:0;pointer-events:none;border-radius:999px;justify-content:center;align-items:center;transition:opacity .2s,transform .2s,background-color .2s,border-color .2s;display:inline-flex;transform:scale(.94)}.gallery-nav-icon{width:var(--icon-size);height:var(--icon-size)}.gallery-shell:hover .gallery-nav,.gallery-shell:focus-within .gallery-nav{opacity:1;pointer-events:auto;transform:scale(1)}.gallery-nav:hover{background:color-mix(in srgb, var(--bg-elevated) 88%, transparent);border-color:var(--primary);transform:scale(1.05)}.gallery-nav:active{transform:scale(.96)}@media (hover:none),(pointer:coarse){.gallery-nav{opacity:1;pointer-events:auto;transform:scale(1)}}.gallery-caption{max-width:var(--content-max-width);margin:var(--size) auto 0}.gallery-caption h3{margin:0 0 var(--size);color:var(--primary);font-size:1.2rem}.gallery-caption p{color:var(--text-muted);margin:0}.gallery-dots{justify-content:center;gap:var(--size);margin-top:var(--size);display:flex}.dot{width:var(--size);height:var(--size);background-color:var(--border);cursor:pointer;border-radius:50%}.dot.active{background-color:var(--primary)}.features{padding:var(--size-lg) 0;background-color:var(--bg-elevated)}.features h2{text-align:center;margin:0 0 var(--size);font-size:2rem}.features-hint{text-align:center;margin:0 auto var(--size-lg);max-width:var(--content-max-width);color:var(--text-muted);font-size:1rem}.features-grid{grid-template-columns:repeat(auto-fill, minmax(var(--feature-card-min-width), 1fr));gap:var(--size-lg);display:grid}.feature-card{background-color:var(--dashboard-card-bg);min-height:200px;padding:var(--size-lg);border-radius:var(--radius);border:var(--border-width) solid var(--dashboard-card-border);box-shadow:var(--box-shadow-sm);color:inherit;font:inherit;text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:100%;transition:transform .2s,box-shadow .2s,border-color .2s,background-color .2s;display:flex}.feature-card:hover{background-color:var(--dashboard-card-hover-bg);border-color:var(--dashboard-card-hover-border);box-shadow:var(--dashboard-card-hover-shadow)}.feature-card.is-active{border-color:var(--primary);background-color:var(--dashboard-card-hover-bg);box-shadow:var(--dashboard-card-hover-shadow)}.feature-icon{margin-bottom:var(--size);color:var(--primary);justify-content:center;align-items:center;font-size:2rem;display:inline-flex}.feature-icon-svg{width:var(--icon-size);height:var(--icon-size)}.feature-card h3{margin:var(--size) 0;color:var(--dashboard-card-title)}.feature-card p{color:var(--dashboard-card-description);margin:0;font-size:1rem;line-height:1.5}.feature-cta{margin-top:var(--size-lg);align-items:center;gap:calc(var(--size) * .5);color:var(--primary);opacity:.8;font-size:.875rem;font-weight:600;transition:opacity .2s,gap .2s;display:inline-flex}.feature-card:hover .feature-cta,.feature-card.is-active .feature-cta{opacity:1}.feature-card:hover .feature-cta{gap:var(--size)}.feature-cta-icon{width:1rem;height:1rem}.feature-cta-chevron{width:.875rem;height:.875rem}.about{padding:var(--size-lg) 0;text-align:center}.about h2{margin:0 0 var(--size-lg);font-size:2rem}.about-content{max-width:var(--content-max-width);color:var(--text);margin:0 auto;font-size:1rem;line-height:1.8}.about-accent{color:var(--primary);font-weight:600}.footer{padding:var(--size-lg) 0;text-align:center;border-top:var(--border-width) solid var(--border);color:var(--text-muted);background-color:var(--bg-elevated);margin-top:auto}.footer-contact{margin:0}.footer-contact a{color:var(--primary);text-decoration:none}.footer-contact a:hover{text-decoration:underline}@media (width<=768px){.container{padding:0 var(--size)}.nav-links{display:none}.nav-right,.header-controls{gap:var(--size)}.theme-toggle span{display:none}.theme-toggle{width:var(--control-size);min-width:0;padding:0}.mobile-nav-links{align-items:center;gap:var(--size);margin:0;display:inline-flex}.mobile-nav-link{border:var(--border-width) solid var(--border);background:color-mix(in srgb, var(--bg-elevated) 86%, transparent);color:var(--text);border-radius:var(--radius);width:var(--control-size);height:var(--control-size);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:border-color .2s,background-color .2s;display:inline-flex}.mobile-nav-link:hover{border-color:color-mix(in srgb, var(--primary) 45%, var(--border));background:color-mix(in srgb, var(--bg-base) 82%, transparent)}.mobile-nav-link-icon{flex-shrink:0;width:16px;height:16px}.gallery-shell{gap:var(--size);grid-template-columns:1fr;width:100%;max-width:none}.gallery-nav{display:none}.gallery-container{aspect-ratio:3/4}.gallery-header h1{font-size:1.45rem}.gallery-header p{font-size:.98rem}.features-grid{grid-template-columns:1fr}}.fixed-scrollbar-wrapper{flex-direction:column;flex:1;height:100vh;min-height:0;display:flex;position:relative}.fixed-scrollbar-content{touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex:1;height:100%;min-height:0;overflow:hidden auto}.fixed-scrollbar-content::-webkit-scrollbar{display:none}.fixed-scrollbar-track{cursor:pointer;z-index:90;background:0 0;border-radius:.25rem;justify-content:flex-end;width:.5rem;display:flex;position:fixed;top:0;right:0}.fixed-scrollbar-thumb{cursor:grab;background:#4b5563;border-radius:.25rem;width:.45rem;position:absolute;right:0}.fixed-scrollbar-thumb:hover{background:#6b7280}.fixed-scrollbar-thumb-active{cursor:grabbing;background:#9ca3af}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}#root{width:100%}*{box-sizing:border-box}h1{font-size:3.2em;line-height:1.1}@media (width<=768px){h1{font-size:2.4em}}