/* Liquid Glass (Glassmorphism) */
.glass-card {
  backdrop-filter: blur(20px);
  background-color: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 1rem;
  padding: 1.5rem;
  transition: background 0.3s ease;
}
.glass-card:hover {
  background-color: rgba(255, 255, 255, 0.12);
}

.section-title {
  font-size: 1.875rem;
  font-weight: 700;
  margin-bottom: 2rem;
}

.btn {
  background: rgba(255, 255, 255, 0.2);
  padding: 0.5rem 1.25rem;
  border-radius: 0.5rem;
  color: white;
  transition: background 0.3s ease;
}
.btn:hover {
  background: rgba(255, 255, 255, 0.3);
}

.btn-outline {
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 0.5rem 1.25rem;
  border-radius: 0.5rem;
  color: white;
  transition: background 0.3s ease;
}
.btn-outline:hover {
  background: rgba(255, 255, 255, 0.1);
}

body {
  background-image: url('assets/bg-lightmode.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}