nav{backdrop-filter:blur(12px);z-index:100;background:#ffffffbf;border-radius:20px;justify-content:space-between;align-items:center;margin-top:25px;padding:18px 35px;display:flex;position:sticky;top:20px;box-shadow:0 10px 30px #00000014}.logo{color:var(--accent);font-size:1.6rem;font-weight:800;text-decoration:none;transition:all .25s}.logo:hover{transform:scale(1.03)}.links{align-items:center;gap:30px;display:flex}.links a{color:var(--text);-webkit-tap-highlight-color:transparent;border-radius:10px;outline:none;padding:8px 12px;font-weight:600;text-decoration:none;transition:color .25s,background-color .25s,transform .15s;display:inline-block;position:relative}.links a:hover{color:var(--accent);background:#6c63ff14}.links a:focus{outline:none}.links a:active{background:#6c63ff29;transform:scale(.96)}.links a.active{color:var(--accent);background:#6c63ff24}.links a:after{content:"";background:var(--accent);border-radius:999px;width:0;height:3px;transition:width .25s;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.links a:hover:after,.links a.active:after{width:75%}.invite-btn{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent2));border-radius:12px;padding:12px 24px;font-weight:700;text-decoration:none;transition:all .25s}.invite-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px #6c63ff4d}@media (width<=992px){nav{flex-wrap:wrap;gap:20px;padding:16px 24px}.links{justify-content:center;gap:18px}}@media (width<=768px){nav{flex-direction:column;gap:20px;padding:20px}.logo{font-size:1.45rem}.links{flex-wrap:wrap;justify-content:center;gap:14px;width:100%}.links a{font-size:.95rem}.invite-btn{text-align:center;width:100%;max-width:300px}}@media (width<=480px){nav{padding:16px}.links{gap:10px}.links a{padding:6px 10px;font-size:.9rem}}