/* Adapted from selected 068 soft Bento: tile, pill, typography and easing. */
:root{--page:#d97757;--tile:#faf9f6;--ink:#292723;--ink-2:#76716b;--r:28px}
body{background:var(--page);min-height:100svh;color:var(--ink);margin:0;font-family:var(--sans)}*{box-sizing:border-box}a{color:inherit}button,input{font:inherit}[hidden]{display:none!important}
.auth-shell{width:min(460px,calc(100% - 48px));margin:auto;padding:48px 0;min-height:100svh;display:flex;flex-direction:column;justify-content:center}.auth-brand{display:flex;align-items:center;justify-content:center;gap:11px;margin-bottom:30px;text-decoration:none;font-size:21px;font-weight:650;letter-spacing:-.7px}.auth-brand img{width:34px;height:38px;object-fit:contain;mix-blend-mode:multiply}
.auth-card.tile{padding:38px 38px 32px;overflow:visible;box-shadow:0 2px 2px #562c1d08,0 20px 64px -24px #59291745;min-height:460px}.auth-card.tile:hover,.auth-card.tile:focus-within{transform:none}.auth-card h1{font-size:30px;line-height:1.2;letter-spacing:-1px;font-weight:600;margin:0 0 28px}.auth-card form{display:grid;gap:19px}.field{display:grid;gap:8px}.field label{font-size:14px;font-weight:550}.field input{width:100%;height:49px;padding:0 14px;border:1px solid #dedbd5;border-radius:12px;background:#fff;color:var(--ink);outline:none;transition:box-shadow .2s,border-color .2s}.field input:focus{border-color:#ab654d;box-shadow:0 0 0 3px #d9775722}.field input[aria-invalid=true]{border-color:#b44430}.input-wrap{position:relative}.input-wrap input{padding-right:60px}.show-password{position:absolute;right:11px;top:0;height:49px;border:0;background:transparent;font-size:12px;color:var(--ink-2);cursor:pointer}
.auth-card .pill{height:48px;justify-content:center;cursor:pointer;text-decoration:none}.primary{width:100%;margin-top:6px}.auth-card button:disabled{opacity:.5;cursor:wait;transform:none}.auth-links{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;margin-top:25px}.auth-links a,.quiet-link{color:var(--ink-2);text-underline-offset:4px}.quiet-link{font-size:13px;justify-self:end}.field-error,.form-status{font-size:13px;line-height:1.5;margin:0;color:#a23f2b}.field-error:empty,.form-status:empty{display:none}.form-status.success{color:#456140}.email-target{font-size:14px;line-height:1.6;color:var(--ink-2);margin:-12px 0 25px;overflow-wrap:anywhere}.otp{font-size:26px!important;letter-spacing:12px;text-align:center;font-variant-numeric:tabular-nums;padding-left:24px!important}.resend{border:0;background:transparent;color:var(--ink-2);cursor:pointer;font-size:13px}.auth-footer{text-align:center;margin-top:25px;font-size:13px}.auth-footer a{text-decoration:none;color:#462b22b3}.auth-card{animation:enter .24s var(--ease)}:focus-visible{outline:2px solid #803f2b;outline-offset:4px}@keyframes enter{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.auth-shell{justify-content:flex-start;padding-block:clamp(32px,calc((100svh - 720px)/2),140px)}
:focus-visible{box-shadow:none}#authTitle:focus{outline:none;box-shadow:none}
.auth-footer{display:flex;align-items:center;justify-content:center;gap:8px 22px;flex-wrap:wrap;margin-top:18px;color:var(--ink-2)}
.auth-footer a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:underline;text-underline-offset:4px}
body[data-auth-view] .auth-footer{color:#bfc6cf}