.recommendations-section{max-width:1200px;margin:3rem auto;padding:0 1rem}.recommendations-section h2{text-align:center;margin-bottom:2rem;color:rgba(255,255,255,0.9)}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.recommendation-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.1);border-radius:1rem;padding:1.5rem;text-decoration:none;color:inherit;transition:all 0.3s ease;display:flex;flex-direction:column;position:relative;overflow:hidden}.recommendation-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);opacity:0;transition:opacity 0.3s ease}.recommendation-card:hover{transform:translateY(-4px);border-color:rgba(139,92,246,0.5);background:rgba(255,255,255,0.05);box-shadow:0 10px 30px rgba(0,0,0,0.5)}.recommendation-card:hover::before{opacity:1}.rec-category{font-size:0.75rem;text-transform:uppercase;letter-spacing:0.5px;color:rgba(255,255,255,0.5);margin-bottom:0.75rem;font-weight:500}.recommendation-card h3{margin:0 0 0.75rem;font-size:1.25rem;color:#f5f5f5}.recommendation-card p{margin:0 0 1rem;color:rgba(255,255,255,0.7);font-size:0.9rem;line-height:1.5;flex-grow:1}.rec-difficulty{display:inline-block;padding:0.25rem 0.75rem;background:rgba(139,92,246,0.2);border:1px solid rgba(139,92,246,0.4);border-radius:999px;font-size:0.75rem;color:#8b5cf6;font-weight:500}.rec-difficulty[data-difficulty="Easy"]{background:rgba(34,197,94,0.2);border-color:rgba(34,197,94,0.4);color:#22c55e}.rec-difficulty[data-difficulty="Medium"]{background:rgba(251,191,36,0.2);border-color:rgba(251,191,36,0.4);color:#fbbf24}.rec-difficulty[data-difficulty="Hard"]{background:rgba(239,68,68,0.2);border-color:rgba(239,68,68,0.4);color:#ef4444}.rec-difficulty[data-difficulty="Expert"]{background:rgba(139,92,246,0.2);border-color:rgba(139,92,246,0.4);color:#8b5cf6}.rec-tabs{display:flex;gap:1rem;margin-bottom:2rem;justify-content:center;flex-wrap:wrap}.rec-tab{padding:0.75rem 1.5rem;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.2);border-radius:999px;color:rgba(255,255,255,0.7);cursor:pointer;transition:all 0.2s ease;font-size:0.9rem;font-weight:500}.rec-tab:hover{border-color:rgba(139,92,246,0.5);background:rgba(139,92,246,0.1);color:#8b5cf6}.rec-tab.active{background:rgba(139,92,246,0.3);border-color:#8b5cf6;color:#8b5cf6}.rec-stats{display:flex;gap:2rem;justify-content:center;margin:2rem 0;padding:1.5rem;background:rgba(255,255,255,0.03);border-radius:1rem;border:1px solid rgba(255,255,255,0.1)}.rec-stat-item{text-align:center}.rec-stat-value{font-size:2rem;font-weight:700;color:#8b5cf6;margin-bottom:0.25rem}.rec-stat-label{font-size:0.85rem;color:rgba(255,255,255,0.6)}.rec-empty{text-align:center;padding:3rem 1rem;color:rgba(255,255,255,0.6)}.rec-empty h3{margin-bottom:1rem;color:rgba(255,255,255,0.8)}[data-theme="light"] .recommendation-card{background:var(--card-bg);border-color:var(--card-border)}[data-theme="light"] .recommendation-card:hover{background:var(--card-hover-bg);border-color:rgba(139,92,246,0.5)}[data-theme="light"] .rec-category{color:var(--text-muted)}[data-theme="light"] .recommendation-card h3{color:var(--text-primary)}[data-theme="light"] .recommendation-card p{color:var(--text-secondary)}[data-theme="light"] .rec-tab{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-secondary)}[data-theme="light"] .rec-tab:hover,[data-theme="light"] .rec-tab.active{background:rgba(139,92,246,0.1);border-color:#8b5cf6;color:#8b5cf6}[data-theme="light"] .rec-stats{background:var(--bg-secondary);border-color:var(--border-color)}@media (max-width:768px){.recommendations-grid{grid-template-columns:1fr}.rec-stats{flex-direction:column;gap:1rem}.rec-tabs{gap:0.5rem}.rec-tab{padding:0.5rem 1rem;font-size:0.85rem}}