body{padding-top:80px}.nav-container-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:100%}.nav-logo-wrapper{display:flex;align-items:center}.nav-banner-logo{height:32px;width:auto;object-fit:contain;display:block}.nav-link-group{display:flex;align-items:center;gap:0.5rem;background:rgba(255,255,255,0.03);padding:4px;border-radius:99px;border:1px solid rgba(255,255,255,0.05)}.nav-item{font-family:'Inter', sans-serif;font-size:0.8rem;font-weight:600;color:#9ca3af;padding:0.5rem 1rem;border-radius:99px;transition:all 0.2s ease;cursor:pointer;text-transform:uppercase;letter-spacing:0.05em;white-space:nowrap;line-height:1;text-decoration:none}.nav-item:hover{color:#ffffff;background-color:rgba(255, 255, 255, 0.1)}.nav-item.tool-link{color:#3b82f6;background:rgba(59, 130, 246, 0.1)}.nav-item.tool-link:hover{background:#3b82f6;color:white}.modal-checkbox{display:none}.modal-container{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.9);z-index:100;align-items:center;justify-content:center;backdrop-filter: blur(8px)}.modal-checkbox:checked + .modal-container{display:flex}body:has(.modal-checkbox:checked){overflow:hidden}.mobile-menu-overlay{display:none;position:fixed;inset:0;background:#0a0a0a;z-index:90;opacity:0;transition:opacity 0.2s ease-in-out}#mobile-menu-toggle:checked ~ .mobile-menu-overlay{display:flex;opacity:1}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}