.twindor .brand img {
  width: 148px;
  height: 42px;
  object-fit: contain;
}

.twindor .btn,
.twindor .btn-gold,
.twindor .btn-ghost {
  color: #06210f;
  background: linear-gradient(180deg, #d4ef6a, #3dd68c 42%, #149452);
  border: 0;
  animation-name: btn-pulse-green;
}

.twindor .btn-login {
  color: #eafff3;
  background: transparent;
  border: 1px solid rgba(61, 214, 140, 0.7);
  animation: none;
  box-shadow: none;
}

.twindor .btn-login:hover,
.twindor .btn-login:focus-visible {
  border-color: #d4ef6a;
  color: #fff;
}

@media (max-width: 719px) {
  .twindor .brand img {
    width: 92px;
    height: 28px;
  }
}

.twindor .cta-final {
  border-color: rgba(61, 214, 140, 0.4);
  background:
    radial-gradient(420px 180px at 50% 0%, rgba(61, 214, 140, 0.22), transparent 70%),
    var(--card);
}

@keyframes btn-pulse-green {
  0%,
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(61, 214, 140, 0.55);
  }
  50% {
    transform: scale(1.045);
    box-shadow: 0 0 0 12px rgba(61, 214, 140, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .twindor .btn {
    animation: none;
    box-shadow: 0 8px 22px rgba(61, 214, 140, 0.35);
  }
}