.auth-page{isolation:isolate;color:#fff7e5;background:#3a212c;min-height:100svh;position:relative;overflow:clip}.auth-content{z-index:1;max-width:46rem;padding:3rem 1.5rem max(4rem,env(safe-area-inset-bottom));text-align:center;flex-direction:column;align-items:center;margin:auto;display:flex;position:relative}.auth-logo{margin:1rem 0 0;font-size:clamp(3.5rem,12vw,5.5rem)}.auth-logo .logo-sprout{left:1.05em}.auth-mascot{filter:drop-shadow(0 0 28px #e386b027);width:min(100%,27rem);margin:-1rem 0 -2rem}.auth-mascot img{width:100%;height:auto;animation:5s ease-in-out infinite breathe}.auth-page h1{font-family:var(--font-fredoka),sans-serif;letter-spacing:.015em;text-wrap:balance;margin:0;font-size:clamp(2rem,6vw,3.2rem);font-weight:550;line-height:1.12}.auth-page h1 span{color:#f5d2e2}.auth-intro{max-width:34rem;margin:1.5rem 0 2rem;font-size:clamp(1.15rem,3.8vw,1.7rem);font-weight:650;line-height:1.35}.auth-form{flex-direction:column;gap:1rem;width:100%;display:flex}.auth-input-wrap{background:linear-gradient(135deg,#5e3548d9,#703f55c4);border:2px solid #ecaeca;border-radius:4rem;align-items:center;gap:1rem;min-height:4.4rem;padding:.7rem 1.4rem;display:flex;box-shadow:inset 0 3px 12px #f2c5d915}.auth-input-wrap>span{color:#fff9eb;font-size:2rem}.auth-input-wrap input{color:#fff9eb;width:100%;min-width:0;font-size:clamp(1.1rem,3.5vw,1.6rem);font-family:var(--font-nunito),sans-serif;background:0 0;border:0;outline:none}.auth-input-wrap:focus-within{outline-offset:4px;outline:3px solid #fcdf8c}.auth-input-wrap input::placeholder{color:#efbbd2;opacity:1}.auth-input-wrap .auth-code{text-align:center;letter-spacing:.28em;font-size:2rem;font-weight:800}.auth-cta{justify-content:center;align-items:center;gap:1rem;min-height:4.5rem;display:flex}.auth-cta>span{margin-left:auto}.auth-help{color:#edb1cc;min-height:.3rem;margin:0;font-size:.9rem;line-height:1.5}.auth-error{color:#fff0ef;background:#592e35;border-radius:1rem;margin:0;padding:.8rem;line-height:1.5}.auth-divider{color:#eaa6c5;align-items:center;gap:1.5rem;width:85%;margin:1.4rem 0;font-size:1.2rem;display:flex}.auth-divider>span{background:#e9a1c14d;flex:1;height:1px}.auth-back,.auth-change{color:#fff7e5;padding:.6rem;font-size:1.15rem;font-weight:700;text-decoration:none}.auth-change{font-size:1rem;text-decoration:underline}.auth-private{color:#e89ebf;margin-top:2rem;font-size:.75rem}.auth-content strong{overflow-wrap:anywhere}.auth-form button:disabled{opacity:.65}.auth-form button:focus-visible,.auth-back:focus-visible,.auth-change:focus-visible{outline-offset:5px;outline:3px solid #fcdf8c}@media (min-width:850px){.auth-content{max-width:41rem;padding-top:2rem}.auth-mascot{width:24rem}.auth-page h1{font-size:2.8rem}.auth-intro{margin:1.2rem 0 1.6rem}}@media (prefers-reduced-motion:reduce){.auth-mascot img{animation:none}}
