.geom-nav-container{z-index:1000;position:fixed;top:0;left:0;right:0}.geom-nav-bar{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);border-bottom:3px solid #e94560;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;box-shadow:0 4px 20px #e945604d}.geom-logo{align-items:center;gap:8px;display:flex;position:relative}.geom-shape{width:20px;height:20px;position:absolute}.geom-triangle{clip-path:polygon(50% 0%,0% 100%,100% 100%);background:linear-gradient(135deg,#e94560,#ff6b6b);left:0}.geom-diamond{background:linear-gradient(135deg,#00d9ff,#0f8);width:14px;height:14px;top:12px;left:8px;transform:rotate(45deg)}.geom-logo-text{letter-spacing:3px;color:#ff8c00;text-shadow:1px 1px #ff6500,2px 2px #ff4500,3px 3px #c30,4px 4px 8px #00000080;font-family:Righteous,sans-serif;font-size:1.5rem;font-weight:700}.geom-nav-links{gap:8px;display:flex}.geom-nav-item{z-index:1;color:#fff;letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:10px 16px;font-family:Rajdhani,Segoe UI,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .3s;display:flex;position:relative;overflow:hidden}.geom-nav-item:before{content:"";z-index:-1;background:linear-gradient(135deg,#e9456033,#00d9ff1a);width:100%;height:100%;transition:transform .3s;position:absolute;top:0;left:0;transform:skew(-15deg)translate(-120%)}.geom-nav-item:hover:before{transform:skew(-15deg)translate(0)}.geom-nav-item:hover{color:#00d9ff;text-shadow:0 0 10px #00d9ff80}.geom-hover-shape{background:linear-gradient(90deg,#e94560,#00d9ff);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.geom-nav-item:hover .geom-hover-shape{width:80%}.geom-icon{color:#e94560;font-size:1.1rem;transition:color .3s}.geom-nav-item:hover .geom-icon{color:#00d9ff}.geom-logout .geom-icon{color:#ff6b6b}.geom-logout:hover .geom-icon{color:red}.geom-menu-toggle{cursor:pointer;background:0 0;border:none;padding:8px}.hamburger{flex-direction:column;gap:5px;display:flex}.hamburger span{background:linear-gradient(90deg,#e94560,#00d9ff);border-radius:2px;width:28px;height:3px;transition:all .3s;display:block}.hamburger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.geom-mobile-menu{background:linear-gradient(#1a1a2e 0%,#16213e 100%);border-bottom:3px solid #e94560;flex-direction:column;gap:8px;padding:16px;animation:.3s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.geom-mobile-item{z-index:1;color:#fff;letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:#ffffff0d;border:1px solid #e945604d;align-items:center;gap:12px;padding:14px 20px;font-family:Rajdhani,Segoe UI,sans-serif;font-size:1.1rem;font-weight:600;text-decoration:none;transition:background .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.geom-mobile-item:hover,.geom-mobile-item:active{background:linear-gradient(135deg,#e945604d,#00d9ff33);border-color:#00d9ff}.geom-mobile-shape{opacity:.5;border:2px solid #e94560;width:20px;height:20px;position:absolute;top:50%;right:-10px;transform:translateY(-50%)rotate(45deg)}.geom-mobile-item:hover .geom-mobile-shape{opacity:1;border-color:#00d9ff}.geom-mobile-item .geom-icon{font-size:1.3rem}.geom-mobile-item .geom-label{flex:1}@media (max-width:768px){.geom-nav-bar{padding:10px 16px}.geom-logo-text{letter-spacing:2px;font-size:1.1rem}.geom-shape{width:16px;height:16px}.geom-diamond{width:11px;height:11px;top:10px;left:6px}}
