.tools-page{padding-top:16px;padding-bottom:80px}.page-heading{font-family:var(--font-display);font-size:var(--h1-page-size,clamp(2.1rem, 4.2vw, 3.1rem));letter-spacing:-.02em;color:var(--text-primary);font-weight:600;line-height:1.05;transition:opacity .2s}.page-heading span{color:var(--accent)}.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;width:100%;margin-bottom:40px;display:flex}.home-tool-categories{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 12px;width:100%;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{width:100%}.tool-card{background:var(--bg-card);border:2px solid var(--border-subtle);height:100%;color:inherit;border-radius:0;flex-direction:column;padding:0;text-decoration:none;transition:box-shadow .25s,border-color .25s,transform .25s;display:flex;position:relative;overflow:hidden}.tool-card:hover{border-color:var(--border-hover);box-shadow:7px 7px 0 rgba(var(--color-primary-rgb), .24);transform:translateY(-4px)}.tool-card-body{z-index:1;flex-direction:column;flex:1;padding:28px;display:flex;position:relative}.tool-icon-wrap{background:var(--accent-soft);border:1px solid var(--border-accent);border-radius:var(--radius-md);width:48px;height:48px;color:var(--accent);transition:all var(--transition-base);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:var(--accent-glow);border-color:var(--border-accent-strong);box-shadow:0 0 20px var(--accent-glow);transform:scale(1.08)}.tool-card h3{font-family:var(--font-display);font-size:var(--h3-card-size,1.25rem);color:var(--text-primary);letter-spacing:-.01em;transition:color var(--transition-fast);margin-bottom:10px;font-weight:600;line-height:1.15}.tool-card:hover h3{color:var(--accent-light)}.tool-card p{color:var(--text-secondary);min-height:48px;margin-bottom:22px;font-size:.95rem;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);background:var(--bg-secondary);z-index:1;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}}@media (max-width:768px){.tools-page{padding-top:12px;padding-bottom:60px}.page-heading{font-size:clamp(1.75rem,5.5vw,2.2rem)}.page-sub{max-width:100%}}.view-all-wrap{text-align:center;margin-top:56px}.view-all-btn{background:var(--btn-bg);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, transparent, rgba(var(--color-on-accent-rgb), .25), transparent);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%);box-shadow:0 8px 30px rgba(var(--color-accent-rgb), .3), 0 0 60px rgba(var(--color-accent-rgb), .1);transform:translateY(-3px)}.view-all-btn:hover:before{left:100%}.view-all-btn:active{box-shadow:0 4px 15px rgba(var(--color-accent-rgb), .24);transform:translateY(-1px)scale(.98)}.view-all-btn i{font-size:14px;transition:transform .3s}.view-all-btn:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.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}