:root {
  --eggy-bg-deep: #13213A;
  --eggy-bg-mid: #1E2D4A;
  --eggy-bg-aqua: #82E3EE;

  --eggy-panel: #FFF6DE;
  --eggy-panel-soft: #FFFAEC;
  --eggy-panel-warm: #F7EFD8;

  --eggy-text: #12264A;
  --eggy-muted: #60708D;

  --eggy-gold: #F3C247;
  --eggy-gold-border: #D9A83A;
  --eggy-gold-dark: #A96F12;

  --eggy-aqua: #6EDFD0;
  --eggy-aqua-soft: #BDF7EF;

  --eggy-green: #34C58A;
  --eggy-line: rgba(217, 168, 58, 0.45);
}

/* Diagnosis login screen only */
.kiwi-startup-common {
  min-height: 100vh !important;
  background:
    radial-gradient(circle at 22% 18%, rgba(130, 227, 238, 0.18), transparent 30%),
    linear-gradient(135deg, var(--eggy-bg-deep), #0f1728 72%) !important;
  color: var(--eggy-text) !important;
}

.kiwi-startup-common-section {
  background: transparent !important;
  color: var(--eggy-text) !important;
}

.kiwi-welcome-simple-form,
.u-form.kiwi-welcome-simple-form {
  width: min(430px, calc(100vw - 38px)) !important;
  margin: 0 auto !important;
  padding: 34px 34px 30px !important;
  border: 2px solid var(--eggy-gold-border) !important;
  border-radius: 28px !important;
  background:
    linear-gradient(180deg, var(--eggy-panel-soft), var(--eggy-panel)) !important;
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.75) !important;
}

.kiwi-welcome-simple-form::before {
  content: "BROWSER CHAT";
  display: inline-flex;
  margin: 0 0 16px 0;
  padding: 6px 11px;
  border: 1px solid rgba(110, 223, 208, 0.72);
  border-radius: 999px;
  background: rgba(110, 223, 208, 0.15);
  color: #167C70;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.1em;
}

.kiwi-welcome-simple-form h2 {
  margin: 0 0 12px !important;
  color: var(--eggy-text) !important;
  font-size: 38px !important;
  line-height: 0.98 !important;
  font-weight: 900 !important;
  letter-spacing: -0.045em !important;
}

.kiwi-welcome-simple-form h2::after {
  content: "Live community chat for Eggy players.";
  display: block;
  margin-top: 12px;
  color: var(--eggy-muted);
  font-size: 15px;
  line-height: 1.35;
  font-weight: 800;
  letter-spacing: 0;
}

.kiwi-welcome-simple-form label {
  color: var(--eggy-text) !important;
  font-weight: 800 !important;
}

.kiwi-welcome-simple-form .u-input,
.kiwi-welcome-simple-form input {
  border: 1px solid rgba(217, 168, 58, 0.44) !important;
  border-radius: 14px !important;
  background: #fffaf0 !important;
  color: var(--eggy-text) !important;
}

.kiwi-welcome-simple-form input:focus {
  border-color: var(--eggy-aqua) !important;
  box-shadow: 0 0 0 3px rgba(110, 223, 208, 0.24) !important;
  outline: none !important;
}

.kiwi-welcome-simple-start,
.kiwi-welcome-simple-form .u-button-primary {
  width: 100% !important;
  min-height: 52px !important;
  margin-top: 18px !important;
  border: 1px solid rgba(169, 111, 18, 0.72) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(180deg, #FFE49E 0%, var(--eggy-gold) 58%, #DFA531 100%) !important;
  color: var(--eggy-text) !important;
  font-weight: 900 !important;
  box-shadow:
    0 5px 0 rgba(169, 111, 18, 0.45),
    0 14px 26px rgba(0, 0, 0, 0.16) !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.45) !important;
}

.kiwi-welcome-simple-form::after {
  content: "You’ll join automatically as a guest and enter #Eggy.";
  display: block;
  margin-top: 22px;
  color: var(--eggy-muted);
  font-size: 12px;
  line-height: 1.45;
  font-weight: 800;
  text-align: center;
}

@media (max-width: 760px) {
  .kiwi-welcome-simple-form,
  .u-form.kiwi-welcome-simple-form {
    padding: 28px 22px 26px !important;
  }

  .kiwi-welcome-simple-form h2 {
    font-size: 32px !important;
  }
}