.trending-section{position:relative;overflow:hidden}.trending-content-wrapper{z-index:20;position:relative}.trending-badge-section{justify-content:center;margin-bottom:1rem;display:flex}.trending-header{text-align:center}.trending-footer{justify-content:center;margin-top:1.5rem;display:flex}.trending-cards-container{margin:2rem 0;padding:0 0}.trending-cards-grid{grid-template-columns:repeat(auto-fit,minmax(304px,1fr));gap:2rem;max-width:1400px;margin:0 auto;display:grid}.trending-card{animation:.6s ease-out slideUp;animation-delay:calc(var(--card-index) * .1s);background:#fff;border-radius:1.5rem;flex-direction:column;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);animation-fill-mode:both;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 28px #0b143029}.trending-card.dark{background:#1d2b45;border:1px solid #7a92ba33;box-shadow:0 14px 30px #040c2173}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.trending-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #4c43db38}.trending-card.dark:hover{box-shadow:0 16px 40px #4c43db59}.trending-card-header-section{background:linear-gradient(100deg,#a334ef 0%,#4f46e5 100%);flex-direction:column;gap:1rem;min-height:auto;padding:1rem;display:flex;position:relative}.trending-card-header-section.dark{background:linear-gradient(100deg,#a334ef 0%,#4f46e5 100%)}.trending-badge{z-index:10;position:absolute;top:.65rem;left:1rem}.trending-compare-btn{cursor:pointer;color:#9ca3af;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1.5px solid #20247533;border-radius:.45rem;justify-content:center;align-items:center;width:24px;height:24px;transition:all .3s;display:flex;position:absolute;top:.65rem;right:1rem}.trending-compare-btn:hover{color:#6366f1;background:#fff;border-color:#6366f1;transform:scale(1.05)}.trending-compare-btn.dark{color:#94a3b8;background:#1e293be6;border-color:#6366f14d}.trending-compare-btn.dark:hover{color:#6366f1;background:#6366f133;border-color:#6366f1}.trending-compare-btn:disabled{opacity:.5;cursor:not-allowed;background:#ffffff80;border-color:#a88bfa1a}.trending-compare-btn:disabled:hover{color:#9ca3af;background:#ffffff80;border-color:#a88bfa1a;transform:none}.trending-logo-name-box{align-items:center;gap:.6rem;margin-top:3px;padding-top:1.6rem;display:flex}.trending-logo-container{background:#fff;border:1px solid #a88bfa1a;border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex;overflow:hidden;box-shadow:0 4px 16px #a855f71a}.trending-logo-container.dark{background:#1e293b;border-color:#334155;box-shadow:0 4px 16px #0000004d}.trending-logo{object-fit:contain;width:100rem;height:100rem;padding:0}.trending-logo-placeholder{color:#fff;background:linear-gradient(135deg,#a855f7 0%,#8b5cf6 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:2.5rem;font-weight:700;display:flex}.trending-header-tool-name{color:#fff;letter-spacing:-.01em;flex:1;margin:0;font-size:1.25rem;font-weight:700;line-height:1.3}.trending-header-tool-name.dark{color:#f1f5f9}.trending-card-content{flex-direction:column;gap:.6rem;padding:.9rem;display:flex}.trending-card-content.dark{background:#1d2b45}.trending-tool-name{color:#111827;letter-spacing:-.02em;margin:0;font-size:1.3rem;font-weight:700;line-height:1.2}.trending-tool-name.dark{color:#f1f5f9}.trending-category{color:#92400e;letter-spacing:.01em;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-radius:.75rem;width:fit-content;padding:.4rem .85rem;font-size:.8rem;font-weight:600;display:inline-block}.trending-category.dark{color:#e0e7ff;background:linear-gradient(135deg,#7c3aed 0%,#6366f1 100%)}.trending-description{color:#6b7280;margin:0;font-size:.95rem;font-weight:500;line-height:1.6}.trending-description.dark{color:#9aa7bf}.trending-stats{justify-content:space-between;align-items:center;padding:.35rem 0;display:flex}.trending-rating{align-items:center;gap:.5rem;display:flex}.rating-stars{gap:.15rem;display:flex}.star-filled,.star-half{width:16px;height:16px}.rating-text{color:#111827;font-size:.9rem;font-weight:500}.rating-text.dark{color:#f1f5f9}.trending-views{align-items:center;gap:.4rem;display:flex}.views-icon{color:#4f39f6;flex-shrink:0}.views-text{color:#4f39f6;font-size:.9rem;font-weight:600}.trending-features{flex-wrap:wrap;gap:.5rem;padding:1rem;display:flex}.trending-feature-tag{color:#fff;background:#4f39f6;border:1.5px solid #a88bfa40;border-radius:.6rem;padding:.25rem .3rem;font-size:.8rem;font-weight:500;transition:all .2s;display:inline-block}.trending-feature-tag:hover{background:#6366f1;border-color:#4f39f6}.trending-card-footer{border-top:1px solid #7a92ba33}.trending-card-button-footer{gap:.5rem;padding:1rem;display:flex}.trending-explore-btn{color:#fff;cursor:pointer;background:#4f39f6;border:none;border-radius:.875rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 16px #a855f74d}.trending-explore-btn:hover{background:linear-gradient(135deg,#9333ea 0%,#7c3aed 100%);transform:translateY(-2px);box-shadow:0 8px 20px #a855f766}.trending-explore-btn:active{transform:translateY(0)}.trending-share-btn{color:#4f39f6;cursor:pointer;background:#370caf14;border:1.5px solid #4102f040;border-radius:.875rem;justify-content:center;align-items:center;min-width:52px;padding:.875rem 1rem;transition:all .3s;display:flex}.trending-share-btn:hover{color:#7c3aed;background:#a855f726;border-color:#a855f7}.trending-card-skeleton{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border:1.5px solid #a88bfa1a;border-radius:1.75rem;min-height:520px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width:768px){.trending-cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.trending-card{padding:0}.trending-logo-wrapper{padding:2.5rem 1.25rem 1.25rem}.trending-logo-container{width:70px;height:70px}.trending-tool-name{margin:13px 1px 5px;font-size:1.3rem}.trending-card-footer{gap:.5rem;padding:1.25rem}.trending-card-content{padding:0 1.25rem 1.25rem}}@media (max-width:480px){.trending-cards-grid{grid-template-columns:1fr;gap:1rem;padding:0}.trending-logo-wrapper{padding:2.5rem 1rem 1rem}.trending-logo-container{width:65px;height:65px}.trending-tool-name{font-size:1.2rem}.trending-card-content{padding:0 1rem 1rem}.trending-card-footer{padding:1rem}.trending-explore-btn span{font-size:.9rem}.trending-badge{padding:.4rem .85rem;font-size:.7rem}.trending-bookmark-btn{width:40px;height:40px}}