.nav-container{position:fixed;top:0;left:0;right:0;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(34,197,94,.1);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#22c55e,transparent);opacity:.6}.nav-left .logo{font-size:1.3rem;font-weight:700;color:#ffffff;text-decoration:none;font-family:JetBrains Mono,Fira Code,monospace;transition:all .3s ease}.nav-left .logo:before{content:"{ ";color:#22c55e}.nav-left .logo:after{content:" }";color:#22c55e}.nav-left .logo:hover{transform:translateY(-2px);text-shadow:0 0 20px rgba(34,197,94,.5)}.nav-right{display:flex;gap:1rem;align-items:center}.nav-button{padding:.3rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border:1px solid transparent}.nav-button.demo{background:linear-gradient(135deg,#22c55e,#16a34a);color:#0a0c10;box-shadow:0 4px 15px rgba(34,197,94,.3)}.nav-button.demo:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(34,197,94,.4)}.nav-button.login{background:rgba(30,41,59,.6);color:#e2e8f0;border:1px solid rgba(51,65,85,.6)}.nav-button.login:hover{background:rgba(51,65,85,.8);border-color:#22c55e;color:#ffffff;transform:translateY(-2px)}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer}.hamburger span{height:3px;width:25px;background:white;border-radius:2px;transition:all .3s ease}@media (max-width:768px){.nav-container{height:40px}.hamburger{display:flex}.nav-right{position:absolute;top:100%;right:0;flex-direction:column;align-items:flex-start;background:rgba(10,12,16,.95);padding:1rem;width:200px;gap:.8rem;transform:translateX(100%);transition:transform .3s ease}.nav-right.open{transform:translateX(0)}}