.stats-row{display:flex;gap:20px;margin-bottom:32px;flex-wrap:wrap}.stat-card-res{flex:1;background:linear-gradient(135deg, #fff, #f8fafc);border-radius:24px;padding:20px;display:flex;align-items:center;gap:16px;border:1px solid var(--gray-200);transition:all 0.3s}.stat-card-res:hover{transform:translateY(-4px);box-shadow:0 12px 25px rgba(0,0,0,0.08)}.stat-icon{width:56px;height:56px;background:linear-gradient(135deg, #1e293b, #0f172a);border-radius:18px;display:flex;align-items:center;justify-content:center;color:#10b981;font-size:1.8rem}.stat-info{flex:1}.stat-number{display:block;font-size:1.8rem;font-weight:800;color:var(--gray-800)}.stat-label{font-size:0.75rem;color:var(--gray-500)}.category-tabs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid var(--gray-200)}.cat-res-btn{background:transparent;border:none;padding:10px 24px;font-size:0.9rem;font-weight:500;border-radius:50px;cursor:pointer;transition:all 0.2s;color:var(--gray-600);display:flex;align-items:center;gap:8px}.cat-res-btn i{font-size:0.9rem}.cat-res-btn.active{background:linear-gradient(135deg, #1e293b, #0f172a);color:white;box-shadow:0 4px 12px rgba(15,23,42,0.2)}.cat-res-btn:hover:not(.active){background:var(--gray-100)}.resources-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(360px, 1fr));gap:24px;margin-bottom:48px}.resource-card{background:white;border-radius:20px;overflow:hidden;border:1px solid var(--gray-200);transition:all 0.3s;position:relative}.resource-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px -10px rgba(0,0,0,0.12)}.resource-badge{position:absolute;top:16px;right:16px;background:linear-gradient(135deg, #10b981, #059669);color:white;padding:4px 12px;border-radius:30px;font-size:0.7rem;font-weight:500;z-index:2}.resource-badge.hot{background:linear-gradient(135deg, #ef4444, #dc2626)}.resource-badge.new{background:linear-gradient(135deg, #3b82f6, #2563eb)}.resource-icon{height:100px;background:linear-gradient(135deg, #f0f4ff, #e0e7ff);display:flex;align-items:center;justify-content:center;font-size:3rem;color:#1e293b}.resource-content{padding:20px}.resource-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.resource-title h3{font-size:1.1rem;font-weight:700;color:var(--gray-800)}.resource-rating{display:flex;align-items:center;gap:4px;color:#fbbf24;font-size:0.8rem}.resource-desc{font-size:0.85rem;color:var(--gray-500);line-height:1.5;margin-bottom:16px}.resource-meta{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:6px;font-size:0.7rem;color:var(--gray-400)}.meta-item i{margin-right:2px}.resource-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--gray-200)}.resource-price{font-weight:700;color:#10b981;font-size:0.9rem}.resource-price.free{color:#10b981}.resource-links{display:flex;gap:12px}.resource-link{background:transparent;border:none;padding:6px 12px;border-radius:30px;font-size:0.7rem;cursor:pointer;transition:all 0.2s;color:var(--gray-600);text-decoration:none;display:inline-flex;align-items:center;gap:6px}.resource-link:hover{background:var(--gray-100);color:var(--primary-color)}.hot-section{margin-top:16px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{font-size:1.2rem;font-weight:700;display:flex;align-items:center;gap:8px}.hot-tip{font-size:0.7rem;color:var(--gray-400)}.hot-resources{display:flex;flex-direction:column;gap:12px}.hot-item{background:linear-gradient(135deg, #f8fafc, #fff);border-radius:16px;padding:16px 20px;display:flex;align-items:center;gap:16px;border:1px solid var(--gray-200);transition:all 0.2s;cursor:pointer}.hot-item:hover{transform:translateX(6px);border-color:var(--primary-color);box-shadow:0 4px 12px rgba(0,0,0,0.05)}.hot-rank{width:36px;height:36px;background:linear-gradient(135deg, #1e293b, #0f172a);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:1rem}.hot-info{flex:1}.hot-name{font-weight:600;margin-bottom:4px}.hot-category{font-size:0.65rem;color:var(--gray-400)}.hot-stats{display:flex;gap:16px;font-size:0.65rem;color:var(--gray-500)}.hot-fav{background:transparent;border:none;cursor:pointer;font-size:1rem;color:var(--gray-400);transition:all 0.2s}.hot-fav.active{color:#ef4444}@media (max-width:768px){.resources-grid{grid-template-columns:1fr}.stats-row{flex-direction:column}.category-tabs{gap:8px}.cat-res-btn{padding:6px 14px;font-size:0.75rem}.hot-item{flex-wrap:wrap}}