.sf-card-canva{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:all .3s cubic-bezier(.25,.8,.25,1);border:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;height:100%;position:relative}.sf-card-canva:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,.15);border-color:rgba(102,126,234,.3)}.xsf-card-img-wrapper{height:200px;width:100%;position:relative;overflow:hidden;background:#f1f5f9}.sf-card-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;opacity:0}.sf-card-img.loaded,.sf-card-img.sf-loaded{opacity:1}.sf-card-canva:hover .sf-card-img{transform:scale(1.05)}.sf-hover-actions{position:absolute;top:12px;right:12px;display:flex;gap:8px;opacity:0;transform:translateY(-10px);transition:all .3s ease;z-index:5}.sf-card-canva:hover .sf-hover-actions{opacity:1;transform:translateY(0)}.sf-action-bubble{width:40px;height:40px;background:rgba(255,255,255,.95);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#4a5568;box-shadow:0 4px 8px rgba(0,0,0,.15);cursor:pointer;border:0;transition:.2s}.sf-action-bubble:hover{background:#fff;color:#ef4444;transform:scale(1.1)}.sf-card-body{padding:20px;flex-grow:1;display:flex;flex-direction:column}.sf-card-title{font-size:1.35rem;font-weight:800;color:#1a202c;margin:0 0 8px 0;line-height:1.3;text-decoration:none!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sf-card-canva:hover .sf-card-title{color:#667eea}.sf-card-meta{font-size:1rem;color:#718096;font-weight:500;display:flex;align-items:center;gap:8px;margin-top:auto}.sf-card-footer{padding:15px 20px;background:linear-gradient(135deg,#89f7fe 0%,#66a6ff 100%);display:flex;justify-content:space-between;align-items:center;color:#fff}.sf-footer-btn{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.9);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;background:none;border:0;padding:4px}.sf-footer-btn:hover{color:#fff;transform:scale(1.05);text-shadow:0 2px 4px rgba(0,0,0,.2)}.sf-footer-btn svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}