.nav{position:fixed;top:0;left:0;right:0;height:56px;background:#000000d9;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--glass-border);z-index:var(--z-nav);transition:background var(--duration-base) var(--ease-out),height var(--duration-base) var(--ease-out)}.nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;padding:0 var(--sp-4);height:100%}.nav-logo{display:flex;align-items:center;gap:var(--sp-2);font-family:var(--font-display);font-size:1.25rem;font-weight:800;color:var(--accent);text-decoration:none;letter-spacing:-.02em;flex-shrink:0;transition:opacity var(--duration-fast) var(--ease-out)}.nav-logo:hover{color:var(--accent-light);opacity:.9}.nav-logo-icon{width:28px;height:28px;object-fit:contain;flex-shrink:0}.nav-links{display:none;align-items:center;gap:var(--sp-4)}.nav-link{font-size:.875rem;font-weight:500;color:var(--text-secondary);text-decoration:none;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.nav-link:hover{color:var(--text-primary);background:#ffffff0f}.nav-link-active{color:var(--text-primary)}.nav-cta{display:inline-flex;align-items:center;justify-content:center;padding:var(--sp-2) var(--sp-5);font-size:.875rem;font-weight:600;font-family:var(--font-display);color:#000;background:var(--accent-gradient);border:none;border-radius:var(--radius-sm);text-decoration:none;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.nav-cta:hover{color:#000;transform:translateY(-1px);box-shadow:var(--shadow-glow)}.nav-login{display:inline-flex;align-items:center;justify-content:center;padding:var(--sp-2) var(--sp-5);font-size:.875rem;font-weight:600;font-family:var(--font-display);color:var(--text-primary);background:transparent;border:1px solid var(--glass-border);border-radius:var(--radius-sm);text-decoration:none;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.nav-login:hover{color:var(--text-primary);border-color:var(--glass-border-hover);background:#ffffff0f}.nav-hamburger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:none;border:none;cursor:pointer;position:relative;flex-shrink:0;-webkit-tap-highlight-color:transparent}.nav-hamburger span{display:block;width:20px;height:2px;background:var(--text-primary);border-radius:2px;position:absolute;left:12px;transition:transform var(--duration-base) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}.nav-hamburger span:nth-child(1){top:15px}.nav-hamburger span:nth-child(2){top:21px}.nav-hamburger span:nth-child(3){top:27px}.nav-hamburger.active span:nth-child(1){top:21px;transform:rotate(45deg)}.nav-hamburger.active span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-hamburger.active span:nth-child(3){top:21px;transform:rotate(-45deg)}.nav-overlay{position:fixed;inset:0;background:#000000f7;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:var(--z-overlay);display:flex;flex-direction:column;padding:calc(56px + var(--sp-8)) var(--sp-6) var(--sp-8);opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out)}.nav-overlay.active{opacity:1;pointer-events:auto}.nav-overlay-links{display:flex;flex-direction:column;gap:var(--sp-2)}.nav-overlay-link{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text-primary);text-decoration:none;padding:var(--sp-4);border-bottom:1px solid var(--glass-border);transition:color var(--duration-fast) var(--ease-out),padding-left var(--duration-base) var(--ease-out)}.nav-overlay-link:hover{color:var(--accent);padding-left:var(--sp-6)}.nav-overlay-link:last-child{border-bottom:none}.nav-overlay-actions,.nav-overlay-bottom{display:flex;flex-direction:column;gap:var(--sp-3);margin-top:auto;padding-top:var(--sp-8)}.tab-bar{position:fixed;bottom:0;left:0;right:0;background:#000000d9;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--glass-border);z-index:var(--z-tab-bar);padding:var(--sp-2) 0;padding-bottom:max(var(--sp-2),env(safe-area-inset-bottom))}.tab-bar-inner{display:flex;justify-content:space-around;align-items:flex-end;max-width:500px;margin:0 auto}.tab-item{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--text-muted);font-size:.625rem;font-weight:600;text-decoration:none;padding:var(--sp-1) var(--sp-3);min-width:44px;min-height:44px;justify-content:center;-webkit-tap-highlight-color:transparent;transition:color var(--duration-fast) var(--ease-out)}.tab-item:hover{color:var(--text-secondary)}.tab-item.active{color:var(--accent)}.tab-item svg,.tab-item img{width:22px;height:22px;flex-shrink:0}.tab-label{white-space:nowrap}.tab-item-cta{color:var(--accent)}.tab-cta-circle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-top:-12px;background:var(--accent-gradient);border-radius:50%;color:#000;box-shadow:0 0 20px #10b9814d,0 4px 12px #00000026;transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-out)}.tab-item-cta:hover .tab-cta-circle{transform:scale(1.05);box-shadow:0 0 30px #10b98166,0 6px 16px #0003}.tab-cta-circle svg,.tab-cta-circle img{width:20px;height:20px;color:#000}@media (min-width: 1024px){.nav{height:64px}.nav-inner{padding:0 var(--sp-8)}.nav-links{display:flex}.nav-hamburger,.nav-overlay,.tab-bar{display:none}}.nav-spacer{height:56px}@media (min-width: 1024px){.nav-spacer{height:64px}}@media (prefers-reduced-motion: reduce){.nav-hamburger span,.nav-overlay,.nav-overlay-link,.nav-link,.nav-cta,.nav-login,.tab-item,.tab-cta-circle{transition:none}}