/* Basic styles to test if CSS is loading */
body {
  background: linear-gradient(135deg, #36454F, #2c2c2c, #1a1a1a) !important;
  color: #ffffff !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

.site-header {
  background: linear-gradient(135deg, #36454F, #2c2c2c) !important;
  border: none !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
}

.site-title {
  color: #ffffff !important;
  text-decoration: none !important;
}

.page-link {
  color: #ffffff !important;
  text-decoration: none !important;
}

.hero {
  background: linear-gradient(135deg, #36454F, #2c2c2c) !important;
  color: #ffffff !important;
  text-align: center !important;
  padding: 5rem 2rem !important;
  border-radius: 15px !important;
  margin-bottom: 4rem !important;
}

.btn {
  background: linear-gradient(135deg, #FFD700, #FFED4E) !important;
  color: #1a1a1a !important; /* Dark text on yellow buttons for contrast */
  padding: 0.75rem 1.5rem !important;
  border-radius: 5px !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  border: none !important;
  cursor: pointer !important;
  display: inline-block !important;
}