.auth-page{flex-direction:column;align-items:center;min-height:calc(100svh - 4.25rem - 1px);padding:1.5rem 1rem 2rem;display:flex}.auth-page:before{content:"";flex:1 0 0}.auth-page:after{content:"";flex:2 0 0}@media (width>=560px){.auth-page{padding-block:3rem}}main:has(>.auth-page)+.site-footer{margin-top:0}.auth-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:22px;flex:none;width:min(100%,440px);padding:1.5rem 1rem}@media (width>=560px){.auth-card{padding:2rem}}.auth-card h1{font-size:2rem}.auth-card__actions{gap:1rem;display:grid}.auth-card__actions .notice{margin:0}.auth-card form{flex-direction:column;gap:1rem;display:flex}.auth-card form .notice{margin:0}@media (width<=559px){.auth-card .ui-btn{white-space:normal;text-align:center;text-wrap:balance;line-height:1.15}}.auth-card__intro{color:var(--ink-muted);margin-bottom:1rem}.auth-card__intro p{margin:0 0 .5rem}.auth-card__field-link{align-self:flex-end;align-items:center;min-height:44px;margin-top:-.75rem;font-size:.92rem;display:inline-flex}.auth-card__footer{border-top:1px solid var(--line);justify-items:start;gap:.25rem;margin-top:1.5rem;padding-top:.5rem;font-size:.95rem;display:grid}.auth-card__footer a{align-items:center;min-height:44px;display:inline-flex}.auth-card__divider{color:var(--ink-muted);align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:.9rem;display:flex}.auth-card__divider:before,.auth-card__divider:after{content:"";border-top:1px solid var(--line);flex:1}.auth-card__social{gap:.5rem;margin-top:1.5rem;display:grid}.auth-card__terms{color:var(--ink-muted);text-wrap:pretty;margin:.25rem 0 0;font-size:.88rem;line-height:1.5}.auth-card .notice--error{background:color-mix(in srgb, var(--danger) 8%, var(--surface));color:var(--ink);padding-left:2.75rem;position:relative}.auth-card .notice--error:before{content:"!";content:"!"/"";background:var(--danger);width:1.375rem;height:1.375rem;color:var(--on-brand);font-family:var(--font-display,"Fredoka", "Nunito", system-ui, sans-serif);font-weight:min(700 + var(--font-display-boost,0), 800);border-radius:50%;place-items:center;font-size:.9rem;line-height:1;display:grid;position:absolute;top:.875rem;left:.75rem}
