/* [project]/app/login.module.css [app-client] (css) */
.login-module__p9DPgW__container {
  background-color: var(--pk-bg-root);
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100dvh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.login-module__p9DPgW__content {
  z-index: 10;
  width: 100%;
  max-width: 400px;
  padding: var(--pk-space-4);
  text-align: center;
  position: relative;
}

.login-module__p9DPgW__logoContainer {
  margin-bottom: var(--pk-space-4);
  animation: .6s login-module__p9DPgW__fadeIn;
}

.login-module__p9DPgW__logo {
  object-fit: contain;
  width: 320px;
  height: 320px;
  margin-bottom: var(--pk-space-2);
}

.login-module__p9DPgW__title {
  letter-spacing: -.02em;
  color: #fff;
  text-shadow: 0 4px 12px #00000080;
  font-size: 3.5rem;
  font-weight: 700;
}

.login-module__p9DPgW__titleAccent {
  color: #cc7b19;
}

.login-module__p9DPgW__card {
  width: 100%;
}

.login-module__p9DPgW__button {
  color: #000;
  border-radius: var(--pk-radius-lg);
  cursor: pointer;
  background-color: #e5a00d;
  border: none;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 16px;
  font-size: 1.125rem;
  font-weight: 700;
  transition: all .2s;
  display: flex;
  box-shadow: 0 4px 12px #e5a00d4d;
}

.login-module__p9DPgW__button:hover:not(:disabled) {
  background-color: #c4890b;
  transform: scale(1.02);
}

.login-module__p9DPgW__button:active:not(:disabled) {
  transform: scale(.98);
}

.login-module__p9DPgW__button:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.login-module__p9DPgW__spinner {
  width: 20px;
  height: 20px;
  animation: 1s linear infinite login-module__p9DPgW__spin;
}

.login-module__p9DPgW__spinnerCircle {
  opacity: .25;
}

.login-module__p9DPgW__spinnerPath {
  opacity: .75;
}

@keyframes login-module__p9DPgW__spin {
  to {
    transform: rotate(360deg);
  }
}

.login-module__p9DPgW__error {
  margin-bottom: var(--pk-space-3);
  border-radius: var(--pk-radius-md);
  color: #ffcdd2;
  background-color: #f4433633;
  border: 1px solid #f4433680;
  padding: 12px;
  font-size: .875rem;
  font-weight: 500;
}

.login-module__p9DPgW__helpLink {
  color: #ffffffb3;
  margin-top: 12px;
  font-size: .875rem;
}

.login-module__p9DPgW__helpButton {
  color: #e5a00d;
  font-family: inherit;
  font-size: inherit;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  transition: all .2s;
}

.login-module__p9DPgW__helpButton:hover {
  color: #fff;
  font-weight: 700;
}

.login-module__p9DPgW__modalOverlay {
  z-index: 1000;
  padding: var(--pk-space-4);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #000c;
  justify-content: center;
  align-items: center;
  animation: .2s login-module__p9DPgW__fadeIn;
  display: flex;
  position: fixed;
  inset: 0;
}

.login-module__p9DPgW__modal {
  border-radius: var(--pk-radius-lg);
  background: linear-gradient(to bottom right, #1a1a1a, #0f0f0f);
  border: 1px solid #e5a00d4d;
  width: 100%;
  max-width: 500px;
  max-height: 90vh;
  position: relative;
  overflow-y: auto;
  box-shadow: 0 8px 32px #00000080;
}

.login-module__p9DPgW__modalHeader {
  background: linear-gradient(to right, #e5a00d33, #cc7b1933);
  border-bottom: 1px solid #e5a00d4d;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  display: flex;
  position: sticky;
  top: 0;
}

.login-module__p9DPgW__modalHeader h3 {
  color: #ffd54f;
  margin: 0;
  font-size: 1.125rem;
  font-weight: 700;
}

.login-module__p9DPgW__modalClose {
  color: #9e9e9e;
  cursor: pointer;
  background: none;
  border: none;
  padding: 4px;
  font-size: 1.25rem;
  transition: color .2s;
}

.login-module__p9DPgW__modalClose:hover {
  color: #fff;
}

.login-module__p9DPgW__modalBody {
  padding: var(--pk-space-4);
}

.login-module__p9DPgW__tips {
  border-radius: var(--pk-radius-md);
  margin-bottom: var(--pk-space-4);
  background-color: #e5a00d1a;
  border: 1px solid #e5a00d4d;
  padding: 12px;
}

.login-module__p9DPgW__tips ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.login-module__p9DPgW__tips li {
  color: #bdbdbd;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 6px;
  font-size: .875rem;
  display: flex;
}

.login-module__p9DPgW__tips li:last-child {
  margin-bottom: 0;
}

.login-module__p9DPgW__tips li:before {
  content: "•";
  color: #ffd54f;
  font-weight: 700;
}

.login-module__p9DPgW__step {
  margin-bottom: var(--pk-space-4);
}

.login-module__p9DPgW__step:last-child {
  margin-bottom: 0;
}

.login-module__p9DPgW__step p {
  color: #ffd54f;
  margin-bottom: 8px;
  font-size: .875rem;
  font-weight: 600;
}

.login-module__p9DPgW__stepImage {
  border-radius: var(--pk-radius-md);
  border: 1px solid #e5a00d33;
  width: 100%;
  height: auto;
  box-shadow: 0 4px 12px #0000004d;
}

.login-module__p9DPgW__modalFooter {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #0f0f0ff2;
  border-top: 1px solid #ffffff1a;
  padding: 12px 16px;
  position: sticky;
  bottom: 0;
}

.login-module__p9DPgW__modalButton {
  color: #000;
  border-radius: var(--pk-radius-md);
  cursor: pointer;
  background-color: #e5a00d;
  border: none;
  width: 100%;
  padding: 10px;
  font-size: .875rem;
  font-weight: 600;
  transition: background-color .2s;
}

.login-module__p9DPgW__modalButton:hover {
  background-color: #c4890b;
}

@keyframes login-module__p9DPgW__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/*# sourceMappingURL=app_login_module_b5cb1cc5.css.map*/