.hb-auth{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:calc(12 * var(--hb-rem)) var(--hb-pad) calc(6 * var(--hb-rem))}.hb-auth__card{width:100%;max-width:calc(46 * var(--hb-rem));background-color:var(--hb-white);border:1px solid color-mix(in srgb,var(--hb-green) 28%,transparent);border-radius:calc(.5 * var(--hb-rem));box-shadow:0 calc(1 * var(--hb-rem)) calc(3 * var(--hb-rem)) color-mix(in srgb,var(--hb-green) 12%,transparent);padding:calc(3.2 * var(--hb-rem));color:var(--hb-green)}.hb-auth__card--center{text-align:center}.hb-auth__title{font-size:calc(3.2 * var(--hb-rem));font-weight:800;line-height:104%;letter-spacing:-.02em;color:var(--hb-light-green);margin:0 0 calc(1 * var(--hb-rem))}.hb-auth__lead{font-size:calc(1.5 * var(--hb-rem));line-height:145%;color:color-mix(in srgb,var(--hb-green) 78%,transparent);margin:0 0 calc(2.4 * var(--hb-rem))}.hb-auth__lead--flush{margin-bottom:0}.hb-auth__notice{font-size:calc(1.5 * var(--hb-rem));line-height:145%;padding:calc(1.4 * var(--hb-rem)) calc(1.6 * var(--hb-rem));border-radius:calc(.4 * var(--hb-rem));border:1px solid color-mix(in srgb,var(--hb-green) 20%,transparent);background-color:var(--hb-light-beige);color:var(--hb-light-green);margin:0}.hb-auth__forget{display:block;margin:calc(-.6 * var(--hb-rem)) 0 calc(1.6 * var(--hb-rem));font-size:calc(1.3 * var(--hb-rem));color:color-mix(in srgb,var(--hb-green) 65%,transparent);text-decoration:underline;text-underline-offset:.2em;transition:color .3s var(--hb-ease-out)}.hb-auth__forget:hover{color:var(--hb-green)}.hb-auth__cta{display:inline-flex;align-items:center;justify-content:center;margin-top:calc(2.4 * var(--hb-rem));padding:calc(1.3 * var(--hb-rem)) calc(2.4 * var(--hb-rem));font-size:calc(1.5 * var(--hb-rem));font-weight:700;border-radius:calc(.4 * var(--hb-rem));background-color:var(--hb-green);color:var(--hb-beige);transition:background-color .4s var(--hb-ease-out)}.hb-auth__cta:hover{background-color:var(--hb-light-green)}.hb-auth__spinner{width:calc(3.2 * var(--hb-rem));height:calc(3.2 * var(--hb-rem));margin:0 auto calc(1.6 * var(--hb-rem));border-radius:50%;border:2px solid color-mix(in srgb,var(--hb-green) 15%,transparent);border-top-color:var(--hb-green);animation:hb-auth-spin .9s linear infinite}@keyframes hb-auth-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.hb-auth__spinner{animation-duration:2.4s}}