.util-item{height:100%;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:all .4s cubic-bezier(.25,.8,.25,1);border:1px solid #f0f2f5;position:relative}.util-item:hover{transform:translateY(-8px);box-shadow:0 12px 32px #00000026;border-color:#e3f2fd}.util-image-wrapper{position:relative;height:auto;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.util-image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.util-item:hover .util-image{transform:scale(1.1)}.util-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000,#000000b3);opacity:0;transition:opacity .3s ease}.util-item:hover .util-overlay{opacity:1}.util-info{position:absolute;bottom:0;left:0;right:0;padding:24px 20px 20px;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 70%,transparent 100%);color:#fff;transition:all .3s ease}.util-title{font-size:16px;font-weight:700;color:#fff;margin-bottom:8px;line-height:1.3;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.util-description{font-size:13px;color:#ffffffe6;margin-bottom:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.util-stats{display:inline-flex;align-items:center;gap:6px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.3);font-size:12px;font-weight:500;color:#fff}.util-stats-icon{width:14px;height:14px;color:#60a5fa;flex-shrink:0}.util-views{color:#fff;font-weight:600}.util-link{text-decoration:none!important;color:inherit;display:block;height:100%}.util-link:hover{text-decoration:none!important;color:inherit}.util-date{display:inline-flex;align-items:center;gap:6px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:4px 10px;border-radius:15px;border:1px solid rgba(255,255,255,.2);font-size:11px;font-weight:500;color:#ffffffe6;margin-right:8px}@media (max-width: 768px){.util-image-wrapper{height:230px}.util-info{padding:16px}.util-title{font-size:15px}.util-description{font-size:12px}}