.auth-page{--input:var(--border)}.auth-brand-bar{justify-content:space-between;align-items:center;gap:16px;max-width:1120px;margin:auto;padding:20px 32px;display:flex}.auth-brand-bar .my-brand{min-height:48px}.auth-back{min-height:48px;color:var(--muted-foreground);white-space:nowrap;align-items:center;font-size:14px;display:inline-flex}.auth-main{width:min(100% - 40px,400px);padding-bottom:calc(48px + env(safe-area-inset-bottom));outline:none;margin:56px auto 0}.auth-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.auth-heading>div{min-width:0}.auth-heading h1{letter-spacing:-.025em;width:fit-content;font-size:30px;font-weight:700;line-height:1.4;position:relative}.auth-heading h1:after{content:"";background:var(--accent);border-radius:50%;width:64px;height:4px;position:absolute;bottom:-5px;left:0;transform:rotate(-3deg)}.auth-heading p{color:var(--muted-foreground);margin-top:18px;font-size:14px;line-height:1.7}.auth-cat{object-fit:contain;flex:none;width:88px;height:88px}.auth-form{flex-direction:column;gap:24px;display:flex}.auth-field-heading{justify-content:space-between;align-items:center;gap:16px;min-height:28px;display:flex}.auth-field-heading>a{min-height:48px;color:var(--muted-foreground);align-items:center;margin-block:-10px;font-size:13px;display:inline-flex}.auth-footer{border-top:1px solid var(--border);text-align:center;flex-direction:column;align-items:center;gap:4px;margin-top:28px;padding-top:20px;display:flex}.auth-footer a{align-items:center;gap:6px;min-height:48px;font-size:14px;display:inline-flex}.auth-footer strong{font-weight:600}.auth-footer p,.auth-note{color:var(--muted-foreground);font-size:13px;line-height:1.7}.auth-recovery{flex-direction:column;gap:20px;display:flex}.auth-recovery h2{font-size:16px;line-height:24px}.auth-recovery-intro{flex-direction:column;gap:12px;display:flex}.auth-recovery-intro [data-slot=dialog-trigger]{align-self:flex-start}.auth-success{flex-direction:column;gap:16px;padding-block:8px;display:flex}.auth-success p{line-height:1.7}@media (max-width:639px){.auth-brand-bar{padding:12px 20px}.auth-brand-bar .my-brand{font-size:21px}.auth-main{margin-top:32px}.auth-heading h1{font-size:28px}.auth-cat{width:76px;height:76px}}@media (max-width:359px){.auth-cat{width:60px;height:60px}.auth-heading{gap:12px}.auth-brand-bar{flex-wrap:wrap;gap:4px 12px}}