.tools-page{padding-top:140px;padding-bottom:100px}.page-heading{letter-spacing:-.025em;color:var(--text-primary);font-size:36px;font-weight:700;transition:opacity .2s}.page-sub{max-width:576px;color:var(--text-secondary);margin-top:8px;margin-bottom:40px;font-size:16px;line-height:1.6}.filters-wrap{flex-direction:column;align-items:center;margin-bottom:40px;display:flex}.tool-filters{background:var(--border-default);border-radius:9999px;align-items:center;gap:8px;padding:4px;display:flex}.filter-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:8px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .25s}.filter-btn:hover{color:var(--text-primary)}.filter-btn.active{background:var(--bg-card);color:var(--accent);box-shadow:0 4px 14px var(--accent-glow)}.tools-grid{gap:32px;list-style:none;display:grid}@media (min-width:640px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.tools-grid{grid-template-columns:repeat(3,1fr)}}.tool-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-base);height:100%;color:inherit;flex-direction:column;padding:0;text-decoration:none;display:flex;position:relative;overflow:hidden}.tool-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:0;height:2px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.tool-card:after{content:"";opacity:0;width:180px;height:180px;transition:opacity var(--transition-base);pointer-events:none;background:radial-gradient(circle,#f59e0b1f 0%,#0000 70%);position:absolute;top:-30%;right:-15%}.tool-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--shadow-lg), var(--shadow-glow);transform:translateY(-6px)}.tool-card:hover:before,.tool-card:hover:after{opacity:1}.tool-card-body{z-index:1;flex-direction:column;flex:1;padding:28px;display:flex;position:relative}.tool-icon-wrap{border-radius:var(--radius-md);width:48px;height:48px;color:var(--accent);transition:all var(--transition-base);background:#f59e0b14;border:1px solid #f59e0b26;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:22px;font-size:20px;display:flex}.tool-icon-wrap svg{width:24px;height:24px}.tool-card:hover .tool-icon-wrap{background:#f59e0b26;border-color:#f59e0b59;transform:scale(1.08);box-shadow:0 0 20px #f59e0b26}.tool-card h3{color:var(--text-primary);transition:color var(--transition-fast);margin-bottom:10px;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700;line-height:1.3}.tool-card:hover h3{color:var(--accent-light)}.tool-card p{color:var(--text-secondary);flex:1;margin-bottom:22px;font-size:14px;line-height:1.7}.tool-tags{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.tool-tag{background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-full);border:1px solid var(--border-accent);text-transform:uppercase;letter-spacing:.5px;transition:all var(--transition-fast);padding:6px 14px;font-size:11px;font-weight:700}.tool-card:hover .tool-tag{background:var(--accent-glow);border-color:var(--border-accent-strong)}.tool-card-footer{border-top:1px solid var(--border-subtle);z-index:1;background:#0a09084d;justify-content:space-between;align-items:center;padding:16px 28px;display:flex;position:relative}.tool-status{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.tool-status .status-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:2.5s infinite pulse-green;box-shadow:0 0 8px #22c55e80}@keyframes pulse-green{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.tool-cta{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.tool-cta:hover{background:var(--btn-bg);color:var(--btn-text);box-shadow:var(--btn-shadow);border-color:#0000;transform:translateY(-1px)}.tool-cta i{transition:transform var(--transition-fast);font-size:11px}.tool-cta:hover i{transform:translate(3px)}@media (max-width:768px){.tool-card-body{padding:24px}.tool-card-footer{padding:14px 24px}}@media (max-width:480px){.tool-card h3{font-size:16px}.tool-card p{font-size:13px}}.view-all-wrap{text-align:center;margin-top:56px}.view-all-btn{background:linear-gradient(135deg, var(--accent) 0%, #d97706 100%);color:var(--btn-text);cursor:pointer;box-shadow:var(--btn-shadow);letter-spacing:.2px;border:none;border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:16px 40px;font-size:15px;font-weight:700;text-decoration:none;transition:all .35s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.view-all-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.view-all-btn:hover{background:linear-gradient(135deg, var(--accent-light) 0%, var(--accent) 100%);transform:translateY(-3px);box-shadow:0 8px 30px #f59e0b66,0 0 60px #f59e0b1a}.view-all-btn:hover:before{left:100%}.view-all-btn:active{transform:translateY(-1px)scale(.98);box-shadow:0 4px 15px #f59e0b4d}.view-all-btn i{font-size:14px;transition:transform .3s}.view-all-btn:focus-visible{outline-offset:3px;outline:3px solid #f59e0b66}.tools-empty{text-align:center;color:var(--text-secondary);padding:80px 20px}.tools-empty svg{opacity:.5;margin-bottom:16px}.tools-empty p{color:var(--text-secondary);font-size:16px}