@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800;900&family=Inter:wght@400;600;700;800&display=swap');

.login, .two-factor-authentication {
  font-family: 'Inter', sans-serif;
  background: #040617;
}

.two-factor-authentication {
  display: flex;
  justify-content: center;
}

.login .login-container .login-form-container {
  background-color: #fff;
}

.login h1, .two-factor-authentication h1 {
  font-family: 'Hanken+Grotesk', sans-serif;
  font-weight: 900;
}

.login-container .login-alt-container button:focus,
.login-container .login-alt-container button:hover,
.login-container .login-forgot-password:focus,
.login-container .login-forgot-password:hover {
  color: #ff1152 !important;
}

.grain {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.grain:before,
.grain:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
}

.grain:before {
  width: 100vh;
  height: 100vh;
  background: radial-gradient(70% 70% at 115% 15%, rgba(255, 17, 82, 0.35) 0%, rgba(255, 17, 82, 0) 100%);
}

.grain::after {
  opacity: 0.3;
  width: 100%;
  height: 100%;
  background: url('data:image/png;base64,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');
}

.login .btn.submit:not(.disabled):not(.inactive),
.login .btn.login-passkey-btn:not(.disabled):not(.inactive),
.two-factor-authentication .btn.submit:not(.disabled):not(.inactive) {
  background-color: #ff1152 !important;
  color: #fff;
}

.login .btn.submit:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]).focus,
.login .btn.submit:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):focus,
.login .btn.submit:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):hover,
.login .btn.login-passkey-btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]).focus,
.login .btn.login-passkey-btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):focus,
.login .btn.login-passkey-btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):hover,
.two-factor-authentication .btn.submit:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]).focus,
.two-factor-authentication .btn.submit:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):focus,
.two-factor-authentication .btn.submit:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):hover {
  background-color: #cc0036 !important;
}

.oym-logo {
  fill: #fff;
  width: 80px;
  height: 80px;
  margin: 4%;
}

@media only screen and (max-width: 600px) {
  .oym-logo {
    margin-top: 24px;
    margin-left: calc((100vw - 300px) / 2);
  }
}

body.login main h1,
body.two-factor-authentication main h1 {
  color: #fff;
  word-wrap: normal !important;
}

#poweredby {
  display: none !important;
}