.tools-container{max-width:1400px;margin:0 auto;padding:2rem}.title-container{margin-bottom:2.5rem}.tools-filter{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:2.5rem;padding:1.25rem;background:#0a0f1f80;border-radius:var(--border-radius-lg);border:1px solid var(--glass-border);backdrop-filter:blur(8px)}.filter-btn{padding:.55rem 1.4rem;background:#00ff9d14;border:1px solid rgba(0,255,157,.35);border-radius:999px;color:var(--text-secondary);font-size:.9rem;font-family:var(--font-display);letter-spacing:.5px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.filter-btn:hover{background:#00ff9d29;color:var(--text-primary);box-shadow:0 0 15px #00ff9d33;transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,var(--accent),var(--primary));color:#04100a;font-weight:700;box-shadow:0 0 20px #00ff9d59}.tools-count{display:flex;align-items:center;justify-content:center;gap:1.25rem;margin:-1.25rem 0 1.5rem;font-family:var(--font-display);font-size:.9rem;letter-spacing:.5px}.tools-count-item{display:inline-flex;align-items:baseline;gap:.4rem;color:var(--text-secondary)}.tools-count-item strong{font-size:1.15rem;font-weight:700;color:var(--accent);text-shadow:0 0 10px rgba(0,255,157,.35)}.tools-count-sep{width:1px;height:1.1rem;background:#ffffff26}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem;align-items:stretch}.tool-card{position:relative;display:flex;flex-direction:column;align-items:stretch;padding:1.75rem 1.5rem;background:linear-gradient(160deg,#0a0f1feb,#060a16e0);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);text-decoration:none;transition:all .3s ease;overflow:hidden;min-height:260px}.tool-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(0,255,157,.1),transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.tool-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.tool-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #00ff9d24;border-color:#00ff9d73}.tool-card:hover:before{opacity:1}.tool-card:hover:after{transform:scaleX(1)}.tool-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.1rem;font-size:2rem;line-height:1;border-radius:18px;background:linear-gradient(145deg,#00ff9d24,#4dc3ff1a);border:1px solid rgba(0,255,157,.28);box-shadow:0 0 14px #00ff9d2e,inset 0 0 10px #00ff9d0f;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;flex-shrink:0}.tool-card:hover .tool-icon{transform:scale(1.06) translateY(-2px);border-color:#00ff9d80;box-shadow:0 0 22px #00ff9d4d,inset 0 0 12px #00ff9d1a}.tool-name{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin-bottom:.6rem;font-family:var(--font-display);text-align:center;letter-spacing:.5px}.tool-description{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin-bottom:1rem;text-align:left;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.tool-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.tool-tag{padding:.28rem .75rem;background:#4dc3ff1a;border:1px solid rgba(77,195,255,.28);border-radius:999px;font-size:.78rem;color:var(--primary-light);white-space:nowrap;letter-spacing:.3px}.tool-card{animation:fadeInUp .5s ease backwards}.tool-card:nth-child(1){animation-delay:.04s}.tool-card:nth-child(2){animation-delay:.08s}.tool-card:nth-child(3){animation-delay:.12s}.tool-card:nth-child(4){animation-delay:.16s}.tool-card:nth-child(5){animation-delay:.2s}.tool-card:nth-child(6){animation-delay:.24s}.tool-card:nth-child(7){animation-delay:.28s}.tool-card:nth-child(8){animation-delay:.32s}.tools-empty{text-align:center;padding:4rem 2rem;color:var(--text-secondary);font-size:1.2rem}@media(max-width:768px){.tools-container{padding:1rem}.title-container{margin-bottom:1.5rem}.tools-filter{padding:1rem;gap:.5rem;margin-bottom:2rem}.filter-btn{padding:.5rem 1.1rem;font-size:.85rem}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.1rem}.tool-card{padding:1.4rem 1.2rem;min-height:240px}.tool-icon{width:56px;height:56px;font-size:1.7rem}.tool-name{font-size:1.05rem}.tool-description{font-size:.88rem}}@media(max-width:480px){.tools-filter{flex-direction:column}.filter-btn{width:100%;text-align:center}.tools-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.tool-card{animation:none}}