.example-card-link{text-decoration:none;color:inherit;display:block;height:100%}.example-card{background:linear-gradient(to bottom right,var(--card),var(--muted));border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.75rem;transition:all var(--transition-base) cubic-bezier(.4,0,.2,1);cursor:pointer;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.example-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top left,rgba(24,24,27,.02),transparent 50%);opacity:0;transition:opacity var(--transition-base) ease}.example-card:hover:before{opacity:1}.example-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px -5px rgba(0,0,0,.08),0 20px 40px -10px rgba(0,0,0,.04);border-color:var(--primary);background:var(--card)}.card-icon{font-size:2rem;margin-bottom:1rem;display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;background:var(--muted);border-radius:var(--radius-lg);transition:all var(--transition-base) ease}.example-card:hover .card-icon{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,var(--muted),var(--secondary))}.card-content{flex:1;display:flex;flex-direction:column}.card-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--foreground);letter-spacing:-.02em;line-height:1.3}.card-description{color:var(--muted-foreground);line-height:1.6;margin-bottom:1.5rem;flex:1;font-size:.875rem}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;border-top:1px solid var(--border)}.difficulty-badge{padding:.375rem .875rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition-fast) ease}.difficulty-beginner{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#14532d;border:1px solid #86efac}.difficulty-intermediate{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#713f12;border:1px solid #fcd34d}.difficulty-advanced{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#7f1d1d;border:1px solid #fca5a5}.card-arrow{font-size:1.25rem;color:var(--muted-foreground);transition:all var(--transition-fast) ease;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--muted);border-radius:var(--radius-full)}.example-card:hover .card-arrow{transform:translateX(4px);color:var(--foreground);background:var(--secondary)}