.cosmic-bg {
  background: radial-gradient(ellipse at 20% 10%, #1e1b4b 0%, transparent 55%),
              radial-gradient(ellipse at 80% 90%, #3b0764 0%, transparent 55%),
              #060312;
}

.stars {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

.star {
  position: absolute;
  border-radius: 50%;
  background: #fff;
  animation: twinkle 3s ease-in-out infinite;
}

@keyframes twinkle {
  0%, 100% { opacity: 0.2; }
  50% { opacity: 0.9; }
}

.glass {
  background: rgba(15, 12, 35, 0.7);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(139, 92, 246, 0.2);
  box-shadow: 0 0 40px rgba(109, 40, 217, 0.15);
}

.glow-ring {
  background: rgba(76, 29, 149, 0.3);
  border: 1px solid rgba(167, 139, 250, 0.4);
  box-shadow: 0 0 30px rgba(139, 92, 246, 0.4), inset 0 0 20px rgba(139, 92, 246, 0.2);
}

.drop-zone {
  border: 2px dashed rgba(139, 92, 246, 0.4);
  background: rgba(76, 29, 149, 0.08);
}

.drop-zone:hover,
.drop-zone.dragover {
  border-color: rgba(217, 70, 239, 0.8);
  background: rgba(139, 92, 246, 0.12);
  box-shadow: 0 0 25px rgba(139, 92, 246, 0.25);
}