:root {
    --primary: #4361ee;
    --secondary: #3f37c9;
    --accent: #4895ef;
    --light: #f8f9fa;
    --dark: #212529;
}
.tool-card{transition:all .3s ease;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.05);border:1px solid #e9ecef;position:relative}
.tool-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(67,97,238,.15);border-color:var(--accent)}
.category-badge{background:rgba(67,97,238,.1);color:var(--primary)}
.active-tab{position:relative;color:var(--primary);font-weight:600}
.active-tab::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--primary);border-radius:3px}
.search-box .search-main{box-shadow:0 4px 20px rgba(67,97,238,.15)}
.fade-in{animation:fadeIn .3s ease-in}
@keyframes fadeIn{
    from{opacity:0;transform:translateY(10px)}
    to{opacity:1;transform:translateY(0)}
}
.tool-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:15px}
.tool-icon.image{background:rgba(139,92,246,.1)}
.tool-icon.audio{background:rgba(59,130,246,.1)}
.tool-icon.video{background:rgba(239,68,68,.1)}
.tool-icon.text{background:rgba(16,185,129,.1)}
.tool-icon.dev{background:rgba(59,130,246,.1)}
.tool-icon i{font-size:1.5rem}
.tool-icon.image i{color:#8b5cf6}
.tool-icon.audio i{color:#3b82f6}
.tool-icon.video i{color:#ef4444}
.tool-icon.text i{color:#10b981}
.tool-icon.dev i{color:#8b5cf6}
.tool-category-badge{position:absolute;top:10px;right:10px;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}
.badge-image{background-color:rgba(139,92,246,.1);color:#8b5cf6}
.badge-audio{background-color:rgba(59,130,246,.1);color:#3b82f6}
.badge-video{background-color:rgba(239,68,68,.1);color:#ef4444}
.badge-text{background-color:rgba(16,185,129,.1);color:#10b981}
.badge-dev{background-color:rgba(59,130,246,.1);color:#3b82f6}
.search-category-selector{position:absolute;border-right:1px solid #e5e7eb;margin-right:10px;width:120px;height:calc(100% - 20px);text-align:center}
.search-category-btn{background-color:transparent;color:#4b5563;height:100%;padding:.5rem 0 .5rem 0;font-weight:500;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease;white-space:nowrap}
.search-category-btn:hover{color:#1f2937}
.search-input{padding-left:140px!important;padding-right:3rem!important}
.search-category-dropdown{position:absolute;top:100%;left:0;z-index:20;background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);width:120px;display:none;margin-top:10px}
.search-category-option{padding:.5rem .5rem;cursor:pointer;transition:all .2s ease}
.search-category-option:hover{background-color:#f3f4f6}
.search-category-option.active{background-color:#e0e7ff;color:#4338ca;font-weight:500}
.clear-search-btn{position:absolute;right:8rem;top:50%;transform:translateY(-50%);background:0 0;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;transition:color .2s}
.clear-search-btn:hover{color:#ef4444}