nav{background-color:#1e1e2f;padding:16px 32px;display:flex;justify-content:center;gap:20px;box-shadow:0 2px 8px #0003}nav a{color:#fff;text-decoration:none;font-weight:700;padding:8px 12px;transition:background .3s}nav a:hover{background-color:#ffffff1a;border-radius:4px}@media screen and (max-width: 768px){nav{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:15px;padding:12px 20px}nav a{font-size:15px;padding:6px 10px}}@media screen and (max-width: 480px){nav{flex-direction:column;align-items:center;gap:10px;padding:10px 16px}nav a{font-size:14px;width:100%;text-align:center;padding:10px;background-color:#2c2c3e;border-radius:6px}nav a:hover{background-color:#444}}