/* File: public/styles.css */
/* Tailwind CDN - In a production app, you'd want to use a proper build process */
@import 'https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css';

/* Additional custom styles */
#qr-code img {
  max-width: 100%;
  height: auto;
}

.copied {
  animation: flash 1s;
}

@keyframes flash {
  0% { background-color: #4F46E5; }
  50% { background-color: #10B981; }
  100% { background-color: #4F46E5; }
}