/* CNY2 AuthLayout only. The stylesheet is also loaded by the signed-in shell. */
#app .min-h-screen[data-v-86388737] {
  --getai-ink: #25422a;
  --getai-muted: #566752;
  --getai-green: #39642c;
  --getai-line: #c8d4ba;
  --getai-paper: #fffdf4;
  color-scheme: light;
  color: var(--getai-ink);
  background:
    radial-gradient(ellipse at 14% 12%, #f8e6a8 0, transparent 30%),
    radial-gradient(ellipse at 85% 83%, #d7e6b7 0, transparent 34%),
    radial-gradient(circle, #d8cda7 1px, transparent 1.5px) 0 0 / 23px 23px,
    #fbf3dc;
  padding: clamp(22px, 6vh, 58px) 16px 24px;
}

#app .min-h-screen[data-v-86388737] > .absolute.inset-0 {
  display: none;
}

#app .min-h-screen[data-v-86388737] > .max-w-md {
  max-width: 29rem;
}

#app .min-h-screen[data-v-86388737] .mb-8.text-center {
  margin-bottom: 1.4rem;
}

#app .min-h-screen[data-v-86388737] .mb-8.text-center > .inline-flex {
  position: relative;
  overflow: visible;
  margin-bottom: .55rem;
  width: 4.6rem;
  height: 4.6rem;
  border: 2px solid #fff8df;
  border-radius: 46% 49% 43% 48%;
  background: #e3edbc;
  box-shadow: 0 5px 0 #c7d5a2, 0 9px 21px #66704422;
  transform: rotate(-7deg);
}

#app .min-h-screen[data-v-86388737] .mb-8.text-center > .inline-flex img {
  visibility: hidden;
}

#app .min-h-screen[data-v-86388737] .mb-8.text-center > .inline-flex::before {
  content: "";
  position: absolute;
  width: 24px;
  height: 15px;
  left: 33px;
  top: 14px;
  border-radius: 100% 6% 100% 16%;
  background: #75a24e;
  box-shadow: -16px 4px 0 -2px #99b960;
  transform: rotate(-18deg);
}

#app .min-h-screen[data-v-86388737] .mb-8.text-center > .inline-flex::after {
  content: "";
  position: absolute;
  width: 36px;
  height: 25px;
  top: 30px;
  left: 17px;
  border-radius: 50% 50% 47% 47%;
  background:
    radial-gradient(circle at 36% 43%, #345330 1.6px, transparent 2.1px),
    radial-gradient(circle at 64% 43%, #345330 1.6px, transparent 2.1px),
    radial-gradient(ellipse at 50% 61%, #345330 1.4px, transparent 2.8px),
    radial-gradient(ellipse at 21% 61%, #e6a885 2.5px, transparent 3.2px),
    radial-gradient(ellipse at 79% 61%, #e6a885 2.5px, transparent 3.2px),
    #fff1bb;
  box-shadow: 0 2px 0 #dcbf78;
}

#app .min-h-screen[data-v-86388737] h1.text-gradient {
  margin: 0 0 .25rem;
  color: #32572a;
  background: none;
  font-size: clamp(2.55rem, 6vw, 3.25rem);
  line-height: 1.05;
  font-weight: 850;
  letter-spacing: -.065em;
}

#app .min-h-screen[data-v-86388737] .mb-8.text-center > p {
  display: inline-block;
  margin-top: .38rem;
  padding: .24rem .85rem;
  border: 1px solid #deca8d;
  border-radius: 99px;
  background: #fff0bb;
  color: #5d512f;
  font-weight: 650;
  letter-spacing: .06em;
}

#app .min-h-screen[data-v-86388737] .card-glass {
  padding: clamp(23px, 5vw, 34px);
  border: 1px solid #e4d8af;
  border-radius: 29px;
  background: var(--getai-paper);
  box-shadow: 0 5px 0 #e9ddba, 0 16px 36px #71633c18;
  backdrop-filter: none;
}

#app .min-h-screen[data-v-86388737] .card-glass h2 {
  color: var(--getai-ink);
  font-weight: 800;
}

#app .min-h-screen[data-v-86388737] :is(.text-gray-500, .text-gray-400, .input-hint) {
  color: var(--getai-muted);
}

#app .min-h-screen[data-v-86388737] :is(.input-label, .text-gray-700, .text-gray-300) {
  color: var(--getai-ink);
}

#app .min-h-screen[data-v-86388737] .input {
  min-height: 44px;
  border-color: var(--getai-line);
  border-radius: 14px;
  background: #fffef8;
  color: var(--getai-ink);
}

#app .min-h-screen[data-v-86388737] .input::placeholder {
  color: #66765e;
  opacity: 1;
}

#app .min-h-screen[data-v-86388737] .input:focus {
  border-color: #587e3e;
  box-shadow: 0 0 0 3px #dceac4;
}

#app .min-h-screen[data-v-86388737] .input-error {
  border-color: #b83b33;
}

#app .min-h-screen[data-v-86388737] .input-error:focus {
  box-shadow: 0 0 0 3px #f8d9d2;
}

#app .min-h-screen[data-v-86388737] .bg-amber-50 {
  border-color: #e1c882;
  background: #fff4ce;
}

#app .min-h-screen[data-v-86388737] :is(.text-amber-500, .text-amber-700) {
  color: #745116;
}

#app .min-h-screen[data-v-86388737] .bg-green-50 {
  border-color: #bfd5a7;
  background: #eff5dc;
}

#app .min-h-screen[data-v-86388737] :is(.text-green-500, .text-green-700) {
  color: #355e28;
}

#app .min-h-screen[data-v-86388737] .btn-primary {
  min-height: 46px;
  border-radius: 15px;
  background: var(--getai-green);
  color: #fffef5;
  box-shadow: 0 3px 0 #24451c;
  font-weight: 700;
}

#app .min-h-screen[data-v-86388737] .btn-primary:hover:enabled {
  background: #2f5624;
}

#app .min-h-screen[data-v-86388737] a {
  color: #305927;
  text-decoration: underline;
  text-underline-offset: .2em;
}

#app .min-h-screen[data-v-86388737] :is(a, button):focus-visible {
  outline: 2px solid #527637;
  outline-offset: 3px;
}

#app .min-h-screen[data-v-86388737] .max-w-md > .mt-8 {
  margin-top: 1.35rem;
}