/* Template 34 - Cherry Blossom: Falling petals + soft pink atmosphere */

@keyframes sakuraFall {
  0%   { transform: translateY(-10vh) translateX(0) rotate(0deg); opacity: 0; }
  10%  { opacity: 1; }
  90%  { opacity: 1; }
  100% { transform: translateY(110vh) translateX(80px) rotate(720deg); opacity: 0; }
}

@keyframes sakuraSway {
  0%, 100% { transform: translateX(0); }
  25%      { transform: translateX(15px); }
  75%      { transform: translateX(-15px); }
}

@keyframes sakuraGlow {
  0%, 100% { opacity: 0.3; }
  50%      { opacity: 0.6; }
}

.profile-preview {
  position: relative;
  overflow: hidden;
}

/* Soft radial glow */
.profile-preview::before {
  content: "";
  position: absolute;
  top: 20%;
  left: 50%;
  width: 120%;
  height: 60%;
  background: radial-gradient(ellipse, rgba(255, 182, 193, 0.3) 0%, transparent 70%);
  transform: translateX(-50%);
  animation: sakuraGlow 4s ease-in-out infinite;
  pointer-events: none;
  z-index: 1;
}

/* Floating particles */
.profile-preview::after {
  content: "🌸 🌸 🌸 🌸 🌸";
  position: absolute;
  top: -10%;
  left: 10%;
  font-size: 24px;
  letter-spacing: 60px;
  animation: sakuraFall 8s linear infinite;
  pointer-events: none;
  z-index: 1;
  opacity: 0.7;
  filter: blur(1px);
}

.profile-container {
  z-index: 10;
  position: relative;
}

.btn {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(255, 105, 135, 0.3);
}

.profile-header {
  text-shadow: 0 2px 10px rgba(255, 105, 135, 0.4);
}