body{
     /* font-family: "Great Vibes", cursive !important;
     font-size: 2rem; */
}
#hero-subtitle, #hero-subtitle  {
   text-shadow: 2px 2px 1px #020202 !important;
}
* { box-sizing: border-box; }
body { font-family: system-ui, -apple-system, sans-serif; background-color: #f8fafc; color: #1e293b; margin: 0; padding: 0; }
.smooth-scroll { scroll-behavior: smooth; }

.nav-link { transition: all 0.3s ease; text-decoration: none; color: inherit; }
.nav-link:hover { transform: translateY(-2px); }

.card { transition: transform 0.3s ease, box-shadow 0.3s ease; background: #fff; }
.card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.15); }

.btn { transition: all 0.3s ease; background-color: #8E3D2E; color: white; border: none; cursor: pointer; }
.btn:hover { transform: scale(1.05); }

.section { min-height: 100%; padding: 4rem 1.5rem; }

.quiz-option { transition: all 0.2s ease; cursor: pointer; }
.quiz-option:hover { transform: translateX(5px); }
.quiz-option.selected { border-width: 2px; }

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
.fade-in { animation: fadeIn 0.6s ease-out; }

.toast {
  position: fixed; top: 20px; right: 20px;
  padding: 1rem 1.5rem; border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15); z-index: 1000;
  animation: slideIn 0.3s ease-out;
}
@keyframes slideIn {
  from { transform: translateX(400px); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}

/* Responsive tweaks */
@media (max-width: 768px) {
  .text-5xl { font-size: 2rem; }
  .text-4xl { font-size: 1.5rem; }
}