:root{--primary-color:#1a096d;--primary-color-light:#818cf8;--primary-color-dark:#4338ca;--primary-rgb:79,70,229;--accent-color:#d946ef;--accent-rgb:217,70,239;--success-color:#10b981;--success-rgb:16,185,129;--warning-color:#f59e0b;--warning-rgb:245,158,11;--error-color:#ef4444;--error-rgb:239,68,68;--info-color:#3b82f6;--info-rgb:59,130,246;--text-primary:#1e293b;--text-secondary:#64748b;--text-tertiary:#94a3b8;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-card:#fff;--border-color:rgba(0,0,0,.05);--border-color-dark:rgba(0,0,0,.1);--bg-tag:rgba(0,0,0,.03);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-md:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-lg:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-full:9999px}.dark-mode{--primary-color:#6366f1;--primary-color-light:#a5b4fc;--primary-color-dark:#4f46e5;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-card:#1e293b;--border-color:hsla(0,0%,100%,.05);--border-color-dark:hsla(0,0%,100%,.1);--bg-tag:hsla(0,0%,100%,.05)}.tool-item{height:100%;position:relative;transition:all .3s ease}.tool-item.tool-featured .tool-card{border:2px solid var(--primary-color,#4f46e5);box-shadow:0 6px 12px rgba(var(--primary-rgb,79,70,229),.15)}.tool-item.tool-featured:hover .tool-card{border-color:var(--primary-color,#060a35);box-shadow:0 10px 20px rgba(var(--primary-rgb,79,70,229),.2)}.tool-item:hover{transform:translateY(-5px)}.tool-item:hover .arrow-icon{transform:translate(5px)}.tool-item:hover .hover-glow{opacity:.8}.tool-item:hover .counter-icon svg,.tool-item:hover svg{color:#fff!important}.tool-item .tool-card{background-color:var(--bg-card,#fff);border:1px solid var(--border-color,rgba(0,0,0,.05));border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:block;height:100%;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease;z-index:1}.tool-item .card-content{position:relative;z-index:2}.tool-item .hover-glow{background:radial-gradient(circle,rgba(var(--primary-rgb,79,70,229),.5) 0,rgba(var(--primary-rgb,79,70,229),0) 70%);border-radius:50%;height:150px;opacity:0;position:absolute;right:-75px;top:-75px;transition:opacity .3s ease;width:150px;z-index:1}.tool-item .card-bg-pattern{background-image:radial-gradient(var(--text-primary,#1e293b) 1px,transparent 1px);background-size:8px 8px;bottom:0;height:80px;opacity:.05;position:absolute;right:0;width:80px;z-index:1}.tool-item .tool-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.tool-item .tool-header .icon-wrapper{align-items:center;border-radius:.75rem;box-shadow:0 8px 16px -4px #00000026;color:#fff;display:flex;font-size:1.5rem;height:3.5rem;justify-content:center;width:3.5rem}.tool-item .tool-header .icon-wrapper.bg-red{background:linear-gradient(135deg,#8d0505,#810d03)}.tool-item .tool-header .icon-wrapper.bg-orange{background:linear-gradient(135deg,#ea580c,#c2410c)}.tool-item .tool-header .icon-wrapper.bg-purple{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.tool-item .tool-header .icon-wrapper.bg-blue{background:linear-gradient(135deg,#93c5fd,#3b82f6)}.tool-item .tool-header .icon-wrapper.bg-indigo{background:linear-gradient(135deg,#a5b4fc,#4f46e5)}.tool-item .tool-header .icon-wrapper.bg-green{background:linear-gradient(135deg,#86efac,#10b981)}.tool-item .tool-header .icon-wrapper.bg-pink{background:linear-gradient(135deg,#f9a8d4,#ec4899)}.tool-item .tool-header .icon-wrapper.bg-teal{background:linear-gradient(135deg,#5eead4,#14b8a6)}.tool-item .tool-header .icon-wrapper.bg-primary{background:linear-gradient(135deg,#a5b4fc,#4f46e5)}.tool-item .tool-header .tool-badge{border-radius:9999px;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.35rem .75rem;text-transform:uppercase}.tool-item .tool-header .tool-badge.popular{background-color:rgba(var(--success-rgb,16,185,129),.1);color:var(--success-color,#10b981)}.tool-item .tool-header .tool-badge.new{background-color:rgba(var(--primary-rgb,79,70,229),.1);color:var(--primary-color,#4f46e5)}.tool-item .tool-header .tool-badge.updated{background-color:rgba(var(--info-rgb,59,130,246),.1);color:var(--info-color,#3b82f6)}.tool-item .tool-header .tool-badge.trending{background-color:rgba(var(--warning-rgb,245,158,11),.1);color:var(--warning-color,#f59e0b)}.tool-item .tool-info{margin-bottom:1.5rem}.tool-item .tool-info .tool-title{color:var(--text-primary,#1e293b);font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.tool-item .tool-info .tool-description{color:var(--text-secondary,#64748b);font-size:.95rem;line-height:1.5}.tool-item .tool-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tool-item .tool-features .feature-tag{background-color:var(--bg-tag,rgba(0,0,0,.03));border-radius:.375rem;color:var(--text-secondary,#64748b);font-size:.75rem;font-weight:500;padding:.35rem .75rem}.tool-item .usage-counter{align-items:center;border-top:1px dashed var(--border-color,rgba(0,0,0,.05));display:flex;margin-bottom:1.5rem;padding:.75rem 0}.tool-item .usage-counter .counter-icon{align-items:center;background-color:#1a096d;border-radius:50%;color:var(--success-color,#10b981);display:flex;font-size:.75rem;height:1.75rem;justify-content:center;margin-right:.75rem;width:1.75rem}.tool-item .usage-counter span{color:var(--text-secondary,#64748b);font-size:.85rem;font-weight:500}.tool-item .action-footer{align-items:center;border-top:1px solid var(--border-color,rgba(0,0,0,.05));display:flex;justify-content:space-between;padding-top:1rem}.tool-item .action-footer .action-text{color:var(--primary-color,#4f46e5);font-size:.95rem;font-weight:600}.tool-item .action-footer .action-text:hover{color:#fd8904}.tool-item .action-footer .arrow-icon{align-items:center;background-color:rgba(var(--primary-rgb,79,70,229),.1);border-radius:50%;color:var(--primary-color,#4f46e5);display:flex;height:2rem;justify-content:center;transition:transform .3s ease;width:2rem}@media (max-width:639px){.tool-item .tool-card{padding:1.5rem}.tool-item .tool-header .icon-wrapper{font-size:1.25rem;height:3rem;width:3rem}}