.navbar{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);padding:var(--space-4) 0;transition:all var(--duration-normal) var(--ease-out)}.navbar--scrolled{background:rgba(10,14,26,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border-subtle);padding:var(--space-3) 0}.navbar__container{display:flex;align-items:center;justify-content:space-between;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.navbar__logo{display:flex;align-items:center;gap:2px;text-decoration:none;z-index:var(--z-modal);font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--font-medium);transition:all var(--duration-fast) var(--ease-out)}.navbar__logo-text{color:var(--color-text-primary)}.navbar__logo-bracket,.navbar__logo-text{transition:color var(--duration-fast) var(--ease-out)}.navbar__logo-bracket{color:var(--color-accent-purple)}.navbar__logo-dot{transition:color var(--duration-fast) var(--ease-out)}.navbar__logo-dot,.navbar__logo:hover .navbar__logo-bracket,.navbar__logo:hover .navbar__logo-text{color:var(--color-accent-cyan)}.navbar__nav{display:flex;align-items:center;gap:var(--space-8);list-style:none;margin:0;padding:0}.navbar__nav-item{position:relative}.navbar__nav-link{position:relative;display:block;padding:var(--space-2) var(--space-1);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);text-decoration:none;letter-spacing:.01em;transition:color var(--duration-fast) var(--ease-out)}.navbar__nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--gradient-primary);border-radius:var(--radius-full);transition:all var(--duration-normal) var(--ease-out);transform:translateX(-50%)}.navbar__nav-link:hover{color:var(--color-text-primary)}.navbar__nav-link:hover:after{width:100%}.navbar__cta{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-bg-primary);background:var(--gradient-primary);border-radius:var(--radius-full);text-decoration:none;transition:all var(--duration-normal) var(--ease-out);box-shadow:0 0 20px rgba(255,71,87,.2)}.navbar__cta:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(255,71,87,.4);color:var(--color-bg-primary)}.navbar__toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;gap:6px;background:none;border:none;cursor:pointer;z-index:var(--z-modal);padding:0}.navbar__toggle-line{display:block;width:24px;height:2px;background:var(--color-text-primary);border-radius:var(--radius-full);transition:all var(--duration-normal) var(--ease-out)}.navbar__toggle--active .navbar__toggle-line:first-child{transform:translateY(8px) rotate(45deg)}.navbar__toggle--active .navbar__toggle-line:nth-child(2){opacity:0;transform:scaleX(0)}.navbar__toggle--active .navbar__toggle-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media (max-width:768px){.navbar__toggle{display:flex}.navbar__nav{position:fixed;top:0;left:0;right:0;bottom:0;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-6);background:rgba(10,14,26,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:0;visibility:hidden;transform:translateY(-20px);transition:all var(--duration-normal) var(--ease-out)}.navbar__nav--open{opacity:1;visibility:visible;transform:translateY(0)}.navbar__nav-link{font-size:var(--text-2xl);font-family:var(--font-display);font-weight:var(--font-semibold)}.navbar__nav--open .navbar__nav-item{animation:fadeInUp var(--duration-slow) var(--ease-out) forwards;opacity:0}.navbar__nav--open .navbar__nav-item:first-child{animation-delay:50ms}.navbar__nav--open .navbar__nav-item:nth-child(2){animation-delay:.1s}.navbar__nav--open .navbar__nav-item:nth-child(3){animation-delay:.15s}.navbar__nav--open .navbar__nav-item:nth-child(4){animation-delay:.2s}.navbar__nav--open .navbar__nav-item:nth-child(5){animation-delay:.25s}.navbar__logo{font-size:var(--text-sm)}.navbar__cta{margin-top:var(--space-4);padding:var(--space-4) var(--space-8);font-size:var(--text-lg);animation-delay:.3s}}