/* static/css/verseweave.css */
.verseweave-glass {
    background: rgba(255,255,255,0.08);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255,255,255,0.18);
    box-shadow: 0 20px 40px rgba(0,0,0,0.6);
}

.verseweave-glow { text-shadow: 0 0 30px rgba(251,191,36,0.8); }

.verseweave-input {
    @apply w-full px-6 py-5 bg-white/10 border border-white/25 rounded-2xl text-white text-xl
           focus:outline-none focus:border-amber-400 focus:ring-4 focus:ring-amber-400/30
           transition-all duration-300;
}

.verseweave-form-container {
  display: flex;
  /* Optional: Adjust spacing and alignment */
  justify-content: space-between; /* Distributes items evenly */
  align-items: center; /* Aligns items vertically in the center */
}

.verseweave-form-field {
  display: inline-block;
  margin-right: 10px; /* Add some spacing between elements */
}