.article-card[data-astro-cid-di2nlc57]{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;flex-direction:column;position:relative;height:100%}.article-card[data-astro-cid-di2nlc57]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-dark),#f093fb);transform:scaleX(0);transition:transform .4s ease;transform-origin:left}.article-card[data-astro-cid-di2nlc57]:hover:before{transform:scaleX(1)}.article-card[data-astro-cid-di2nlc57]:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #667eea26}.article-card[data-astro-cid-di2nlc57].featured{grid-column:span 2}.card-link[data-astro-cid-di2nlc57]{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.card-header[data-astro-cid-di2nlc57]{position:relative;height:240px;overflow:hidden;flex-shrink:0}.card-image[data-astro-cid-di2nlc57]{width:100%;height:100%;object-fit:cover;object-position:center}.gradient-bg[data-astro-cid-di2nlc57]{width:100%;height:100%;position:relative}.emoji-container[data-astro-cid-di2nlc57]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff1a;backdrop-filter:blur(10px)}.emoji[data-astro-cid-di2nlc57]{font-size:80px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.2));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.category-float[data-astro-cid-di2nlc57]{position:absolute;top:20px;left:20px;color:#fff;padding:8px 18px;border-radius:30px;font-size:11px;font-weight:var(--font-bold);letter-spacing:1.5px;backdrop-filter:blur(10px);box-shadow:0 8px 16px #0003}.card-body[data-astro-cid-di2nlc57]{padding:28px;flex:1;display:flex;flex-direction:column;position:relative}.reading-time-badge[data-astro-cid-di2nlc57]{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#f0f4ff,#e8ecff);border-radius:20px;font-size:13px;font-weight:var(--font-semibold);color:var(--color-primary);margin-bottom:16px;width:fit-content}.card-title[data-astro-cid-di2nlc57]{font-size:22px;font-weight:var(--font-extrabold);line-height:1.3;margin-bottom:14px;color:#1a202c;transition:color .3s}.article-card[data-astro-cid-di2nlc57]:hover .card-title[data-astro-cid-di2nlc57]{color:var(--color-primary)}.card-description[data-astro-cid-di2nlc57]{font-size:15px;line-height:1.7;color:#64748b;margin-bottom:20px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-footer[data-astro-cid-di2nlc57]{padding-top:20px;border-top:2px solid #f1f5f9;margin-top:auto}.read-more[data-astro-cid-di2nlc57]{display:inline-flex;align-items:center;gap:8px;color:var(--color-primary);font-weight:var(--font-bold);font-size:14px;transition:all .3s;position:relative}.read-more[data-astro-cid-di2nlc57]:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--color-primary);transition:width .3s}.article-card[data-astro-cid-di2nlc57]:hover .read-more[data-astro-cid-di2nlc57]:after{width:100%}.article-card[data-astro-cid-di2nlc57]:hover .read-more[data-astro-cid-di2nlc57]{gap:16px}.bg-gradient-to-br[data-astro-cid-di2nlc57]{background:linear-gradient(135deg,var(--tw-gradient-from),var(--tw-gradient-to))}.from-blue-400[data-astro-cid-di2nlc57]{--tw-gradient-from: #60a5fa}.to-purple-600[data-astro-cid-di2nlc57]{--tw-gradient-to: #9333ea}.from-green-400[data-astro-cid-di2nlc57]{--tw-gradient-from: #4ade80}.to-teal-600[data-astro-cid-di2nlc57]{--tw-gradient-to: #0d9488}.from-purple-400[data-astro-cid-di2nlc57]{--tw-gradient-from: #c084fc}.to-pink-600[data-astro-cid-di2nlc57]{--tw-gradient-to: #db2777}.from-orange-400[data-astro-cid-di2nlc57]{--tw-gradient-from: #fb923c}.to-red-600[data-astro-cid-di2nlc57]{--tw-gradient-to: #dc2626}.from-gray-400[data-astro-cid-di2nlc57]{--tw-gradient-from: #9ca3af}.to-gray-600[data-astro-cid-di2nlc57]{--tw-gradient-to: #4b5563}@media (max-width: 767px){.card-header[data-astro-cid-di2nlc57]{height:200px}.card-title[data-astro-cid-di2nlc57]{font-size:20px}.card-description[data-astro-cid-di2nlc57]{font-size:14px;-webkit-line-clamp:2}.card-body[data-astro-cid-di2nlc57]{padding:20px}}@media (min-width: 768px) and (max-width: 1024px){.card-title[data-astro-cid-di2nlc57]{font-size:21px}}