.activation-card {
  max-width: 31rem;
  margin: .75rem auto 2rem;
  padding: clamp(1rem, 4vw, 2rem);
  background: #fff;
  border: 1px solid #dbe3e5;
  border-radius: 1.2rem;
  color: #142f46;
}
.activation-card .activation-brand {
  color: #187f70;
  font-size: .875rem;
  font-weight: 700;
}
.activation-card h1 { font-size: clamp(1.55rem, 6vw, 2rem); margin: .75rem 0; }
.activation-card p { line-height: 1.5; margin: .6rem 0 1rem; }
.activation-card label { display: block; font-weight: 650; margin: 1rem 0 .4rem; }
.activation-card input {
  width: 100%; min-width: 0; padding: .7rem;
  background: #f3f5f5; border: 1px solid #cdd8db; border-radius: .6rem;
  color: #142f46; font: inherit; font-size: 1rem;
}
.activation-request { display: flex; gap: .5rem; }
.activation-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; margin: .5rem 0 .75rem; }
.activation-card button {
  padding: .7rem .95rem; background: #187f70; color: #fff;
  border-radius: .6rem; border: 0; font: inherit; font-weight: 700;
}
.activation-card form button { width: 100%; }
.activation-card #paste-activation-code { background: #e6f0ed; color: #142f46; }
.activation-card button:disabled { opacity: .6; }
.activation-card #activation-status { color: #9e3c33; }
.activation-card #activation-status:empty { margin: 0; }