.tools-page{max-width:1120px;margin:0 auto;padding:2rem 1.25rem 4rem}.tools-header{margin-bottom:3rem;text-align:center}.tools-header h1{font-size:2.5rem;font-weight:700;margin:0 0 .75rem;color:var(--text-main);line-height:1.2}.tools-header>p{font-size:1.1rem;color:var(--text-muted);margin:0 0 2rem;max-width:600px;margin-left:auto;margin-right:auto}.tools-search-bar{max-width:520px;margin:0 auto 1.5rem}.tools-search-input{width:100%;padding:.75rem 1.25rem;border:1px solid var(--border-soft);border-radius:999px;font-size:.95rem;outline:none;transition:all .2s ease;background:var(--bg-card)}.tools-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.tools-menu{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;padding:0 1rem}.menu-pill{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:999px;border:1px solid var(--border-soft);background:var(--bg-card);color:var(--text-main);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s ease;cursor:pointer}.menu-pill:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.menu-pill--active{background:var(--accent);border-color:var(--accent);color:#fff}.menu-pill--active:hover{background:var(--accent);color:#fff;filter:brightness(1.1)}.tools-section{margin-bottom:4rem;scroll-margin-top:100px}.tools-section h2{font-size:1.75rem;font-weight:700;margin:0 0 .5rem;color:var(--text-main)}.tools-section-desc{font-size:.95rem;color:var(--text-muted);margin:0 0 1.5rem;line-height:1.6}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.tool-card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);overflow:hidden;transition:all .25s ease;box-shadow:0 2px 8px #0f172a0a}.tool-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft);border-color:var(--accent)}.tool-card-link{display:block;padding:1.5rem;text-decoration:none;color:inherit;height:100%}.tool-card-link h3{font-size:1.15rem;font-weight:600;margin:0 0 .5rem;color:var(--text-main);line-height:1.3}.tool-card-link p{font-size:.9rem;color:var(--text-muted);margin:0 0 1rem;line-height:1.5}.tool-card-disabled{cursor:not-allowed;opacity:.6}.tool-card:has(.tool-card-disabled):hover{transform:none;box-shadow:0 2px 8px #0f172a0a;border-color:var(--border-soft)}.badge{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:999px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.badge.live{background:#dcfce7;color:#166534;border:1px solid #86efac}.badge.planned{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.btn-back-to-top{position:fixed;bottom:2rem;right:2rem;padding:.75rem 1.25rem;background:var(--accent);color:#fff;border:none;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #2563eb4d;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease;z-index:50}.btn-back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.btn-back-to-top:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 16px #2563eb66}.tool-card[data-hidden=true],.tools-section[data-empty=true]{display:none}.no-results{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.no-results h3{font-size:1.5rem;margin:0 0 .5rem}.no-results p{font-size:1rem;margin:0}@media(max-width:768px){.tools-page{padding:1.5rem 1rem 3rem}.tools-header h1{font-size:2rem}.tools-header>p{font-size:1rem}.tools-section h2{font-size:1.5rem}.tools-grid{grid-template-columns:1fr}.menu-pill{font-size:.85rem;padding:.4rem .85rem}.btn-back-to-top{bottom:1.5rem;right:1.5rem;padding:.6rem 1rem;font-size:.85rem}}@media(max-width:480px){.tools-header h1{font-size:1.75rem}.tools-menu{gap:.4rem}.tool-card-link{padding:1.25rem}.btn-back-to-top{bottom:1rem;right:1rem;padding:.5rem .9rem;font-size:.8rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tool-card{animation:fadeIn .4s ease-out backwards}.tool-card:nth-child(1){animation-delay:.05s}.tool-card:nth-child(2){animation-delay:.1s}.tool-card:nth-child(3){animation-delay:.15s}.tool-card:nth-child(4){animation-delay:.2s}.tool-card:nth-child(5){animation-delay:.25s}.tool-card:nth-child(6){animation-delay:.3s}