.tool-card{padding:0;margin-bottom:0;position:relative;display:block;overflow:hidden;border-radius:16px;box-shadow:0 2px 8px #00000014;text-decoration:none;color:inherit;transition:transform .3s ease,box-shadow .3s ease;height:auto}.tool-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease,filter .3s ease}.tool-content{text-align:center;padding:10px;transition:filter .3s ease,opacity .3s ease}.tool-hover-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);background:linear-gradient(90deg,#4f46e5,#3b82f6);color:#fff;padding:10px 22px;border-radius:30px;opacity:0;pointer-events:none;font-weight:600;box-shadow:0 4px 12px #00000040;transition:opacity .3s ease,transform .3s ease;z-index:2}.tool-card:hover img,.tool-card:hover .tool-content{filter:blur(3px) brightness(.6)}.tool-card:hover .tool-hover-btn{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}.tool-card:hover img{transform:scale(1.05)}.premium-ribbon{position:absolute;top:12px;left:-35px;width:140px;text-align:center;background:linear-gradient(90deg,gold,#d97706);color:#fff;font-weight:700;font-size:13px;padding:6px 0;transform:rotate(-45deg);box-shadow:0 2px 6px #00000040;z-index:3;letter-spacing:.5px;text-transform:uppercase;border-radius:2px}.popular-ribbon{position:absolute;top:12px;left:-35px;width:140px;text-align:center;background:linear-gradient(90deg,#22c55e,#058734);color:#fff;font-weight:700;font-size:13px;padding:6px 0;transform:rotate(-45deg);box-shadow:0 2px 6px #00000040;z-index:3;letter-spacing:.5px;text-transform:uppercase;border-radius:2px}