.auth-page{--auth-ink: var(--color-base-content);--auth-muted: var(--color-subtext);--auth-faint: var(--color-neutral);--auth-rule: color-mix(in oklab, var(--color-base-content) 30%, var(--color-base-100));--auth-accent: var(--color-primary);--auth-error: var(--color-error);--auth-gap: 32px;display:flex;justify-content:center;padding:96px 40px 120px;color:var(--auth-ink);font-family:var(--font-sans)}@media (max-width: 639px){.auth-page{--auth-gap: 28px;padding:44px 22px 64px}}.auth-page .auth-column{width:100%;max-width:400px;display:flex;flex-direction:column;gap:var(--auth-gap)}.auth-page .auth-tabs{display:flex;justify-content:center;gap:28px;font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.auth-page .auth-tabs button{padding:6px 0;letter-spacing:inherit;text-transform:inherit;color:var(--auth-muted);border-bottom:1px solid transparent;cursor:pointer;transition:color .15s,border-color .15s}.auth-page .auth-tabs button:hover{color:var(--auth-ink)}.auth-page .auth-tabs button[aria-pressed=true]{color:var(--auth-ink);border-bottom-color:var(--auth-ink)}.auth-page .auth-head{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.auth-page .auth-stroke{width:32px;height:1px;margin-bottom:6px;background:var(--auth-ink)}.auth-page .auth-title{margin:0;font-family:var(--font-reading);font-size:36px;font-weight:400;line-height:1.1;letter-spacing:-.005em;text-wrap:balance}.auth-page .auth-lead{margin:0;font-family:var(--font-reading);font-size:18px;line-height:1.5;color:var(--auth-ink);text-wrap:pretty}@media (max-width: 639px){.auth-page .auth-title{font-size:30px}.auth-page .auth-lead{font-size:18px}}.auth-page .auth-alert{display:flex;flex-direction:column;gap:6px;padding:14px 0;border-top:1px solid var(--auth-error);border-bottom:1px solid var(--auth-rule);font-size:14px;line-height:1.5}.auth-page .auth-alert-title{font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--auth-error)}.auth-page .auth-alert p{margin:0}.auth-page .auth-alert-message{white-space:pre-line}.auth-page .auth-alert.warning{border-top-color:var(--color-warning)}.auth-page .auth-alert.warning .auth-alert-title{color:var(--color-warning)}.auth-page .auth-alert.success{border-top-color:var(--color-success)}.auth-page .auth-alert.success .auth-alert-title{color:var(--color-success)}.auth-page .auth-alert.info{border-top-color:var(--color-info)}.auth-page .auth-alert.info .auth-alert-title{color:var(--color-info)}.auth-page .auth-form{display:flex;flex-direction:column;gap:var(--auth-gap)}.auth-page .auth-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:26px}.auth-page .auth-field{grid-column:1 / -1;display:flex;flex-direction:column;gap:8px}.auth-page .auth-field.half{grid-column:auto}.auth-page .auth-fields.sliding{display:flex;flex-direction:column;gap:0;margin-bottom:-26px}.auth-page .auth-fields.sliding>*{margin-bottom:26px}.auth-page .auth-names{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}.auth-page .auth-field label{display:flex;flex-direction:column;gap:10px;padding-bottom:9px;border-bottom:1px solid var(--auth-rule);transition:border-color .15s,box-shadow .15s}.auth-page .auth-label{font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--auth-muted);transition:color .15s}.auth-page .auth-input-row{display:flex;align-items:baseline;gap:12px;min-width:0}.auth-page .auth-input-row input{flex:1;min-width:0;padding:0;border:0;outline:0;background:none;font-family:var(--font-sans);font-size:16px;color:var(--auth-ink)}.auth-page .auth-input-row input::placeholder{color:var(--auth-faint);opacity:1}.auth-page .auth-input-row input:-webkit-autofill,.auth-page .auth-input-row input:-webkit-autofill:hover,.auth-page .auth-input-row input:-webkit-autofill:focus,.auth-page .auth-input-row input:autofill{-webkit-box-shadow:0 0 0 1000px var(--color-base-100) inset;box-shadow:0 0 0 1000px var(--color-base-100) inset;transition:background-color 600000s 0s;-webkit-text-fill-color:var(--auth-ink);caret-color:var(--auth-ink)}.auth-page .auth-reveal{display:grid;place-items:center;width:28px;height:28px;margin-right:-6px;font-size:16px;color:var(--auth-muted);cursor:pointer;transition:color .15s}.auth-page .auth-reveal:hover{color:var(--auth-ink)}.auth-page .auth-field label:focus-within{border-bottom-color:var(--auth-accent);box-shadow:0 1px 0 var(--auth-accent)}.auth-page .auth-field label:focus-within .auth-label{color:var(--auth-ink)}.auth-page .auth-field.invalid label,.auth-page .auth-field label:has(input:user-invalid),.auth-page .auth-form.tried .auth-field label:has(input:invalid),.auth-page .auth-form.tried .auth-field label:has(input:invalid):focus-within{border-bottom-color:var(--auth-error);box-shadow:none}.auth-page .auth-field.invalid .auth-label,.auth-page .auth-field label:has(input:user-invalid) .auth-label,.auth-page .auth-form.tried .auth-field label:has(input:invalid) .auth-label{color:var(--auth-error)}.auth-page .auth-message{margin:0;font-size:14px;line-height:1.4;color:var(--auth-error)}.auth-page .auth-field .auth-message{white-space:pre-line}.auth-page .auth-field .auth-message.hint{display:none}.auth-page .auth-field:has(input:user-invalid) .auth-message.hint,.auth-page .auth-form.tried .auth-field:has(input:invalid) .auth-message.hint{display:block}.auth-page .auth-aside{display:flex;justify-content:flex-end;margin:-12px 0 0;font-size:14px}.auth-page .auth-aside .text-link{color:var(--auth-muted)}.auth-page .auth-aside .text-link:hover{color:var(--auth-accent)}.auth-page .auth-terms{display:flex;flex-direction:column;gap:8px}.auth-page .auth-terms label{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.5;color:var(--auth-muted);cursor:pointer}.auth-page .auth-check{position:relative;flex:none;width:14px;height:14px;margin-top:3px}.auth-page .auth-check input{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:14px;height:14px;margin:0;border:1px solid var(--auth-rule);border-radius:0;background:none;cursor:pointer;transition:background-color .15s,border-color .15s}.auth-page .auth-check input:hover{border-color:var(--auth-ink)}.auth-page .auth-check input:checked{border-color:var(--auth-accent);background:var(--auth-accent)}.auth-page .auth-check input:focus-visible{outline:1px solid var(--auth-accent);outline-offset:2px}.auth-page .auth-check svg{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;stroke:var(--color-base-100);opacity:0;pointer-events:none}.auth-page .auth-check input:checked+svg{opacity:1}.auth-page .auth-note{display:flex;flex-direction:column;gap:4px;padding:16px 0;border-top:1px solid var(--auth-rule);border-bottom:1px solid var(--auth-rule);font-size:14px;text-align:center}.auth-page .auth-note strong{font-weight:600}.auth-page .auth-note span{color:var(--auth-ink)}.auth-page .auth-caps{font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--auth-muted);text-align:center}.auth-page .auth-caps .auth-count{color:var(--auth-ink)}.auth-page .auth-actions{display:flex;flex-direction:column;gap:16px}.auth-page .auth-actions .ink-button,.auth-page .auth-actions .line-button{width:100%}.auth-page .auth-or{display:flex;align-items:center;gap:14px;font-family:var(--font-reading);font-size:16px;font-style:italic;color:var(--auth-muted)}.auth-page .auth-or:before,.auth-page .auth-or:after{content:"";flex:1;height:1px;background:var(--auth-rule)}.auth-page .auth-fineprint{margin:0;align-self:center;font-size:12px;line-height:1.5;color:var(--auth-muted);text-align:center}.auth-page .auth-loading{display:flex;flex-direction:column;gap:14px}.auth-page .auth-loading .auth-caps{margin:0}.auth-page .auth-progress{position:relative;width:100%;max-width:240px;height:1px;margin:0 auto;overflow:hidden;background:var(--auth-rule)}.auth-page .auth-progress:after{content:"";position:absolute;inset:0 auto 0 0;width:30%;background:var(--auth-accent);animation:auth-progress 1.6s ease-in-out infinite}@keyframes auth-progress{0%{transform:translate(-100%)}to{transform:translate(340%)}}@media (prefers-reduced-motion: reduce){.auth-page .auth-progress:after{animation:none;width:100%;opacity:.4}}
