style.css

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');

/* Base */
body {
  @apply bg-background text-text-dark font-sans leading-relaxed;
}

/* Glassmorphic card */
.glass-card {
  @apply bg-white/50 backdrop-blur-md border border-white/20 rounded-xl shadow-md p-6 transition-transform duration-300;
}
.glass-card:hover {
  @apply scale-[1.02] shadow-lg;
}

/* Buttons */
.btn-primary {
  @apply bg-primary text-white font-semibold py-3 px-6 rounded-xl shadow-md transition-colors duration-300;
}
.btn-primary:hover {
  @apply bg-primary-light;
}
.btn-secondary {
  @apply bg-background text-primary border border-primary py-2 px-5 rounded-lg transition-all;
}
.btn-secondary:hover {
  @apply bg-primary-light text-white;
}

/* Headings & Links */
h1, h2, h3 {
  @apply text-text-dark font-bold;
}
a {
  @apply text-primary underline-offset-4 transition-all;
}
a:hover {
  @apply underline decoration-primary-light;
}