body {
  font-family: 'Inter', sans-serif;
}


/* Animations */

.fade-in {
  animation: fadeIn 0.8s ease forwards;
}

.slide-up {
  animation: slideUp 0.6s ease forwards;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


/* Buttons */

.btn {
  width: 100%;
  padding: 12px;
  border-radius: 12px;
  font-weight: 500;
  transition: all 0.3s ease;
  cursor: pointer;
}

.btn:active {
  transform: scale(0.95);
}


/* Colors */

.btn-blue {
  background: #2563eb;
}

.btn-blue:hover {
  background: #1d4ed8;
}


.btn-green {
  background: #16a34a;
}

.btn-green:hover {
  background: #15803d;
}


.btn-gray {
  background: #475569;
}

.btn-gray:hover {
  background: #64748b;
}