.main-nav{display:flex;justify-content:center;align-items:center;padding:0 10px;margin-top:10px;width:100%}.nav-link{color:#333;text-decoration:none;padding:.5rem;transition:color .2s}.nav-link.active{font-weight:600;text-decoration:underline}.nav-link.pending{animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.nav-links{display:flex;gap:clamp(5px,2vw,20px);width:100%;justify-content:space-between}.nav-links a{text-decoration:none;color:#e2e8f0;font-weight:500;font-size:clamp(9px,2.5vw,12px);padding:clamp(6px,1.5vw,10px) clamp(6px,3vw,18px);border-radius:4px;transition:all .2s ease;background-color:#1e293bcc;border:1px solid rgba(71,85,105,.3);box-shadow:0 1px 2px #0003;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;flex:1;text-align:center}@media (max-width: 480px){.nav-links{width:100%;justify-content:space-between;gap:5px}.nav-links a{font-size:9px;padding:8px 6px;white-space:nowrap;flex:1;text-align:center}}.nav-links a:hover{background-color:#1e293be6;color:#fff;border-color:#64748b80;box-shadow:0 2px 4px #00000040}.nav-links a.active{background-color:#172554cc;color:#38bdf8;font-weight:600;border-color:#38bdf866;box-shadow:0 1px 3px #0000004d,inset 0 0 0 1px #38bdf81a}