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

body {
  background-color: #0a0a0a;
  color: #f3f4f6;
  font-family: 'Inter', sans-serif;
  scroll-behavior: smooth;
}

.gradient-text {
  background: linear-gradient(to right, #ffffff, #9ca3af);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.glass-card {
  background: rgba(20, 20, 20, 0.8);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.btn-primary {
  background: #e11d48;
  transition: all 0.2s ease;
}

.btn-primary:hover {
  background: #be123c;
  transform: translateY(-1px);
  box-shadow: 0 10px 20px -5px rgba(225, 29, 72, 0.3);
}

.section-content { display: none; }
.section-active { display: block; }

/* Loading spinner */
.spinner {
  border: 3px solid rgba(255, 255, 255, 0.1);
  border-top: 3px solid #e11d48;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

details > summary { list-style: none; }
details > summary::-webkit-details-marker { display: none; }