.transformations-section{padding:40px 0 80px;background:var(--color-bg-light)}.transformations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-xl)}.transformation-card{background:var(--color-bg);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:all .4s cubic-bezier(.4, 0, .2, 1);cursor:pointer;border:2px solid var(--color-border-light);opacity:0;transform:translateY(30px);animation:cardAppear .6s ease-out forwards}.transformation-card:first-child{animation-delay:.1s}.transformation-card:nth-child(2){animation-delay:.2s}.transformation-card:nth-child(3){animation-delay:.3s}.transformation-card:nth-child(4){animation-delay:.4s}.transformation-card:nth-child(5){animation-delay:.5s}.transformation-card:nth-child(6){animation-delay:.6s}@keyframes cardAppear{to{opacity:1;transform:translateY(0)}}.transformation-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,.15);border-color:var(--color-primary)}.card-header{padding:var(--space-lg);border-bottom:1px solid var(--color-border-light);background:linear-gradient(135deg,var(--color-bg) 0,var(--color-bg-alt) 100%)}.card-title{font-size:1.2rem;font-weight:700;color:var(--color-text);margin-bottom:var(--space-sm);line-height:1.3}.images-container{display:flex;background:var(--color-bg-alt);padding:var(--space-lg);gap:var(--space-lg)}.image-section{flex:1}.image-label{font-size:.9rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-sm);text-align:center;text-transform:uppercase;letter-spacing:.5px}.image-wrapper{width:100%;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;border:3px solid var(--color-bg);box-shadow:0 4px 16px rgba(0,0,0,.1);transition:all .3s ease}.transformation-card:hover .image-wrapper{transform:scale(1.02);box-shadow:0 8px 24px rgba(0,0,0,.15)}.image-wrapper img{width:100%;height:100%;object-fit:cover}.card-footer{padding:var(--space-lg);background:var(--color-bg)}.card-description{color:var(--color-text-light);font-size:.95rem;line-height:1.5;margin:0}.modal-container{max-width:1000px;max-height:95vh;border-radius:var(--radius-xl);overflow:hidden}.modal-images{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:30px;padding:var(--space-lg);background:var(--color-bg-alt)}.modal-image h3{font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-sm);text-align:center;text-transform:uppercase;letter-spacing:.5px}.modal-image-wrapper{width:100%;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;border:3px solid var(--color-bg);box-shadow:0 8px 32px rgba(0,0,0,.12)}.modal-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.modal-image:hover img{transform:scale(1.05)}.prompt-section{margin-bottom:20px;padding:0 var(--space-lg)}.prompt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.prompt-header h3{color:var(--color-text);font-size:1.2rem;font-weight:700;margin:0}.copy-btn{background:linear-gradient(135deg,var(--color-primary),#8b5cf6);color:var(--color-text-inverse);border:none;padding:10px 20px;border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 16px rgba(37,99,235,.3)}.copy-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(37,99,235,.4)}.copy-btn.copied{background:linear-gradient(135deg,var(--color-success),#10b981);animation:copySuccess .4s ease}@keyframes copySuccess{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.prompt-box{background:var(--color-bg-alt);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;position:relative;overflow:hidden}.prompt-box::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,var(--color-primary),#8b5cf6)}.prompt-box p{color:var(--color-text);font-size:1rem;line-height:1.7;margin:0;font-family:var(--font-mono)}.empty-state{grid-column:1/-1;text-align:center;padding:80px 20px;color:var(--color-text-light)}.empty-state i{font-size:3.5rem;margin-bottom:24px;color:var(--color-border)}.empty-state h3{font-size:1.6rem;font-weight:700;margin-bottom:12px;color:var(--color-text)}.empty-state p{font-size:1rem;line-height:1.6;max-width:400px;margin:0 auto}@media (max-width:768px){.transformations-grid{grid-template-columns:1fr;gap:var(--space-lg)}.modal-images{grid-template-columns:1fr;gap:var(--space-md)}}@media (max-width:480px){.images-container{padding:var(--space-md);gap:var(--space-md)}.modal-container{margin:10px}.modal-images{padding:var(--space-md)}}@media (min-width:1024px) and (max-height:900px){.modal-container{max-width:700px;width:98vw}.modal-images{gap:0;padding:var(--space-xs,4px)}.modal-image-wrapper{aspect-ratio:1;max-width:220px;max-height:220px;margin:0 auto}}@media (min-width:1024px) and (max-height:700px){.modal-container{max-width:800px;width:98vw}.modal-images{gap:0;padding:2px}.modal-image-wrapper{max-width:200px;max-height:200px}}@media (prefers-reduced-motion:reduce){.transformation-card{animation:none!important}.transformation-card:hover{transform:none}}