.navbar{z-index:var(--z-sticky);padding:var(--space-md) 0;transition:all var(--transition-base);position:fixed;top:0;left:0;right:0}.navbar--scrolled{background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);padding:var(--space-sm) 0}.navbar__inner{justify-content:space-between;align-items:center;display:flex}.navbar__logo{cursor:pointer;font-family:var(--font-mono);color:var(--text-primary);transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:2px;font-size:1.3rem;font-weight:700;display:flex}.navbar__logo:hover{transform:scale(1.05)}.navbar__logo-bracket{color:var(--accent-primary)}.navbar__logo-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar__links{gap:var(--space-xs);display:flex}.navbar__link{cursor:pointer;font-family:var(--font-sans);color:var(--text-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;font-size:.88rem;font-weight:500;position:relative}.navbar__link:hover{color:var(--text-primary);background:var(--accent-gradient-subtle)}.navbar__link--active{color:var(--accent-primary)}.navbar__link-indicator{background:var(--accent-gradient);border-radius:var(--radius-full);width:20px;height:2px;animation:.3s fadeIn;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.navbar__actions{align-items:center;gap:var(--space-sm);display:flex}.navbar__theme-toggle{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.navbar__theme-toggle:hover{color:var(--accent-primary);border-color:var(--border-accent);box-shadow:var(--glow-primary)}.navbar__theme-icon{transition:transform var(--transition-spring);justify-content:center;align-items:center;display:flex}.navbar__theme-toggle:hover .navbar__theme-icon{transform:rotate(30deg)}.navbar__lang{position:relative}.navbar__lang-toggle{padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);font-family:var(--font-mono);transition:all var(--transition-fast);align-items:center;gap:6px;font-size:.78rem;font-weight:600;display:flex}.navbar__lang-toggle:hover{border-color:var(--border-accent);color:var(--text-primary)}.navbar__lang-flag{font-size:1rem;line-height:1}.navbar__lang-code{letter-spacing:.05em}.navbar__lang-arrow{transition:transform var(--transition-fast)}.navbar__lang-arrow--open{transform:rotate(180deg)}.navbar__lang-dropdown{min-width:160px;padding:var(--space-xs);z-index:var(--z-dropdown);animation:.2s fadeInDown;position:absolute;top:calc(100% + 8px);right:0}.navbar__lang-option{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);font-family:var(--font-sans);transition:all var(--transition-fast);text-align:left;background:0 0;border:none;font-size:.88rem;font-weight:500;display:flex}.navbar__lang-option:hover{background:var(--accent-gradient-subtle);color:var(--text-primary)}.navbar__lang-option--active{color:var(--accent-primary);background:var(--accent-gradient-subtle)}.navbar__hamburger{border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);background:0 0;flex-direction:column;justify-content:center;gap:5px;padding:10px;display:none}.navbar__hamburger span{background:var(--text-secondary);border-radius:var(--radius-full);width:100%;height:2px;transition:all var(--transition-base);display:block}.navbar__hamburger--open span:first-child{transform:rotate(45deg)translate(5px,5px)}.navbar__hamburger--open span:nth-child(2){opacity:0}.navbar__hamburger--open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.navbar__backdrop{display:none}@media (max-width:992px){.navbar__backdrop{z-index:calc(var(--z-sticky) - 1);background:#00000073;animation:.2s fadeIn;display:block;position:fixed;inset:0}.navbar__hamburger{z-index:calc(var(--z-overlay) + 1);display:flex;position:relative}.navbar__links{background:var(--bg-secondary);border-left:1px solid var(--border-subtle);width:280px;height:100vh;padding:80px var(--space-xl) var(--space-xl);gap:var(--space-xs);transition:right var(--transition-base);z-index:var(--z-overlay);flex-direction:column;position:fixed;top:0;right:-100%}.navbar__links--open{right:0;box-shadow:-20px 0 60px #0000004d}.navbar__link{padding:var(--space-md);text-align:left;border-radius:var(--radius-md);font-size:1rem}.navbar__link-indicator{left:var(--space-md);transform:none}}
.footer{border-top:1px solid var(--border-subtle);padding:var(--space-2xl) 0;z-index:var(--z-base);position:relative}.footer__inner{justify-content:space-between;align-items:center;display:flex}.footer__brand{align-items:center;gap:var(--space-md);display:flex}.footer__logo{font-family:var(--font-mono);font-size:1.1rem;font-weight:700}.footer__logo-bracket{color:var(--accent-primary)}.footer__logo-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.footer__tagline{color:var(--text-tertiary);font-size:.85rem}.footer__copy{text-align:right;color:var(--text-tertiary);font-size:.82rem}.footer__built{margin-top:var(--space-xs);font-size:.75rem}@media (max-width:640px){.footer__inner{gap:var(--space-md);text-align:center;flex-direction:column}.footer__copy{text-align:center}}
.particle-bg{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}