:root{--color-dark:#2c2f34;--color-dark-deep:#1e2124;--color-dark-mid:#3a3f45;--color-dark-light:#4e545c;--color-brand:#0badc4;--color-brand-dark:#0891a8;--color-brand-light:#3dc4d8;--color-brand-glow:#0badc426;--color-light:#fefefe;--color-light-dim:#fefefeb3;--color-light-ghost:#fefefe14;--color-gray:#8b9197;--color-gray-light:#c8cdd3;--color-success:#1db954;--color-error:#e05c5c;--font-system:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-design:"Inter", var(--font-system);--font-mono:"JetBrains Mono", "Fira Code", "Courier New", monospace;--font-base:var(--font-system);--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:2rem;--font-size-4xl:2.5rem;--font-size-5xl:3.5rem;--line-height-tight:1.2;--line-height-normal:1.6;--line-height-loose:1.8;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2.5rem;--spacing-2xl:4rem;--spacing-3xl:6rem;--spacing-4xl:8rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--radius-pill:9999px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 16px 40px #00000080;--shadow-brand:0 0 20px #0badc440;--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--transition-spring:.4s cubic-bezier(.34, 1.56, .64, 1);--z-base:1;--z-above:10;--z-header:100;--z-overlay:150;--z-eco-toggle:200;--z-top:999;--max-width:1200px;--max-width-text:720px;--header-height:70px}html.design-mode{--font-base:var(--font-design)}.header{height:var(--header-height);z-index:var(--z-header);transition:background var(--transition-base), border-color var(--transition-base);border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.header.is-scrolled{border-bottom-color:var(--color-light-ghost);background:#1e2124d9}html.design-mode .header.is-scrolled{-webkit-backdrop-filter:blur(12px)}.header__inner{max-width:var(--max-width);height:100%;padding-inline:var(--spacing-md);justify-content:space-between;align-items:center;margin-inline-start:auto;margin-inline-end:auto;display:flex}@media (min-width:1024px){.header__inner{padding-inline:var(--spacing-xl)}}.header__logo{justify-content:center;align-items:center;gap:var(--spacing-sm);color:var(--color-light);font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);letter-spacing:-.02em;transition:color var(--transition-fast);text-decoration:none;display:flex}.header__logo:hover{color:var(--color-brand)}.header__logo-diamond{width:32px;height:32px;transition:transform var(--transition-base);flex-shrink:0}.header__logo:hover .header__logo-diamond{transform:rotate(90deg)}.header__logo-text span{color:var(--color-brand)}.header__nav{display:none}@media (min-width:1024px){.header__nav{align-items:center;gap:var(--spacing-xl);display:flex}}.header__nav-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.04em;text-transform:uppercase;color:var(--color-gray);transition:color var(--transition-fast);text-decoration:none;position:relative}.header__nav-link:after{content:"";background:var(--color-brand);width:0;height:2px;transition:width var(--transition-base);position:absolute;bottom:-2px;left:0}.header__nav-link:hover:after{width:100%}.header__nav-link:focus-visible:after{width:100%}.header__nav-link:hover,.header__nav-link.is-active{color:var(--color-light)}.header__nav-link.is-active:after{width:100%}.header__actions{align-items:center;gap:var(--spacing-md);display:flex}.header__burger{-webkit-appearance:none;appearance:none;cursor:pointer;width:40px;height:40px;padding:0;padding:var(--spacing-xs);background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;margin:0;font-family:inherit;display:flex}@media (min-width:1024px){.header__burger{display:none}}.header__burger-line{background:var(--color-light);border-radius:var(--radius-pill);transform-origin:50%;width:100%;height:2px;transition:transform var(--transition-base), opacity var(--transition-fast), width var(--transition-base);display:block}.header__burger--open .header__burger-line:first-child{transform:translateY(7px)rotate(45deg)}.header__burger--open .header__burger-line:nth-child(2){opacity:0;width:0}.header__burger--open .header__burger-line:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{z-index:var(--z-overlay);pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.mobile-menu__backdrop{opacity:0;transition:opacity var(--transition-base);background:#1e212499;position:absolute;top:0;bottom:0;left:0;right:0}html.design-mode .mobile-menu__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-menu__panel{background:var(--color-dark-deep);border-left:1px solid var(--color-light-ghost);width:min(320px,85vw);height:100%;padding:var(--spacing-2xl) var(--spacing-xl);transition:transform var(--transition-slow);gap:var(--spacing-lg);padding-top:calc(var(--header-height) + var(--spacing-xl));flex-direction:column;display:flex;position:absolute;top:0;right:0;transform:translate(100%)}.mobile-menu__link{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray);transition:color var(--transition-fast), transform var(--transition-base);opacity:0;transform:translate(1rem)}.mobile-menu__link:hover{color:var(--color-light);transform:translate(.25rem)!important}.mobile-menu--open{pointer-events:all}.mobile-menu--open .mobile-menu__backdrop{opacity:1}.mobile-menu--open .mobile-menu__panel{transform:translate(0)}.mobile-menu--open .mobile-menu__link{opacity:1;transform:translate(0)}.mobile-menu--open .mobile-menu__link:first-child{transition-delay:.15s}.mobile-menu--open .mobile-menu__link:nth-child(2){transition-delay:.2s}.mobile-menu--open .mobile-menu__link:nth-child(3){transition-delay:.25s}.mobile-menu--open .mobile-menu__link:nth-child(4){transition-delay:.3s}.mobile-menu--open .mobile-menu__link:nth-child(5){transition-delay:.35s}.mobile-menu--open .mobile-menu__link:nth-child(6){transition-delay:.4s}
