@keyframes tq1Tide {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
     
    transform: translateY(-3px);
  }
}
@keyframes tq1Sweep {
  from {
    transform: translateX(-120%);
    opacity: 0.2;
  }
  to {
    transform: translateX(120%);
    opacity: 0;
  }
}
@keyframes tq1FrameIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.94);
    filter: blur(4px);
  }
  to {
    opacity: 1;
    transform: none;
    filter: none;
  }
}
@keyframes tq1FromLeft {
  from {
    opacity: 0;
    transform: translateX(-28px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes tq1FromRight {
  from {
    opacity: 0;
    transform: translateX(28px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes tq4AmountHero {
  0% {
    opacity: 0;
    transform: scale(0.82);
  }
  70% {
    transform: scale(1.04);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes tq4Spark {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.4);
  }
  35% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate(calc(-50% + var(--sx, 36px)), calc(-50% + var(--sy, -44px))) scale(1.15);
  }
}
@keyframes tq4QrIn {
  from {
    opacity: 0;
    transform: scale(0.9) translateY(10px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes tq8Shimmer {
  0% {
    transform: translateX(-60%);
  }
  100% {
    transform: translateX(60%);
  }
}
@keyframes tq8DialIn {
  from {
    opacity: 0;
    transform: scale(0.8) translateY(-12px);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes tq8Tick {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.06);
  }
}
@keyframes tq8WarmIn {
  from {
    opacity: 0;
    filter: sepia(0.4);
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    filter: none;
    transform: none;
  }
}
@keyframes tq3Spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes tq3Particle {
  0%,
  100% {
    transform: translate(0, 0) scale(1);
    opacity: 0.55;
  }
  50% {
    transform: translate(12px, -18px) scale(1.35);
    opacity: 1;
  }
}
@keyframes tq3Rise {
  from {
    opacity: 0;
    transform: translateY(16px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes tq12Float {
  0%,
  100% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(-6px) rotate(0.5deg);
  }
}
@keyframes tq12Focus {
  from {
    opacity: 0;
    filter: blur(8px);
    transform: scale(1.04);
  }
  to {
    opacity: 1;
    filter: blur(0);
    transform: scale(1);
  }
}
@keyframes tq12FadeUp {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes tq11Slam {
  0% {
    opacity: 0;
    transform: translate(-14px, -18px);
    box-shadow: 18px 18px 0 #1c1917;
  }
  100% {
    opacity: 1;
    transform: none;
    box-shadow: 4px 4px 0 #1c1917;
  }
}
@keyframes tq11Jitter {
  0% {
    opacity: 0;
    transform: translate(-6px, 4px);
  }
  33% {
    transform: translate(4px, -3px);
  }
  66% {
    transform: translate(-2px, 2px);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes tq7Stamp {
  0% {
    opacity: 0;
    transform: scale(1.35) rotate(-12deg);
    filter: blur(2px);
  }
  60% {
    opacity: 1;
    transform: scale(0.96) rotate(2deg);
  }
  100% {
    opacity: 1;
    transform: scale(1) rotate(0);
    filter: none;
  }
}

 
[data-theme="ocean"] body::before,
[data-theme="emerald"] body::before,
[data-theme="emerald"] body::after,
[data-theme="sunset"] body::before,
[data-theme="violet"] body::before,
[data-theme="violet"] body::after,
[data-theme="frost"] body::before,
[data-theme="frost"] body::after,
[data-theme="orbit"] body::before,
[data-theme="orbit"] body::after {
  content: "";
  position: fixed;
  pointer-events: none;
  z-index: 0;
}

[data-theme="ocean"] body::before {
  display: block;
  left: -20%;
  right: -20%;
  height: 42%;
  bottom: -6%;
  background: radial-gradient(ellipse at 50% 100%, rgba(37, 99, 235, 0.16), transparent 70%);
  animation: tq1Tide 4.5s ease-in-out infinite;  
}

[data-theme="ocean"] .btn-primary::after,
[data-theme="ocean"] button.primary::after,
[data-theme="ocean"] .buyBtn::after,
[data-theme="ocean"] .topbar-topup-btn::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(37, 99, 235, 0.22) 45%,
    rgba(37, 99, 235, 0.55) 50%,
    rgba(37, 99, 235, 0.22) 55%,
    transparent 100%
  );
  animation: tq1Sweep 2.8s ease-out infinite;  
  pointer-events: none;
}

[data-theme="ocean"] .topbar-wallet-pill--main {
  animation: tq1FromLeft 0.45s ease both, tq1Tide 4.5s ease-in-out 0.45s infinite !important;
}
[data-theme="ocean"] .topbar-wallet-pill--reward {
  animation: tq1FromRight 0.45s ease 0.12s both, tq1Tide 4.5s ease-in-out 0.9s infinite !important;
}
[data-theme="ocean"] .topbar-topup-btn {
  animation: tq1FrameIn 0.55s cubic-bezier(0.22, 1, 0.36, 1) both !important;
}

[data-theme="ocean"] .card,
[data-theme="ocean"] .buy-card,
[data-theme="ocean"] .stat-card,
[data-theme="ocean"] .admin-stat-card {
  animation: tq1FrameIn 0.55s cubic-bezier(0.22, 1, 0.36, 1) both !important;
}
[data-theme="ocean"] .buy-card:nth-child(odd) {
  animation: tq1FrameIn 0.55s cubic-bezier(0.22, 1, 0.36, 1) both, tq1Tide 4.5s ease-in-out 0.55s infinite !important;  
}
[data-theme="ocean"] .buy-card:nth-child(even) {
  animation: tq1FrameIn 0.55s cubic-bezier(0.22, 1, 0.36, 1) 0.1s both, tq1Tide 4.5s ease-in-out 1.1s infinite !important;
}
 
[data-theme="ocean"] .buy-proxy-hero.card,
[data-theme="ocean"] .section-hero.card,
[data-theme="ocean"] .svc-hero.card,
[data-theme="ocean"] .svc-panel.card,
[data-theme="ocean"] .utility-panel.card {
  animation: none !important;
  transform: none !important;
}

[data-theme="ocean"] .section-hero::after,
[data-theme="ocean"] .buy-proxy-hero::after {
  animation: tq1Sweep 3.2s ease-out infinite !important;  
}

[data-theme="ocean"] .sidebar .nav-link.active,
[data-theme="ocean"] .sidebar .nav-sublink.active,
[data-theme="ocean"] .sidebar .nav-item.active {
  animation: none !important;
  box-shadow: inset 3px 0 0 #2563eb !important;
}

 
[data-theme="emerald"] body::before,
[data-theme="emerald"] body::after {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #34d399;
  top: 28%;
  left: 18%;
  z-index: 0;
  animation: tq4Spark 2.4s ease-out infinite;  
  --sx: 48px;
  --sy: -56px;
}
[data-theme="emerald"] body::after {
  top: 62%;
  left: 78%;
  background: #059669;
  animation-delay: 1.1s;
  --sx: -40px;
  --sy: 36px;
}

[data-theme="emerald"] .topbar-wallet-pill--main,
[data-theme="emerald"] .topbar-topup-btn,
[data-theme="emerald"] .topbar-wallet-pill--reward {
  animation: tq4QrIn 0.4s cubic-bezier(0.2, 0.9, 0.2, 1) both !important;
}
[data-theme="emerald"] .topbar-topup-btn {
  animation-delay: 0.06s !important;
}
[data-theme="emerald"] .topbar-wallet-pill--reward {
  animation-delay: 0.12s !important;
}

[data-theme="emerald"] .topbar-topup-btn::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-radius: 50%;
  background: #ecfdf5;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4);
  animation: tq4Spark 1.8s ease-out infinite;  
  --sx: 0px;
  --sy: -18px;
}

[data-theme="emerald"] .card,
[data-theme="emerald"] .buy-card,
[data-theme="emerald"] .stat-card,
[data-theme="emerald"] .admin-stat-card {
  animation: tq4QrIn 0.4s cubic-bezier(0.2, 0.9, 0.2, 1) both !important;
}
[data-theme="emerald"] .buy-card:nth-child(1) {
  animation-delay: 0.02s !important;
}
[data-theme="emerald"] .buy-card:nth-child(2) {
  animation-delay: 0.08s !important;
}
[data-theme="emerald"] .buy-card:nth-child(3) {
  animation-delay: 0.14s !important;
}
[data-theme="emerald"] .buy-card:nth-child(4) {
  animation-delay: 0.2s !important;
}

[data-theme="emerald"] .buyBtn,
[data-theme="emerald"] .btn-primary {
  animation: none;
}
[data-theme="emerald"] .buyBtn:active,
[data-theme="emerald"] .btn-primary:active,
[data-theme="emerald"] .buy-day-btn:active {
  animation: tq4AmountHero 0.35s cubic-bezier(0.2, 0.9, 0.2, 1) !important;
}

[data-theme="emerald"] .sidebar .nav-link.active::after,
[data-theme="emerald"] .sidebar .nav-sublink.active::after,
[data-theme="emerald"] .sidebar .nav-item.active::after {
  animation: tq4AmountHero 1.6s ease-in-out infinite !important;  
}

 
[data-theme="sunset"] body::before {
  display: block;
  inset: 0;
  background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, 0.35) 48%, transparent 62%);
  animation: tq8Shimmer 2.4s ease-in-out infinite;
  mix-blend-mode: soft-light;
  z-index: 0;
}

[data-theme="sunset"] .topbar-topup-btn {
  animation: tq8DialIn 0.55s cubic-bezier(0.34, 1.4, 0.64, 1) both, tq8Tick 1s ease-in-out 0.55s infinite !important;  
  position: relative;
  overflow: hidden;
}
[data-theme="sunset"] .topbar-topup-btn::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, 0.55) 48%, transparent 62%);
  animation: tq8Shimmer 2.4s ease-in-out infinite;
  pointer-events: none;
}

[data-theme="sunset"] .topbar-wallet-pill--main,
[data-theme="sunset"] .topbar-wallet-pill--reward {
  animation: tq8WarmIn 0.5s ease both !important;
}
[data-theme="sunset"] .topbar-wallet-pill--reward {
  animation-delay: 0.1s !important;
}

[data-theme="sunset"] .card,
[data-theme="sunset"] .buy-card,
[data-theme="sunset"] .stat-card,
[data-theme="sunset"] .admin-stat-card {
  animation: tq8WarmIn 0.5s ease both !important;
}
[data-theme="sunset"] .buy-card:nth-child(1) {
  animation-delay: 0.04s !important;
}
[data-theme="sunset"] .buy-card:nth-child(2) {
  animation-delay: 0.1s !important;
}
[data-theme="sunset"] .buy-card:nth-child(3) {
  animation-delay: 0.16s !important;
}
[data-theme="sunset"] .buy-card:nth-child(4) {
  animation-delay: 0.22s !important;
}

[data-theme="sunset"] .buy-day-btn.active {
  animation: tq8Tick 1s ease-in-out infinite !important;  
}

[data-theme="sunset"] .buyBtn::after,
[data-theme="sunset"] .btn-primary::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 35%, rgba(255, 251, 235, 0.4) 50%, transparent 65%);
  animation: tq8Shimmer 2.8s ease-in-out infinite;
  pointer-events: none;
}

[data-theme="sunset"] .section-hero,
[data-theme="sunset"] .buy-proxy-hero {
   
  animation: tq8WarmIn 0.55s ease both !important;
}
[data-theme="sunset"] .topbar {
  animation: none !important;
  transform: none !important;
}

[data-theme="sunset"] .sidebar .nav-link.active,
[data-theme="sunset"] .sidebar .nav-sublink.active,
[data-theme="sunset"] .sidebar .nav-item.active {
  animation: tq8Shimmer 4s linear infinite !important;  
  background-size: 200% 100%;
}

 
[data-theme="violet"] body::before {
  display: block;
  width: 220px;
  height: 220px;
  left: 12%;
  top: 18%;
  border-radius: 50%;
  background: conic-gradient(from 0deg, #7c3aed, #14b8a6, #a78bfa, #7c3aed);
  opacity: 0.18;
  filter: blur(28px);
  animation: tq3Spin 8s linear infinite;  
  z-index: 0;
}
[data-theme="violet"] body::after {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #a855f7;
  top: 70%;
  left: 82%;
  animation: tq3Particle 3.2s ease-in-out infinite;
  z-index: 0;
}

[data-theme="violet"] .card,
[data-theme="violet"] .buy-card,
[data-theme="violet"] .stat-card,
[data-theme="violet"] .admin-stat-card {
  animation: tq12Focus 0.55s cubic-bezier(0.22, 1, 0.36, 1) both !important;
}

[data-theme="violet"] .buy-card:nth-child(1) {
  animation: tq12Focus 0.55s cubic-bezier(0.22, 1, 0.36, 1) both, tq12Float 4.8s ease-in-out 0.55s infinite !important;  
}
[data-theme="violet"] .buy-card:nth-child(2) {
  animation: tq12Focus 0.55s cubic-bezier(0.22, 1, 0.36, 1) 0.08s both, tq12Float 4.8s ease-in-out 0.9s infinite !important;
}
[data-theme="violet"] .buy-card:nth-child(3) {
  animation: tq12Focus 0.55s cubic-bezier(0.22, 1, 0.36, 1) 0.14s both, tq12Float 4.8s ease-in-out 1.2s infinite !important;
}
[data-theme="violet"] .buy-card:nth-child(4) {
  animation: tq12Focus 0.55s cubic-bezier(0.22, 1, 0.36, 1) 0.2s both, tq12Float 4.8s ease-in-out 1.5s infinite !important;
}

[data-theme="violet"] .topbar {
  animation: tq12Focus 0.55s cubic-bezier(0.22, 1, 0.36, 1) both !important;
  background: rgba(255, 255, 255, 0.94) !important;
}

[data-theme="violet"] .topbar-wallet-pill--reward {
  animation: tq12FadeUp 0.45s ease both !important;
}
[data-theme="violet"] .topbar-wallet-pill--main {
  animation: tq12FadeUp 0.45s ease 0.08s both !important;
}
[data-theme="violet"] .topbar-topup-btn {
  animation: tq3Rise 0.55s cubic-bezier(0.22, 1, 0.36, 1) both !important;
  overflow: hidden;
}
[data-theme="violet"] .topbar-topup-btn::before {
  content: "";
  position: absolute;
  inset: -10px;
  border-radius: 50%;
  background: conic-gradient(from 0deg, transparent, rgba(167, 139, 250, 0.45), transparent 40%, rgba(45, 212, 191, 0.35), transparent 70%);
  animation: tq3Spin 6s linear infinite;  
  z-index: -1;
  pointer-events: none;
}

[data-theme="violet"] .btn-primary,
[data-theme="violet"] .buyBtn {
  position: relative;
  overflow: hidden;
}
[data-theme="violet"] .btn-primary::after,
[data-theme="violet"] .buyBtn::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2px;
  background: conic-gradient(from 0deg, #7c3aed, #14b8a6, #a855f7, #7c3aed);
  animation: tq3Spin 4s linear infinite;  
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.85;
}

[data-theme="violet"] .buy-day-btn.active,
[data-theme="violet"] .sidebar .nav-link.active,
[data-theme="violet"] .sidebar .nav-sublink.active,
[data-theme="violet"] .sidebar .nav-item.active {
  animation: tq3Particle 2.4s ease-in-out infinite !important;  
}

[data-theme="violet"] .section-hero,
[data-theme="violet"] .buy-proxy-hero,
[data-theme="violet"] .buy-proxy-hero.card,
[data-theme="violet"] .section-hero.card,
[data-theme="violet"] .svc-hero.card {
  animation: none !important;
  transform: none !important;
}

@keyframes tq10Ripple {
  0% { opacity: 0.55; transform: scale(0.55); }
  100% { opacity: 0; transform: scale(3.4); }
}
@keyframes tq10Settle {
  0% { opacity: 0; filter: blur(8px); transform: scale(1.06); }
  100% { opacity: 1; filter: none; transform: scale(1); }
}
@keyframes tq10WaveRow {
  from { opacity: 0; transform: translateY(10px) scaleX(0.97); }
  to { opacity: 1; transform: none; }
}
@keyframes tq5Orbit { to { transform: rotate(360deg); } }
@keyframes tq5BadgeFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}
@keyframes tq5LockIn {
  0% { opacity: 0; transform: scale(0.86) rotate(-8deg); }
  70% { transform: scale(1.03) rotate(1deg); }
  100% { opacity: 1; transform: scale(1) rotate(0); }
}
@keyframes tq5RevealUp {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: none; }
}
@keyframes tq9Flip {
  0% { opacity: 0; transform: perspective(600px) rotateX(-40deg) translateY(-12px); }
  100% { opacity: 1; transform: perspective(600px) rotateX(0) translateY(0); }
}
@keyframes tq9Wobble {
  0% { transform: rotate(-4deg); }
  60% { transform: rotate(1deg); }
  100% { transform: rotate(-0.8deg); }
}

 
[data-theme="frost"] body::before,
[data-theme="frost"] body::after {
  display: block;
  left: 78%;
  top: 16%;
  width: 120px;
  height: 120px;
  margin: -60px 0 0 -60px;
  border-radius: 50%;
  border: 2px solid rgba(14, 165, 233, 0.35);
  animation: tq10Ripple 2.8s ease-out infinite;  
  z-index: 0;
}
[data-theme="frost"] body::after {
  width: 160px;
  height: 160px;
  margin: -80px 0 0 -80px;
  animation-delay: 0.9s;
  border-color: rgba(56, 189, 248, 0.28);
}
[data-theme="frost"] .card,
[data-theme="frost"] .buy-card,
[data-theme="frost"] .stat-card,
[data-theme="frost"] .admin-stat-card {
  animation: tq10Settle 0.55s cubic-bezier(0.22, 1, 0.36, 1) both !important;
}
[data-theme="frost"] .topbar {
  animation: tq10Settle 0.55s cubic-bezier(0.22, 1, 0.36, 1) both !important;
  transform: none;
}
[data-theme="frost"] .buy-proxy-hero.card,
[data-theme="frost"] .section-hero.card,
[data-theme="frost"] .svc-hero.card {
  animation: none !important;
  transform: none !important;
}
[data-theme="frost"] .buy-card:nth-child(2) { animation-delay: 0.06s !important; }
[data-theme="frost"] .buy-card:nth-child(3) { animation-delay: 0.12s !important; }
[data-theme="frost"] .buy-card:nth-child(4) { animation-delay: 0.18s !important; }
[data-theme="frost"] .topbar-wallet-pill--main {
  animation: tq10WaveRow 0.4s ease both !important;
}
[data-theme="frost"] .topbar-wallet-pill--reward {
  animation: tq10WaveRow 0.4s ease 0.08s both !important;
}
[data-theme="frost"] .topbar-topup-btn {
  animation: tq10WaveRow 0.4s ease 0.14s both !important;
}

 
[data-theme="orbit"] body::before {
  display: block;
  left: 70%;
  top: 14%;
  width: 220px;
  height: 220px;
  margin: -110px 0 0 -110px;
  border-radius: 50%;
  border: 2px dashed rgba(99, 102, 241, 0.4);
  animation: tq5Orbit 18s linear infinite;  
  z-index: 0;
}
[data-theme="orbit"] body::after {
  display: block;
  left: 70%;
  top: 14%;
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
  border-radius: 50%;
  background: #6366f1;
  animation: tq5BadgeFloat 3s ease-in-out infinite;
  z-index: 0;
}
[data-theme="orbit"] .card,
[data-theme="orbit"] .buy-card,
[data-theme="orbit"] .stat-card,
[data-theme="orbit"] .admin-stat-card {
  animation: tq5LockIn 0.55s cubic-bezier(0.22, 1, 0.36, 1) both !important;
}
[data-theme="orbit"] .topbar {
  animation: tq5LockIn 0.55s cubic-bezier(0.22, 1, 0.36, 1) both !important;
}
[data-theme="orbit"] .buy-proxy-hero.card,
[data-theme="orbit"] .section-hero.card,
[data-theme="orbit"] .svc-hero.card {
  animation: none !important;
  transform: none !important;
}
[data-theme="orbit"] .buy-card:nth-child(2) { animation-delay: 0.06s !important; }
[data-theme="orbit"] .buy-card:nth-child(3) { animation-delay: 0.12s !important; }
[data-theme="orbit"] .buy-card:nth-child(4) { animation-delay: 0.18s !important; }
[data-theme="orbit"] .topbar-topup-btn {
  animation: tq5RevealUp 0.4s ease both !important;
  box-shadow:
    0 6px 22px rgba(79, 70, 229, 0.48),
    0 0 0 3px rgba(99, 102, 241, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

 
[data-theme="ticket"] .card,
[data-theme="ticket"] .buy-card,
[data-theme="ticket"] .stat-card,
[data-theme="ticket"] .admin-stat-card {
  animation: tq9Flip 0.55s cubic-bezier(0.22, 1, 0.36, 1) both !important;
  transform-origin: top center;
}
[data-theme="ticket"] .topbar {
  animation: none !important;
  transform: none !important;
}
[data-theme="ticket"] .buy-proxy-hero.card,
[data-theme="ticket"] .section-hero.card,
[data-theme="ticket"] .svc-hero.card {
  animation: none !important;
  transform: none !important;
}
[data-theme="ticket"] .buy-card:nth-child(2) { animation-delay: 0.06s !important; }
[data-theme="ticket"] .buy-card:nth-child(3) { animation-delay: 0.12s !important; }
[data-theme="ticket"] .buy-card:nth-child(4) { animation-delay: 0.18s !important; }
[data-theme="ticket"] .topbar-wallet-pill,
[data-theme="ticket"] .topbar-topup-btn,
[data-theme="ticket"] .title,
[data-theme="ticket"] h1 {
  animation: tq9Wobble 0.45s ease both !important;
}


 
@media (prefers-reduced-motion: reduce) {
  [data-theme] body::before,
  [data-theme] body::after,
  [data-theme] .card,
  [data-theme] .buy-card,
  [data-theme] .stat-card,
  [data-theme] .admin-stat-card,
  [data-theme] .topbar,
  [data-theme] .topbar-topup-btn,
  [data-theme] .topbar-wallet-pill,
  [data-theme] .btn-primary::after,
  [data-theme] .buyBtn::after,
  [data-theme] .topbar-topup-btn::before,
  [data-theme] .topbar-topup-btn::after,
  [data-theme] .section-hero,
  [data-theme] .buy-proxy-hero,
  [data-theme] .sidebar .nav-link.active,
  [data-theme] .sidebar .nav-item.active,
  [data-theme] .buy-day-btn.active,
  [data-theme] h1,
  [data-theme] .title,
  [data-theme] .skin-op-enter,
  [data-theme] .skin-op-enter-soft,
  [data-theme] .skin-op-enter-title {
    animation: none !important;
  }
}

 
@keyframes skinOpFadeSlide {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

 
@keyframes skinOpTitleIn {
  from {
    opacity: 0.55;
    transform: translateY(3px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.skin-op-enter {
  animation: skinOpFadeSlide 0.38s cubic-bezier(0.22, 1, 0.36, 1) both;
  will-change: transform, opacity;
}

.skin-op-enter-soft {
  animation: skinOpTitleIn 0.22s ease-out both;
}

.skin-op-enter-title {
  animation: skinOpTitleIn 0.22s cubic-bezier(0.22, 1, 0.36, 1) both;
}

 
.section.skin-op-enter,
.section.skin-op-enter-soft,
.upk-section.skin-op-enter,
.upk-section.skin-op-enter-soft,
.content-section.skin-op-enter,
.content-section.skin-op-enter-soft,
.topbar.skin-op-enter,
.topbar.skin-op-enter-soft,
[id$="Panel"].skin-op-enter,
[id$="Panel"].skin-op-enter-soft {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
  will-change: auto !important;
}

.section.skin-op-enter > .card,
.section.skin-op-enter > .svc-panel,
.section.skin-op-enter > .section-hero,
.section.skin-op-enter > .buy-proxy-hero,
.section.skin-op-enter > .filter-bar,
.section.skin-op-enter > .dashboard-toolbar,
.section.skin-op-enter > .table-container,
.upk-section.skin-op-enter > .card,
.upk-section.skin-op-enter > .svc-panel,
.upk-section.skin-op-enter > .section-hero,
.upk-section.skin-op-enter > .buy-proxy-hero {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
}

[data-theme="ocean"] .skin-op-enter {
  animation: tq1FrameIn 0.48s cubic-bezier(0.22, 1, 0.36, 1) both;
}
[data-theme="ocean"] .skin-op-enter-soft {
  animation: tq1FromLeft 0.36s ease both;
}
[data-theme="ocean"] .skin-op-enter-title {
  animation: tq1FromRight 0.36s ease both;
}

[data-theme="emerald"] .skin-op-enter {
  animation: tq4QrIn 0.36s cubic-bezier(0.2, 0.9, 0.2, 1) both;
}
[data-theme="emerald"] .skin-op-enter-soft {
  animation: tq4AmountHero 0.3s cubic-bezier(0.2, 0.9, 0.2, 1) both;
}
[data-theme="emerald"] .skin-op-enter-title {
  animation: tq4QrIn 0.3s cubic-bezier(0.2, 0.9, 0.2, 1) both;
}

[data-theme="sunset"] .skin-op-enter {
  animation: tq8WarmIn 0.45s ease both;
}
[data-theme="sunset"] .skin-op-enter-soft {
  animation: tq8DialIn 0.4s cubic-bezier(0.34, 1.4, 0.64, 1) both;
}
[data-theme="sunset"] .skin-op-enter-title {
  animation: tq8Tick 0.55s ease-in-out both;
}

[data-theme="violet"] .skin-op-enter {
  animation: tq12Focus 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
}
[data-theme="violet"] .skin-op-enter-soft {
  animation: tq12FadeUp 0.38s ease both;
}
[data-theme="violet"] .skin-op-enter-title {
  animation: tq3Rise 0.42s cubic-bezier(0.22, 1, 0.36, 1) both;
}

[data-theme="frost"] .skin-op-enter {
  animation: tq10Settle 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
}
[data-theme="frost"] .skin-op-enter-soft {
  animation: tq10WaveRow 0.4s ease both;
}
[data-theme="frost"] .skin-op-enter-title {
  animation: tq10WaveRow 0.35s ease both;
}
[data-theme="orbit"] .skin-op-enter {
  animation: tq5LockIn 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
}
[data-theme="orbit"] .skin-op-enter-soft {
  animation: tq5RevealUp 0.35s ease both;
}
[data-theme="orbit"] .skin-op-enter-title {
  animation: tq5LockIn 0.4s ease both;
}
[data-theme="ticket"] .skin-op-enter {
  animation: tq9Flip 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
}
[data-theme="ticket"] .skin-op-enter-soft {
  animation: tq9Wobble 0.4s ease both;
}
[data-theme="ticket"] .skin-op-enter-title {
  animation: tq9Wobble 0.35s ease both;
}

 
.skin-op-enter > .card,
.skin-op-enter > .svc-panel,
.skin-op-enter > .section-hero,
.skin-op-enter > .buy-proxy-hero,
.skin-op-enter > .filter-bar,
.skin-op-enter > .dashboard-toolbar,
.skin-op-enter > .table-container,
.skin-op-enter > .admin-stat-grid,
.skin-op-enter .buy-grid > .buy-card {
  animation: inherit;
  animation-duration: 0.4s;
  animation-fill-mode: both;
}
.skin-op-enter > .card:nth-child(2),
.skin-op-enter .buy-grid > .buy-card:nth-child(2) {
  animation-delay: 0.04s;
}
.skin-op-enter > .card:nth-child(3),
.skin-op-enter .buy-grid > .buy-card:nth-child(3) {
  animation-delay: 0.08s;
}
.skin-op-enter > .card:nth-child(4),
.skin-op-enter .buy-grid > .buy-card:nth-child(4) {
  animation-delay: 0.12s;
}
.skin-op-enter > .card:nth-child(5),
.skin-op-enter .buy-grid > .buy-card:nth-child(5) {
  animation-delay: 0.16s;
}

 
.sidebar .nav-link.skin-op-nav-flash,
.sidebar .nav-item.skin-op-nav-flash,
.sidebar .nav-sublink.skin-op-nav-flash,
.admin-section-pill.skin-op-nav-flash,
.proxy-hub-tab.skin-op-nav-flash,
.pricing-card-menu__btn.skin-op-nav-flash,
.user-mobile-tab.skin-op-nav-flash {
  animation: tq8Tick 0.45s ease-out both;
}
[data-theme="ocean"] .skin-op-nav-flash {
  animation: tq1FromLeft 0.3s ease both;
}
[data-theme="emerald"] .skin-op-nav-flash {
  animation: tq4AmountHero 0.28s cubic-bezier(0.2, 0.9, 0.2, 1) both;
}
[data-theme="violet"] .skin-op-nav-flash {
  animation: tq3Particle 0.5s ease-out both;
}
[data-theme="frost"] .skin-op-nav-flash {
  animation: tq10Settle 0.4s ease-out both;
}
[data-theme="orbit"] .skin-op-nav-flash {
  animation: tq5LockIn 0.35s ease-out both;
}
[data-theme="ticket"] .skin-op-nav-flash {
  animation: tq9Wobble 0.35s ease-out both;
}