.auth{min-height:100dvh;color:var(--text);font-family:var(--font-body);background:0 0;justify-content:center;align-items:center;padding:24px;display:flex}.auth__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:24rem;box-shadow:var(--shadow-card);flex-direction:column;gap:24px;padding:32px 28px;display:flex}.auth__logo-link{border-radius:var(--radius);outline-offset:4px;align-self:center;text-decoration:none;display:block}.auth__logo{align-self:center}.auth__head{text-align:center;flex-direction:column;gap:4px;display:flex}.auth__title{margin:0;font-size:24px}.auth__subtitle{color:var(--text-muted);margin:0;font-size:14px}.auth__subtitle strong{color:var(--text)}.auth__error{text-align:center;color:var(--danger);margin:0;font-size:14px}.auth__success{text-align:center;color:var(--accent-text);margin:0;font-size:14px}.auth__form{flex-direction:column;gap:16px;display:flex}.auth__input{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);outline:none;padding:12px 16px;font-size:14px;transition:border-color .15s}.auth__input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 40%, transparent)}.auth__input--code{text-align:center;letter-spacing:.3em}.auth__switch{text-align:center;color:var(--text-muted);margin:0;font-size:14px}.auth__link{color:var(--accent-text);background:0 0;text-decoration:none}.auth__link:hover{text-decoration:underline}.auth__label{color:var(--text-muted);margin-bottom:4px;font-size:13px;font-weight:600;display:block}