.auth-page{min-height:100vh;padding:var(--s-7) var(--s-5) var(--s-8);flex-direction:column;align-items:center;display:flex}.auth-brand{align-items:center;gap:var(--s-2);margin-bottom:var(--s-6);flex-direction:column;text-decoration:none;display:flex}.auth-brand .lockup{align-items:center;gap:var(--s-2);font-size:var(--fs-heading);letter-spacing:var(--tr-heading);font-weight:600;display:flex}.auth-card{z-index:1;width:100%;max-width:400px;padding:var(--s-5);border-radius:var(--r-lg);background:var(--surface-base);box-shadow:var(--shadow-float);position:relative}.auth-page[data-auth-page=credit] .auth-card{max-width:560px}.auth-foot{max-width:300px;margin:var(--s-5) 0 0;text-align:center}.auth-step{gap:var(--s-4);flex-direction:column;display:flex}.auth-title{font-size:var(--fs-heading);line-height:var(--lh-heading);font-weight:600}.auth-sub{margin:calc(var(--s-2) * -1) 0 0;color:var(--text-2);font-size:var(--fs-meta);line-height:var(--lh-meta)}.auth-sub strong{color:var(--text-1);overflow-wrap:anywhere;font-weight:600}.auth-fields{gap:var(--s-4);border:0;flex-direction:column;margin:0;padding:0;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{font-size:var(--fs-label);line-height:var(--lh-label);color:var(--text-2);font-weight:600}.field .hint{color:var(--text-3);font-size:var(--fs-label);line-height:var(--lh-label);margin:0;display:none}.field:focus-within .hint{display:block}.field input,.field textarea,.field select{border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--surface-sunk);width:100%;color:var(--text-1);font:inherit;font-size:var(--fs-meta);padding:10px 12px}.field input::placeholder,.field textarea::placeholder{color:var(--text-3)}.field input:focus-visible,.field textarea:focus-visible,.field select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-color:#0000}.field textarea{resize:vertical;min-height:76px;line-height:var(--lh-meta)}.field select{appearance:none;cursor:pointer;padding-right:32px}.field:has(select){position:relative}.field:has(select):after{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid var(--text-3);pointer-events:none;width:0;height:0;position:absolute;bottom:17px;right:14px}.field input.code{font-family:var(--font-mono);font-size:var(--fs-heading);letter-spacing:8px;text-align:center;padding-left:8px}.auth-fields:disabled{opacity:.55}.auth-fields:disabled input,.auth-fields:disabled textarea,.auth-fields:disabled select,.auth-fields:disabled button{cursor:not-allowed}.btn:disabled{opacity:.5;cursor:default}.btn:disabled:hover{filter:none}.btn[data-busy]{position:relative}.btn[data-busy=true]>span,.btn[data-busy=true]>svg{opacity:0}.btn[data-busy=true]:after{content:"";border:2px solid;border-top-color:#0000;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite auth-spin;position:absolute}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.btn[data-busy=true]:after{opacity:.5;border-top-color:currentColor;animation:none}}.btn-quiet{color:var(--text-2);font:inherit;font-size:var(--fs-label);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-self:center;padding:4px 8px;text-decoration:underline}.btn-quiet:hover{color:var(--text-1)}.btn-google{gap:var(--s-3);border:1px solid var(--hairline-strong);color:var(--text-1);background:0 0}.btn-google:hover{background:var(--hover);filter:none}.btn-google svg{flex:none}.auth-or{align-items:center;gap:var(--s-3);color:var(--text-3);font-size:var(--fs-label);display:flex}.auth-or:before,.auth-or:after{content:"";background:var(--hairline);flex:1;height:1px}.auth-alert,.auth-notice,.auth-nojs{margin:var(--s-4) 0 0;border-radius:var(--r-lg);font-size:var(--fs-meta);line-height:var(--lh-meta);border:1px solid;padding:10px 12px}.auth-alert{color:var(--text-1);background:#e5544b1f;border-color:#e5544b66}.auth-notice{color:var(--text-1);background:#4ed6a11a;border-color:#4ed6a159}.auth-nojs{border-color:var(--hairline);background:var(--surface-raised);color:var(--text-1)}.auth-links{justify-content:space-between;gap:var(--s-3);font-size:var(--fs-label);color:var(--text-3);flex-wrap:wrap;margin:0;display:flex}.auth-links a{color:var(--text-2);text-underline-offset:3px;text-decoration:underline}.auth-links a:hover{color:var(--text-1)}.auth-fallback{margin:var(--s-5) 0 0;padding-top:var(--s-4);border-top:1px solid var(--hairline)}.auth-fallback p{color:var(--text-2);font-size:var(--fs-label);line-height:var(--lh-label);margin:0}.auth-fallback a{color:var(--text-1)}.auth-agree{margin:var(--s-4) 0 0;text-align:center}.auth-agree a{color:var(--text-1);text-underline-offset:2px;text-decoration:underline}.auth-agree a:hover{color:var(--text-2)}