.navbar{background:#ffffff26;backdrop-filter:blur(15px);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-lg);max-width:800px;display:flex;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap;box-shadow:0 8px 32px #0003;border:1px solid var(--border-accent);position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;width:auto;min-width:300px}.navbar:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:.05;border-radius:var(--radius-lg);z-index:-1}.navbar a{color:var(--text-secondary);text-decoration:none;font-weight:600;padding:12px 22px;border-radius:25px;transition:var(--transition-normal);display:flex;align-items:center;gap:var(--spacing-sm);text-shadow:0 1px 2px rgba(0,0,0,.3);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.navbar a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-primary);transition:var(--transition-normal);opacity:.1}.navbar a:hover:before{left:0}.navbar a:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 4px 15px #0003;color:var(--primary-cyan);text-shadow:0 0 10px var(--primary-cyan)}.navbar a.active{background:#ffffff4d;color:var(--text-primary);box-shadow:var(--glow-cyan)}.navbar a i{font-size:1.1rem;transition:var(--transition-normal)}.navbar a:hover i{transform:scale(1.1)}@media (max-width: 768px){.navbar{padding:var(--spacing-sm);gap:var(--spacing-md);flex-direction:column;align-items:center;max-width:90%;min-width:250px;left:50%;transform:translate(-50%)}.navbar a{width:100%;justify-content:center;max-width:250px;padding:10px 16px}}@media (max-width: 480px){.navbar{gap:var(--spacing-sm);max-width:95%;min-width:200px;left:50%;transform:translate(-50%)}.navbar a{font-size:.8rem;padding:8px 12px}.navbar a i{font-size:1rem}}