.studio.mauth{min-block-size:100dvh;display:flex;flex-direction:column;background:var(--studio-paper)}.mauth-main{flex:1;display:flex;align-items:flex-start;justify-content:center;padding-block:40px 64px;padding-inline:20px}.mauth-card{inline-size:100%;max-inline-size:440px;border:1px solid var(--studio-line);border-radius:var(--studio-radius-card);padding:24px}.mauth-head{text-align:center;margin-block-end:32px}.mauth-head h1{font-family:var(--studio-font-display);font-weight:650;font-size:var(--studio-type-title);line-height:1.4;color:var(--studio-ink)}.mauth-head p{margin-block-start:8px;font-size:var(--studio-type-small);color:var(--studio-body)}.mauth-form{gap:24px}.mauth-field,.mauth-form{display:flex;flex-direction:column}.mauth-field{gap:8px;text-align:start}.mauth-field label{font-size:14px;font-weight:550;color:var(--studio-ink)}.mauth-hint{font-size:var(--studio-type-caption);color:var(--studio-muted);margin-block-start:-4px}.mauth-control{position:relative;display:flex;align-items:center}.mauth-input{inline-size:100%;block-size:48px;padding-inline:14px;border:1px solid var(--studio-field-line);border-radius:var(--studio-radius-control);background:var(--studio-surface);color:var(--studio-ink);font-size:var(--studio-type-body)}.mauth-input::-moz-placeholder{color:var(--studio-muted)}.mauth-input::placeholder{color:var(--studio-muted)}[dir=rtl] .mauth-input:-moz-placeholder{text-align:right}[dir=rtl] .mauth-input:placeholder-shown{text-align:right}.mauth-control[dir=ltr]{direction:ltr}.mauth-prefix{position:absolute;inset-inline-start:14px;color:var(--studio-muted);pointer-events:none}.mauth-control:has(.mauth-prefix) .mauth-input{padding-inline-start:32px}.mauth-input:focus-visible{outline:3px solid var(--studio-action);outline-offset:2px}.mauth-input[aria-invalid=true]{border-color:var(--studio-error)}.mauth-input:disabled{background:var(--studio-soft);color:var(--studio-muted);cursor:not-allowed}.mauth-control:has(.mauth-eye) .mauth-input{padding-inline-end:52px}.mauth-eye{position:absolute;inset-inline-end:2px;inline-size:44px;block-size:44px;display:grid;place-items:center;border:0;border-radius:var(--studio-radius-control);background:transparent;color:var(--studio-muted);cursor:pointer}.mauth-eye:hover,.mauth-eye[aria-pressed=true]{color:var(--studio-action)}.mauth-error{font-size:var(--studio-type-caption);color:var(--studio-error)}.mauth-alert{background:var(--studio-error-soft);border:1px solid var(--studio-error);border-radius:var(--studio-radius-control);color:var(--studio-error)}.mauth-alert,.mauth-note{padding:12px 14px;font-size:var(--studio-type-small)}.mauth-note{background:var(--studio-success-soft);border:1px solid var(--studio-success);border-radius:var(--studio-radius-control);color:var(--studio-success)}.mauth-google{inline-size:100%;block-size:52px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--studio-field-line);border-radius:var(--studio-radius-control);background:var(--studio-surface);color:var(--studio-ink);font-size:var(--studio-type-small);font-weight:550;cursor:pointer}.mauth-google:hover:not(:disabled){border-color:var(--studio-action)}.mauth-google:focus-visible{outline:3px solid var(--studio-action);outline-offset:2px}.mauth-google:disabled{cursor:not-allowed;opacity:.72}.mauth-google[aria-busy=true]{cursor:wait}.mauth-google-mark{flex:0 0 auto}.mauth-divider{display:flex;align-items:center;gap:12px;color:var(--studio-muted);font-size:var(--studio-type-caption);line-height:1}.mauth-divider:after,.mauth-divider:before{content:"";block-size:1px;flex:1;background:var(--studio-line)}.mauth-submit{inline-size:100%;block-size:52px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--studio-radius-control);background:var(--studio-action);color:var(--studio-on-action);font-size:var(--studio-type-small);font-weight:550;cursor:pointer}.mauth-submit:hover:not(:disabled){background:var(--studio-action-hover)}.mauth-submit:disabled{cursor:not-allowed;opacity:.72}.mauth-submit[aria-busy=true]{cursor:wait}.mauth-spinner{inline-size:16px;block-size:16px;border:2px solid;border-block-start-color:transparent;border-radius:50%;animation:mauth-spin .7s linear infinite}@keyframes mauth-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.mauth-spinner{animation-duration:2.4s}}.mauth-foot{margin-block-start:24px;text-align:center;font-size:var(--studio-type-small);color:var(--studio-body)}.mauth-foot a,.mauth-link{color:var(--studio-action);font-weight:550}.mauth-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.mauth-label-row .mauth-link,.mauth-terms{font-size:var(--studio-type-caption)}.mauth-terms{color:var(--studio-muted);text-align:center;line-height:1.7}.mauth-terms a{color:var(--studio-action)}@media (min-width:981px){.mauth-card{padding:40px}.mauth-main{padding-block:64px;align-items:center}}.fpan-card>.sub,.fpan-card>h1{text-align:center}.fpan-form>.btn-primary{background:#783ff2;color:#fff;border:1px solid #9b6ef3;min-height:48px;border-radius:10px;justify-content:center}.fpan-form>.btn-primary:disabled{opacity:.6}.fpan-form>.btn-primary:focus-visible{outline:2px solid #b69bff;outline-offset:3px}@media (max-width:980px){.fpan{padding:24px 20px}.fpan-top{margin-bottom:20px}}