.auth-page .auth-submit,.auth-page .auth-textbtn,.auth-page .social-btn{min-height:var(--container-control-compact);padding:var(--spacing-050) var(--spacing-150);font-size:var(--text-label-compact);line-height:var(--leading-body-small);font-weight:var(--font-weight-regular)}.auth-page .auth-textbtn,.auth-page .social-btn{border-color:var(--color-border);background:var(--color-background-neutral)}.auth-page .auth-textbtn:hover,.auth-page .social-btn:hover{border-color:var(--color-border-control-hovered);background:var(--color-background-neutral-hovered)}.auth-page .auth-textbtn:active,.auth-page .social-btn:active{background:var(--color-background-selected)}.auth-page{background:var(--color-background-page)}.auth-field{display:grid;grid-template-rows:minmax(0,1fr) auto minmax(min-content,1fr);justify-items:center;min-height:100dvh;row-gap:var(--spacing-300);padding:var(--spacing-400) var(--spacing-300)}.auth-card{grid-row:2;width:100%;max-width:400px;min-height:481px;border:1px solid var(--color-border);border-radius:var(--radius-container);background:var(--color-background-surface)}.auth-body{padding:calc(var(--spacing-300) + var(--spacing-050)) var(--spacing-400)}.auth-brand{display:flex;width:-moz-fit-content;width:fit-content;align-items:center;margin-bottom:var(--spacing-150);text-decoration:none}.auth-brand,.auth-h{color:var(--color-text)}.auth-h{margin:0;font-size:var(--text-heading-xlarge);line-height:var(--leading-heading-xlarge);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-heading)}.auth-sub{margin:var(--spacing-050) 0 0;color:var(--color-text);font-size:var(--text-body);line-height:var(--leading-body)}.auth-form{margin-top:var(--spacing-300)}.auth-form,.auth-form .field{display:flex;flex-direction:column;gap:var(--spacing-100)}.auth-form .field-label{font-size:var(--text-label);line-height:var(--leading-label);font-weight:var(--font-weight-regular)}.auth-form .input{border-color:var(--color-border);font-size:var(--text-body-compact);line-height:var(--leading-body);box-shadow:0 8px 12px var(--color-shadow-input)}.auth-form .input::-moz-placeholder{color:var(--color-text);opacity:1}.auth-form .input::placeholder{color:var(--color-text);opacity:1}.auth-form .input:hover{border-color:var(--color-border-input-hovered)}.auth-form .input:focus{border-color:var(--color-border-focused)}.auth-help{margin:0;font-size:var(--text-body-small);line-height:var(--leading-body-small)}.auth-submit{width:100%;margin-top:var(--spacing-075)}.auth-error{margin:0;padding:var(--spacing-150);border:1px solid color-mix(in srgb,var(--color-text-danger) 26%,transparent);border-radius:var(--radius-surface);background:color-mix(in srgb,var(--color-text-danger) 8%,transparent);color:var(--color-text-danger);overflow-wrap:anywhere}.auth-divider,.auth-error{font-size:var(--text-body-small);line-height:var(--leading-body-small)}.auth-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--spacing-150);padding-block:var(--spacing-250)}.auth-divider:after,.auth-divider:before{content:"";height:1px;background:var(--color-border)}.auth-social{display:grid}.auth-switch{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:var(--spacing-050);margin-top:var(--spacing-250);padding-top:var(--spacing-250);border-top:1px solid var(--color-border);font-size:var(--text-body-compact);line-height:var(--leading-body)}.auth-switch a{color:var(--color-text-link);text-decoration:none}.auth-switch a:hover{color:var(--color-text-link-hovered);text-decoration:underline}.auth-foot{grid-row:3;align-self:end;margin:0;color:var(--color-text-secondary);font-size:var(--text-body);line-height:var(--leading-body);text-align:center}.auth-foot a{color:inherit;text-decoration:none;text-underline-offset:2px}.auth-foot a:hover{color:var(--color-text-link-hovered);text-decoration:underline}.auth-card--sent{min-height:0;background:var(--color-background-viewport)}.auth-card--sent .auth-body{padding-block:var(--spacing-400) var(--spacing-200)}.auth-card--sent .auth-brand{margin-bottom:var(--spacing-300)}.magic-actions,.magic-sent{display:flex;flex-direction:column;gap:var(--spacing-250)}.magic-sent .auth-sub{margin:0;font-size:var(--text-body-large);line-height:var(--leading-body-large);overflow-wrap:anywhere}.magic-actions .auth-textbtn{box-shadow:0 1px 1px var(--color-shadow-overlay)}@media (max-width:480px){.auth-field{padding-inline:var(--spacing-200)}.auth-body{padding-inline:var(--spacing-300)}}