.twitch-button {
  display: flex;
  min-height: 56px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 0;
  color: #fff;
  background: #9146ff;
  border: 1px solid #a970ff;
  border-radius: 13px;
  box-shadow: 0 14px 35px rgba(0, 0, 0, .26);
  font-size: 12px;
  font-weight: 850;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}

.twitch-button:hover,
.twitch-button:focus-visible {
  color: #fff;
  background: #a65cff;
  border-color: #c69cff;
  box-shadow: 0 16px 38px rgba(87, 28, 164, .36), 0 0 0 3px rgba(145, 70, 255, .16);
  transform: translateY(-2px);
}

.twitch-button-icon {
  display: grid;
  width: 26px;
  height: 26px;
  place-items: center;
  flex: 0 0 auto;
  background: rgba(255, 255, 255, .16);
  border-radius: 7px;
}

.twitch-button-icon img {
  display: block;
  width: 18px;
  height: 18px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

.twitch-registration-card { text-align: left; }
.twitch-registration-card .login-logo,
.twitch-registration-card > h1,
.twitch-registration-card > p { text-align: center; }
.twitch-registration-card .raffle-eyebrow { margin: 22px 0 0; text-align: center; }
.twitch-profile-preview { display: flex; min-height: 58px; align-items: center; justify-content: center; gap: 12px; margin: 22px 0; padding: 11px 14px; background: rgba(145, 70, 255, .1); border: 1px solid rgba(169, 99, 255, .3); border-radius: 13px; }
.twitch-profile-preview img { width: 40px; height: 40px; object-fit: cover; border: 2px solid rgba(255, 255, 255, .72); border-radius: 50%; box-shadow: 0 4px 14px rgba(0, 0, 0, .25); }
.twitch-profile-preview span { display: block; }
.twitch-profile-preview strong { color: #f4f6fa; font-size: 14px; }
.twitch-registration-form { display: grid; gap: 13px; margin-top: 20px; }
.twitch-registration-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.twitch-registration-form label { display: grid; gap: 6px; }
.twitch-registration-form label > span { color: #7d8c82; font-size: 9px; font-weight: 900; letter-spacing: .09em; }
.twitch-registration-form input { width: 100%; min-height: 50px; padding: 0 13px; color: #f4f8f5; background: #050806; border: 1px solid rgba(255, 255, 255, .13); border-radius: 11px; outline: 0; }
.twitch-registration-form input:focus { border-color: #a75bff; box-shadow: 0 0 0 3px rgba(145, 70, 255, .12); }
.twitch-button--submit { width: 100%; margin-top: 4px; font-size: 11px; }

@media (max-width: 540px) {
  .twitch-registration-grid { grid-template-columns: 1fr; }
}