.navbar{position:fixed;top:0;left:0;background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,255,231,.2);box-shadow:0 8px 32px rgba(0,0,0,.3);padding:16px 20px;z-index:1000;font-family:Orbitron,sans-serif}.nav-container,.navbar{width:100%;display:flex;justify-content:center}.nav-container{gap:8px;flex-wrap:wrap;max-width:1800px}.nav-item{position:relative;text-decoration:none;color:inherit}.nav-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 20px;min-width:100px;height:90px;border-radius:18px;background:linear-gradient(145deg,#1e1e1e,#0f0f0f);border:1px solid rgba(255,255,255,.1);cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);color:#a0a0a0;box-shadow:0 4px 15px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.1)}.nav-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,231,.4),transparent);transition:left .6s ease}.nav-button:hover:before{left:100%}.nav-button:hover{transform:translateY(-8px) scale(1.05);background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border-color:#00ffe7;color:#ffffff;box-shadow:0 20px 40px rgba(0,255,231,.3),0 0 20px rgba(0,255,231,.4),inset 0 1px 0 rgba(255,255,255,.2)}.nav-icon{font-size:26px;margin-bottom:6px;filter:grayscale(100%);transition:all .3s ease}.nav-button:hover .nav-icon{filter:grayscale(0) drop-shadow(0 0 8px #00ffe7);transform:scale(1.2)}.nav-label{font-size:13px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;opacity:.9;transition:all .3s ease}.nav-button:hover .nav-label{opacity:1;text-shadow:0 0 10px #00ffe7;transform:scale(1.05)}.nav-glow{position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,#00ffe7,transparent 70%);transform:translate(-50%,-50%);opacity:0;transition:all .4s ease}.nav-button:hover .nav-glow{width:120px;height:120px;opacity:.1}.nav-border{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;padding:2px;background:linear-gradient(45deg,transparent,#00ffe7,transparent);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:subtract;opacity:0;transition:opacity .3s ease}.nav-button:hover .nav-border{opacity:1}.nav-button.active{background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border-color:#00ff99;color:#00ff99;box-shadow:0 8px 25px rgba(0,255,153,.3),inset 0 1px 0 rgba(255,255,255,.2)}.nav-button.active .nav-icon{filter:grayscale(0) drop-shadow(0 0 8px #00ff99)}.nav-button.active .nav-label{text-shadow:0 0 10px #00ff99}@media (max-width:1024px){.nav-container{gap:6px}.nav-button{min-width:70px;height:65px;padding:10px 12px}.nav-icon{font-size:18px}.nav-label{font-size:10px}}@media (max-width:768px){.navbar{padding:12px 10px}.nav-container{gap:4px}.nav-button{min-width:60px;height:55px;padding:8px 10px;border-radius:12px}.nav-icon{font-size:16px;margin-bottom:2px}.nav-label{font-size:9px}}