/* ===============================
   GLOBAL
================================ */
body {
  background: #ffffff;
  color: #0f172a;
  letter-spacing: -0.01em;
}

a {
  text-decoration: none;
  transition: color 0.2s ease;
}

.btn-secondary-ghost {
  color: #0f172a;
  font-weight: 600;
  padding: 14px 22px;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  transition: background 0.2s ease;
}
.btn-secondary-ghost:hover {
  background: #f8fafc;
}

.register-strip {
  padding: 90px 0;
  background: linear-gradient(135deg, #eff6ff, #ffffff);
  text-align: center;
}
.register-strip h3 {
  font-size: 38px;
  font-weight: 800;
}
.register-strip p {
  color: #64748b;
  max-width: 520px;
  margin: 16px auto 32px;
}

/* ===============================
   MICRO INTERACTIONS
================================ */
[data-fade] {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

[data-fade].show {
  opacity: 1;
  transform: translateY(0);
}