@keyframes hairFlow{0%,to{transform:rotate(0deg) scale(1);opacity:.6}25%{transform:rotate(5deg) scale(1.1);opacity:.8}50%{transform:rotate(-3deg) scale(.95);opacity:.4}75%{transform:rotate(2deg) scale(1.05);opacity:.7}}@keyframes floatUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100px);opacity:0}}@keyframes glow{0%,to{box-shadow:0 0 20px rgba(255,107,53,.3)}50%{box-shadow:0 0 40px rgba(255,107,53,.6)}}.hair-animation-canvas{background:radial-gradient(circle at 30% 50%,#ff6b35 0,#f7931e 25%,#4ecdc4 50%,#ff6b35 75%,transparent 100%);animation:hairFlow 15s ease-in-out infinite;filter:blur(1px)}.hair-particle{position:absolute;width:6px;height:6px;background:linear-gradient(45deg,#ff6b35,#f7931e);border-radius:50%;animation:floatUp 3s ease-out infinite}.scroll-indicator{animation:bounce 2s infinite}.service-card{background:linear-gradient(135deg,#f5e6d3,#fff);transition:all .3s ease;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,107,53,.1),transparent);transition:left .5s}.service-card:hover:before{left:100%}.service-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(255,107,53,.2)}.salon-card{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.salon-card:hover{transform:translateY(-12px) rotateY(5deg)}.booking-step{animation:slideInUp .6s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.progress-bar{background:linear-gradient(90deg,#ff6b35,#f7931e 50%,#4ecdc4);background-size:200% 100%;animation:progressShine 2s ease-in-out infinite}@keyframes progressShine{0%{background-position:200% 0}to{background-position:-200% 0}}.text-gradient-primary{background:linear-gradient(135deg,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-secondary{background:linear-gradient(135deg,#4ecdc4,#44a08d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.calendar-day{transition:all .2s ease}.calendar-day:hover{transform:scale(1.1)}.calendar-day.available{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff}.calendar-day.selected{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;animation:glow 1s ease-in-out infinite}.time-slot{transition:all .3s ease;border:2px solid transparent}.time-slot:hover{transform:translateY(-2px);border-color:#ff6b35}.time-slot.selected{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;transform:scale(1.05)}@media (max-width:768px){.hair-animation-canvas{animation-duration:20s}.service-card:hover{transform:translateY(-4px) scale(1.01)}.salon-card:hover{transform:translateY(-6px)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#f7931e,#ff6b35)}.celebration{position:fixed;pointer-events:none;z-index:9999}.confetti{width:10px;height:10px;background:#ff6b35;animation:confetti-fall 3s linear infinite}@keyframes confetti-fall{0%{transform:translateY(-100vh) rotate(0deg);opacity:1}to{transform:translateY(100vh) rotate(2turn);opacity:0}}