.category-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;margin-right:10px;background-color:rgba(0,86,179,.1);color:var(--primary-color);transition:all .3s ease}.category-section:hover .category-icon{transform:scale(1.1);background-color:rgba(0,86,179,.2)}.tool-card{position:relative;overflow:hidden;border:none;transition:all .3s ease}.tool-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--info-color));opacity:0;transition:opacity .3s ease}.tool-card:hover::before{opacity:1}.tool-card .tool-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin-bottom:15px;background-color:rgba(0,86,179,.1);color:var(--primary-color);transition:all .3s ease}.tool-card:hover .tool-icon{transform:scale(1.1);background-color:rgba(0,86,179,.2)}.tool-card[data-category=text] .tool-icon{background:linear-gradient(135deg,rgba(0,180,216,.1),rgba(0,180,216,.05));color:#00b4d8}.tool-card[data-category=image] .tool-icon{background:linear-gradient(135deg,rgba(255,107,107,.1),rgba(255,107,107,.05));color:#ff6b6b}.tool-card[data-category=dev] .tool-icon{background:linear-gradient(135deg,rgba(78,205,196,.1),rgba(78,205,196,.05));color:#4ecdc4}.tool-card[data-category=calc] .tool-icon{background:linear-gradient(135deg,rgba(255,217,61,.1),rgba(255,217,61,.05));color:#ffd93d}.tool-card[data-category=convert] .tool-icon{background:linear-gradient(135deg,rgba(247,127,0,.1),rgba(247,127,0,.05));color:#f77f00}.tool-card[data-category=security] .tool-icon{background:linear-gradient(135deg,rgba(239,71,111,.1),rgba(239,71,111,.05));color:#ef476f}.tool-card[data-category=seo] .tool-icon{background:linear-gradient(135deg,rgba(6,214,160,.1),rgba(6,214,160,.05));color:#06d6a0}.tool-card[data-category=social] .tool-icon{background:linear-gradient(135deg,rgba(168,230,207,.15),rgba(168,230,207,.08));color:#45b7aa}.tool-card[data-category=fun] .tool-icon{background:linear-gradient(135deg,rgba(0,119,182,.1),rgba(0,119,182,.05));color:#0077b6}.tool-card[data-category=productivity] .tool-icon{background:linear-gradient(135deg,rgba(17,138,178,.1),rgba(17,138,178,.05));color:#118ab2}.tool-card[data-category=document] .tool-icon{background:linear-gradient(135deg,rgba(45,55,72,.1),rgba(45,55,72,.05));color:#2d3748}.btn-outline-primary[data-category]{display:inline-flex;align-items:center;justify-content:center;gap:5px;border-radius:20px;transition:all .3s ease}.btn-outline-primary[data-category]:hover{transform:translateY(-2px)}.btn-outline-primary[data-category].active{box-shadow:0 4px 8px rgba(0,86,179,.2)}.btn-outline-primary[data-category] .category-filter-icon{font-size:.9em}.category-section h2{display:flex;align-items:center;font-weight:700;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-color)}.popular-badge{position:absolute;top:10px;right:10px;background:linear-gradient(45deg,#00b4d8,#ff6b6b);color:#fff;font-size:.7rem;padding:3px 8px;border-radius:10px;font-weight:600;box-shadow:0 2px 4px rgba(0,180,216,.3);z-index:1}.new-badge{position:absolute;top:10px;right:10px;background:linear-gradient(45deg,#4ecdc4,#06d6a0);color:#fff;font-size:.7rem;padding:3px 8px;border-radius:10px;font-weight:600;box-shadow:0 2px 4px rgba(78,205,196,.3);z-index:1}.input-group .form-control:focus{box-shadow:0 0 0 .25rem rgba(0,86,179,.25);border-color:var(--primary-color)}.input-group-text{color:var(--primary-color)}.bg-primary.text-white.py-4{background:linear-gradient(135deg,var(--primary-color),#003d7a)!important;position:relative;overflow:hidden}.bg-primary.text-white.py-4::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none"><path d="M0,0 L100,0 L100,100 Z" fill="rgba(255,255,255,0.05)"/></svg>');background-size:cover}@media (max-width:767.98px){.tool-card .tool-icon{width:50px;height:50px;font-size:1.5rem}.category-icon{width:30px;height:30px;margin-right:8px}.btn-outline-primary[data-category]{font-size:.8rem;padding:.3rem .6rem}.btn-outline-primary[data-category] .category-filter-icon{font-size:.8em}}