.tool-card{--category:#2563eb;--category-soft:#eff6ff;position:relative;overflow:hidden}.tool-card[data-category="dates"]{--category:#ea580c;--category-soft:#fff7ed}.tool-card[data-category="conversions"]{--category:#7c3aed;--category-soft:#f5f3ff}.tool-card[data-category="maison"]{--category:#15803d;--category-soft:#f0fdf4}.tool-card[data-category="automobile"]{--category:#0369a1;--category-soft:#f0f9ff}.tool-card[data-category="images"]{--category:#0891b2;--category-soft:#ecfeff}.tool-card .tool-icon{width:76px;height:62px;border-radius:16px;background:var(--category);box-shadow:0 8px 20px color-mix(in srgb,var(--category) 18%,transparent);transition:transform .2s ease,box-shadow .2s ease}.tool-card .tool-icon svg{width:68px;height:55px}.tool-card small{color:var(--category)}.tool-card:hover{background:linear-gradient(110deg,var(--category-soft),#fff 72%)}.tool-card:hover .tool-icon{transform:translateY(-3px) rotate(-1deg);box-shadow:0 12px 24px color-mix(in srgb,var(--category) 26%,transparent)}.tool-card{grid-template-columns:78px 1fr 25px;min-height:164px}.category-page .tool-intro{position:relative}.category-page .tool-intro:after{content:"";position:absolute;right:10px;bottom:38px;width:86px;height:12px;border-radius:99px;background:linear-gradient(90deg,#2563eb 0 16%,#ea580c 16% 32%,#7c3aed 32% 48%,#15803d 48% 64%,#0369a1 64% 80%,#0891b2 80%)}@media(max-width:800px){.tool-card{grid-template-columns:68px 1fr 18px;gap:14px;padding-inline:10px}.tool-card .tool-icon{width:64px;height:54px;border-radius:14px}.tool-card .tool-icon svg{width:58px;height:48px}.category-page .tool-intro:after{display:none}}@media(prefers-reduced-motion:reduce){.tool-card .tool-icon{transition:none}}