.signup-page {
  --night: #030303;
  --night-2: #090909;
  --ice: #f5f5f5;
  --blue: #fff;
  --muted: #888;
  --line: rgba(255, 255, 255, .16);
  background: #030303;
}

.signup-page .auth-video {
  filter: grayscale(1) contrast(1.06) brightness(.64);
}

.signup-page .auth-video-shade {
  background: rgba(3, 3, 3, .48) !important;
}

.signup-page .auth-panel[data-signup] {
  background: #fff;
  color: #171717;
  border-color: #e3e3e3;
  box-shadow: 0 24px 74px rgba(0, 0, 0, .42);
}

.signup-page .auth-card-heading h1,
.signup-page .auth-panel a,
.signup-page .auth-panel p a,
.signup-page .plan-badge strong {
  color: #171717;
}

.signup-page .auth-panel label {
  color: #555;
}

.signup-page .auth-panel input:not([type="checkbox"]) {
  color: #171717;
  border-color: #d5d5d5;
  background: #f7f7f7;
}

.signup-page .auth-panel input::placeholder {
  color: #777;
}

.signup-page .social-button {
  color: #171717;
  border-color: #d5d5d5;
  background: #f7f7f7;
}

.signup-page .social-button b {
  color: #171717;
}

.signup-page .auth-divider {
  color: #666;
}

.signup-page .auth-divider::before,
.signup-page .auth-divider::after {
  background: #ddd;
}

.signup-page .submit {
  color: #030303;
  background: #fff;
  border-color: #fff;
}

.signup-page .submit:hover {
  color: #030303;
  background: #d8d8d8;
  border-color: #d8d8d8;
}

.signup-page .auth-panel > p:not(.legal),
.signup-page .legal {
  color: #666;
}

.signup-page .plan-badge {
  border-color: #ddd;
  background: #f5f5f5;
}

.signup-page .auth-video-shade{background:rgba(0,0,0,.38)!important}
.signup-page::before{display:none!important}
.signup-page .auth-panel[data-signup] :is(h1,p,label,small,.auth-divider,.plan-badge span,.plan-badge strong,.legal){color:#171717}
.signup-page .auth-panel[data-signup] .auth-home-link,.signup-page .auth-panel[data-signup]>p a{color:#171717!important}
.signup-page .auth-panel[data-signup] .submit{color:#fff;background:#111;border-color:#111}
.signup-page .auth-panel[data-signup] .submit:hover{color:#fff;background:#333;border-color:#333}
.signup-page .auth-panel[data-signup] .auth-divider::before,.signup-page .auth-panel[data-signup] .auth-divider::after{background:#ddd}
.signup-page .auth-panel[data-signup] :focus-visible{outline-color:#111}