:root{--glass-bg:linear-gradient(135deg,#ffffff40 0%,#ffffff1a 100%);--accent-color:#3b82f6;--text-primary:#333333e6;--nav-link-width:120px}body:before{content:"";height:100px;display:block}#navbar{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1024;border-radius:18px;width:min(90%,1200px);padding:12px 20px;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000001a}#navbar.navbar-hidden{opacity:0;pointer-events:none;transform:translateY(-100%)}#navbar #navbar-links{justify-content:center;align-items:center;gap:1.2rem;padding:0 10px;display:flex}#navbar #navbar-links a{flex:0 1 var(--nav-link-width);text-align:center;white-space:nowrap;text-overflow:ellipsis;min-width:90px;max-width:110px;color:var(--text-primary);border-radius:10px;padding:12px 16px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;overflow:hidden}#navbar #navbar-links a:hover{background:#ffffff26;transform:translateY(-2px)}#navbar #navbar-links a.active{background:var(--accent-color);color:#fff;box-shadow:0 4px 12px #3b82f64d}@media (max-width:1024px){#navbar #navbar-links{gap:1rem}#navbar #navbar-links a{flex-basis:110px;padding:10px 12px}}@media (max-width:768px){#navbar{width:95%;padding:10px 15px;top:15px}#navbar #navbar-links{flex-wrap:wrap;gap:.8rem}#navbar #navbar-links a{flex:22%;min-width:auto;max-width:24%;font-size:.95rem}}@media (max-width:480px){#navbar{border-radius:14px;top:10px}#navbar #navbar-links{gap:.6rem}#navbar #navbar-links a{flex:45%;max-width:48%;padding:8px 10px;font-size:.9rem}}@media (min-width:1600px){#navbar #navbar-links{gap:2rem}#navbar #navbar-links a{flex-basis:140px}}