@layer components{.auth-label{display:block;margin-bottom:6px;font-size:13px;font-weight:600;letter-spacing:-.01em}.auth-input,.auth-label{font-family:var(--font-display),ui-sans-serif,system-ui,sans-serif;color:var(--color-ink-100)}.auth-input{width:100%;min-height:42px;padding:0 12px;border:1px solid rgb(255 255 255/.12);border-radius:8px;background:rgb(255 255 255/.03);font-size:13.5px;transition:border-color .16s cubic-bezier(.16,1,.3,1);caret-color:var(--color-stellar-400)}.auth-input::placeholder{color:var(--color-ink-500)}.auth-input:-webkit-autofill,.auth-input:-webkit-autofill:focus,.auth-input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--color-cosmos-800) inset;-webkit-text-fill-color:var(--color-ink-100);caret-color:var(--color-stellar-400);transition:background-color 9999s ease-out}.auth-input:focus,.auth-input:focus-visible{border-color:rgb(255 255 255/.3)}.auth-input:disabled{opacity:.6;cursor:not-allowed}.auth-input[aria-invalid=true]{border-color:rgb(242 109 109/.55)}.auth-field{margin-bottom:12px}.auth-error{font-size:12px;color:var(--color-danger);margin-top:6px;line-height:1.5}.auth-input-wrap{position:relative}.auth-input-wrap .auth-input{padding-right:44px}.auth-input-wrap button{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--color-ink-500);transition:color .16s cubic-bezier(.16,1,.3,1)}.auth-input-wrap button:hover{color:var(--color-ink-100)}.auth-input-wrap button:focus-visible{outline:2px solid var(--color-stellar-400);outline-offset:-2px}.auth-banner{display:flex;gap:8px;border:1px solid rgb(242 109 109/.3);background:rgb(242 109 109/.07);padding:10px 12px;color:var(--color-ink-100);font-size:13px;line-height:1.5;margin-bottom:14px;animation:banner-in .24s cubic-bezier(.16,1,.3,1)}@keyframes banner-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.auth-spinner{animation:spinner-rot .7s linear infinite}@keyframes spinner-rot{to{transform:rotate(1turn)}}.auth-success-in{animation:banner-in .3s cubic-bezier(.16,1,.3,1)}.auth-banner a{color:var(--color-stellar-300);text-decoration:underline;text-underline-offset:2px}.auth-divider{display:flex;align-items:center;gap:12px;margin:14px 0}.auth-divider span:not(.auth-divider-label){flex:1;border-top:1px solid rgb(255 255 255/.1)}.auth-banner-success{border-color:rgb(62 207 142/.3);background:rgb(62 207 142/.07)}.auth-divider-label{font-family:var(--font-mono),ui-monospace,monospace;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--color-ink-500)}.auth-foot{margin-top:18px;font-size:13.5px;color:var(--color-ink-300)}.auth-foot a{color:var(--color-stellar-300);text-decoration:underline;text-underline-offset:2px;transition:color .16s cubic-bezier(.16,1,.3,1)}.auth-foot a:hover{color:var(--color-stellar-400)}@keyframes auth-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.auth-card-in{animation:auth-in .24s cubic-bezier(.22,1,.36,1) forwards}@media (prefers-reduced-motion:reduce){.auth-banner,.auth-card-in{animation:none}.auth-spinner{animation-duration:1.4s}.auth-success-in{animation:none}}}main a:focus-visible,main button:focus-visible,main input:focus-visible,main select:focus-visible,main textarea:focus-visible{border-radius:8px}