/* تأثيرات خفيفة للواجهة الأولى فقط */
@media (prefers-reduced-motion: no-preference) {
  .welcome-bg {
    background-size: 200% 200%;
    -webkit-animation: welcomeGrad 14s ease infinite;
    animation: welcomeGrad 14s ease infinite;
  }
  @-webkit-keyframes welcomeGrad {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
  }
  @keyframes welcomeGrad {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
  }
  .welcome-orb {
    -webkit-animation: orbFloat 8s ease-in-out infinite;
    animation: orbFloat 8s ease-in-out infinite;
  }
  .welcome-orb-2 {
    -webkit-animation-delay: -3s;
    animation-delay: -3s;
  }
  @-webkit-keyframes orbFloat {
    0%, 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
    50% { -webkit-transform: translate(12px, -10px); transform: translate(12px, -10px); }
  }
  @keyframes orbFloat {
    0%, 100% { transform: translate(0, 0); }
    50% { transform: translate(12px, -10px); }
  }
  .swipe-thumb {
    -webkit-animation: pulseThumb 2.2s ease-in-out infinite;
    animation: pulseThumb 2.2s ease-in-out infinite;
  }
  .swipe-thumb.is-dragging {
    -webkit-animation: none;
    animation: none;
  }
  @-webkit-keyframes pulseThumb {
    0%, 100% { box-shadow: 0 4px 16px rgba(109,40,217,0.5); }
    50% { box-shadow: 0 4px 22px rgba(109,40,217,0.85); }
  }
  @keyframes pulseThumb {
    0%, 100% { box-shadow: 0 4px 16px rgba(109,40,217,0.5); }
    50% { box-shadow: 0 4px 22px rgba(109,40,217,0.85); }
  }
  .welcome-title.is-typing .welcome-name {
    border-left: 2px solid #c4b5fd;
    -webkit-animation: caretBlink 0.9s step-end infinite;
    animation: caretBlink 0.9s step-end infinite;
  }
  @keyframes caretBlink {
    50% { border-color: transparent; }
  }
}
.welcome-progress {
  width: 100%;
  max-width: 300px;
  height: 4px;
  margin: 12px auto 0;
  background: #1a1f2a;
  border-radius: 999px;
  overflow: hidden;
}
.welcome-progress-fill {
  height: 100%;
  width: 0%;
  background: #7c4dff;
  border-radius: 999px;
  -webkit-transition: width 0.15s linear;
  transition: width 0.15s linear;
}
.welcome-particle {
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: rgba(196, 181, 253, 0.35);
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  .welcome-particle { display: none; }
}