@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px rgba(168,85,247,.4)}50%{box-shadow:0 0 30px rgba(168,85,247,.6),0 0 50px rgba(236,72,153,.3)}}.glow{animation:glow 3s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes pulse-ring{0%{transform:scale(.33)}40%,50%{opacity:1}to{opacity:0;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes contentUpdate{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.content-updating{animation:contentUpdate .3s ease-in-out}.fade-in-up{animation:fadeInUp .5s ease-out}.animation-delay-150{animation-delay:.15s}.animation-delay-300{animation-delay:.3s}.animation-delay-450{animation-delay:.45s}.animation-delay-600{animation-delay:.6s}.animation-delay-1000{animation-delay:1s}.animation-delay-2000{animation-delay:2s}.tattoo-card{animation:slideInUp .6s ease-out forwards;opacity:0}.tattoo-card:first-child{animation-delay:.1s}.tattoo-card:nth-child(2){animation-delay:.2s}.tattoo-card:nth-child(3){animation-delay:.3s}.tattoo-card:nth-child(4){animation-delay:.4s}.tattoo-card:nth-child(5){animation-delay:.5s}.tattoo-card:nth-child(6){animation-delay:.6s}.tattoo-card:nth-child(7){animation-delay:.7s}.tattoo-card:nth-child(8){animation-delay:.8s}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.125)}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.15)}.progress-bar{background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;animation:shimmer 2s infinite}.pulse-ring{position:relative}.pulse-ring:before{content:"";position:absolute;width:100%;height:100%;border:2px solid rgba(34,197,94,.4);border-radius:50%;animation:pulse-ring 2s infinite}.hover-glow:hover{box-shadow:0 0 25px rgba(168,85,247,.3),0 0 50px rgba(236,72,153,.2)}.card-border:before{background:linear-gradient(90deg,transparent,rgba(168,85,247,.4),transparent)}.gradient-border{position:relative;border-radius:16px;padding:2px}.gradient-border,.gradient-border:before{background:linear-gradient(135deg,#667eea,#764ba2)}.gradient-border:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;filter:blur(8px);z-index:-1}.text-glow{text-shadow:0 0 20px rgba(168,85,247,.8),0 0 40px rgba(236,72,153,.4)}.hover-glow:hover{box-shadow:0 0 25px rgba(168,85,247,.5),0 0 50px rgba(236,72,153,.3);transform:translateY(-2px)}.card-border{position:relative;overflow:hidden}.card-border:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.6),transparent);animation:borderScan 3s infinite}@keyframes borderScan{0%{left:-100%}to{left:100%}}.status-indicator{transition:all .3s ease-in-out}.status-indicator.updating{transform:scale(1.05);box-shadow:0 0 20px rgba(59,130,246,.3)}.status-indicator.available{transform:scale(1.05);box-shadow:0 0 20px rgba(234,179,8,.3)}@media (max-width:768px){.tattoo-card{animation-delay:.1s}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:rgba(30,41,59,.8)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.loading-spinner{position:relative}.loading-spinner:after{content:"";position:absolute;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;border:3px solid transparent;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tattoo-progress-page,.tattoo-progress-page *,.tattoo-progress-page h1,.tattoo-progress-page h2,.tattoo-progress-page h3,.tattoo-progress-page h4,.tattoo-progress-page h5,.tattoo-progress-page h6{color:white!important}.tattoo-progress-page p{color:rgb(209,213,219)!important}.tattoo-progress-page .text-white{color:white!important}.tattoo-progress-page .text-gray-300{color:rgb(209,213,219)!important}.tattoo-progress-page .text-gray-400{color:rgb(156,163,175)!important}.tattoo-progress-page .text-gray-500{color:rgb(107,114,128)!important}.tattoo-progress-page .text-green-300{color:rgb(134,239,172)!important}.tattoo-progress-page .text-green-700{color:rgb(21,128,61)!important}.tattoo-progress-page .text-purple-400{color:rgb(196,181,253)!important}.tattoo-progress-page .text-red-300{color:rgb(252,165,165)!important}.tattoo-progress-page .text-red-400{color:rgb(248,113,113)!important}html body .tattoo-progress-page,html body .tattoo-progress-page *{color:white!important}html body .tattoo-progress-page .text-gray-300{color:rgb(209,213,219)!important}html body .tattoo-progress-page .text-gray-400{color:rgb(156,163,175)!important}html body .tattoo-progress-page .text-gray-500{color:rgb(107,114,128)!important}