.app-navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.5rem 0;transition:all .3s cubic-bezier(.16,1,.3,1);background:transparent}.app-navbar.scrolled{background:rgba(10,14,26,.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,255,65,.2);padding:1rem 0}.nav-content{max-width:1400px;margin:0 auto;padding:0 2rem;justify-content:space-between}.nav-content,.nav-logo{display:flex;align-items:center}.nav-logo{font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:700;color:#ffffff;text-decoration:none;gap:.25rem;transition:all .3s ease;z-index:102}.nav-logo:hover{color:#00ff41}.logo-bracket{color:#00ff41;font-size:1.75rem}.logo-text{letter-spacing:.1em}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link{display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;position:relative;transition:all .3s ease}.nav-link-num{font-size:.75rem;color:#00ff41;opacity:.6;font-weight:700;margin-bottom:.25rem}.nav-link-num,.nav-link-text{font-family:JetBrains Mono,monospace}.nav-link-text{font-size:.875rem;color:#ffffff;text-transform:uppercase;letter-spacing:.1em;font-weight:400}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#00ff41;transition:width .3s ease}.nav-link:hover:after{width:100%}.nav-link:hover .nav-link-text{color:#00ff41}.auth-buttons{display:flex;gap:1rem;align-items:center}.auth-button{padding:.75rem 1.5rem;font-family:JetBrains Mono,monospace;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:1px solid;background:transparent;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;border-radius:2px}.auth-button-login{border-color:#ffffff40;color:#ffffff}.auth-button-login:hover,.auth-button-signup{border-color:#00ff41;color:#00ff41}.auth-button-signup:hover{background:#00ff41;color:#000000;box-shadow:0 0 20px rgba(0,255,65,.3)}.user-menu-container{position:relative}.user-button{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:transparent;border:1px solid #00ff4140;cursor:pointer;transition:all .3s ease;border-radius:2px}.user-button:hover{border-color:#00ff41}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#00ff41,#00d9ff);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:#000000}.user-name{font-family:JetBrains Mono,monospace;font-size:.875rem;color:#ffffff;font-weight:700}.user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#0f1419;border:1px solid #00ff4140;border-radius:2px;min-width:200px;box-shadow:0 10px 40px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.user-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;font-family:JetBrains Mono,monospace;font-size:.875rem;color:#ffffff;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;background:transparent;width:100%;text-align:left}.dropdown-item:hover{background:#00ff4110;color:#00ff41}.dropdown-divider{height:1px;background:#ffffff10;margin:.5rem 0}.hamburger-btn{display:none;background:none;border:none;cursor:pointer;padding:.5rem;z-index:102}.hamburger-btn span{position:relative}.hamburger-btn span,.hamburger-btn span:after,.hamburger-btn span:before{display:block;width:24px;height:2px;background:#ffffff;transition:all .3s ease}.hamburger-btn span:after,.hamburger-btn span:before{content:"";position:absolute}.hamburger-btn span:before{top:-7px}.hamburger-btn span:after{top:7px}.hamburger-btn.open span{background:transparent}.hamburger-btn.open span:before{top:0;transform:rotate(45deg);background:#00ff41}.hamburger-btn.open span:after{top:0;transform:rotate(-45deg);background:#00ff41}.mobile-menu-overlay{display:none}@media (max-width:768px){.app-navbar{padding:1rem 0}.app-navbar.scrolled{padding:.75rem 0}.nav-content{padding:0 1.25rem}.nav-logo{font-size:1.25rem}.logo-bracket{font-size:1.5rem}.nav-links{display:none}.hamburger-btn{display:block}.mobile-menu-overlay{display:flex;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(6,9,18,.98);backdrop-filter:blur(20px);z-index:101;flex-direction:column;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.16,1,.3,1)}.mobile-menu-overlay.open{opacity:1;visibility:visible}.mobile-menu-inner{flex-direction:column;gap:.5rem;max-width:320px;padding:0 2rem}.mobile-menu-inner,.mobile-nav-link{display:flex;align-items:center;width:100%}.mobile-nav-link{gap:1rem;text-decoration:none;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.06);opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease,color .3s ease}.mobile-menu-overlay.open .mobile-nav-link{opacity:1;transform:translateY(0)}.mobile-menu-overlay.open .mobile-nav-link:first-child{transition-delay:.1s}.mobile-menu-overlay.open .mobile-nav-link:nth-child(2){transition-delay:.15s}.mobile-menu-overlay.open .mobile-nav-link:nth-child(3){transition-delay:.2s}.mobile-menu-overlay.open .mobile-nav-link:nth-child(4){transition-delay:.25s}.mobile-nav-link:last-child{border-bottom:none}.mobile-nav-num{font-size:.75rem;font-weight:700;color:#00ff41;opacity:.5;min-width:1.5rem}.mobile-nav-num,.mobile-nav-text{font-family:JetBrains Mono,monospace}.mobile-nav-text{font-size:1.25rem;color:#ffffff;text-transform:uppercase;letter-spacing:.15em;font-weight:400}.mobile-nav-link:active .mobile-nav-text{color:#00ff41}.mobile-menu-divider{width:100%;height:1px;background:rgba(0,255,65,.15);margin:1rem 0;opacity:0;transition:opacity .3s ease .3s}.mobile-menu-overlay.open .mobile-menu-divider{opacity:1}.mobile-auth-section{display:flex;flex-direction:column;gap:.75rem;width:100%;opacity:0;transform:translateY(20px);transition:opacity .3s ease .35s,transform .3s ease .35s}.mobile-menu-overlay.open .mobile-auth-section{opacity:1;transform:translateY(0)}.mobile-auth-button{display:block;width:100%;padding:1rem;font-family:JetBrains Mono,monospace;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;text-align:center;text-decoration:none;border-radius:2px;transition:all .3s ease;border:1px solid}.mobile-auth-login{background:transparent;border-color:#ffffff30;color:#ffffff}.mobile-auth-login:active{border-color:#00ff41;color:#00ff41}.mobile-auth-signup{background:#00ff41;border-color:#00ff41;color:#000000}.mobile-auth-signup:active{box-shadow:0 0 30px rgba(0,255,65,.4)}.mobile-user-section{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;opacity:0;transform:translateY(20px);transition:opacity .3s ease .35s,transform .3s ease .35s}.mobile-menu-overlay.open .mobile-user-section{opacity:1;transform:translateY(0)}.mobile-user-info{display:flex;align-items:center;gap:1rem}.mobile-user-info .user-avatar{width:40px;height:40px;font-size:1.125rem}.mobile-user-info .user-name{font-size:1rem}.mobile-user-links{display:flex;flex-direction:column;gap:0;width:100%}.mobile-user-link{display:flex;align-items:center;gap:.75rem;padding:1rem 0;font-family:JetBrains Mono,monospace;font-size:.9rem;color:#ffffff;text-decoration:none;background:transparent;cursor:pointer;width:100%;text-align:left;border:none;border-bottom:1px solid rgba(255,255,255,.06);transition:color .3s ease}.mobile-user-link:last-child{border-bottom:none}.mobile-user-link:active{color:#00ff41}}