.sf-auth-page{margin:0;min-height:100vh;background:var(--sf-soft);font-family:var(--sf-font);display:flex;flex-direction:column}
.sf-auth{padding:42px 24px;display:flex;align-items:center;justify-content:center;flex:1}
.sf-auth-layout{display:grid;grid-template-columns:1fr 1.08fr;width:min(100%,1030px);min-height:570px;background:white;border:1px solid var(--sf-line);border-radius:26px;overflow:hidden;box-shadow:var(--sf-shadow)}
.sf-auth-story{background:var(--sf-dark);color:white;padding:44px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.sf-auth-eyebrow{font-size:11px;font-weight:700;letter-spacing:.3px;color:var(--sf-brand)}
.sf-auth-story .sf-auth-eyebrow{color:#bfd7c8}
.sf-auth-story h2{font-size:29px;line-height:1.9;font-weight:800;letter-spacing:-.7px;margin:22px 0 12px}
.sf-auth-story em{font-style:normal;color:var(--sf-accent)}
.sf-auth-story p{color:#c8dcd2;font-size:13px;line-height:2.2;margin:0;max-width:335px}
.sf-auth-story-foot{display:flex;gap:10px;align-items:center;margin-top:auto;padding-top:26px;color:#bdd7ca;font-size:11px}
.sf-auth-story-foot .sf-icon{width:18px}
.sf-auth-art{position:relative;display:grid;place-items:center;margin:30px auto;width:210px;height:175px;border:1px solid #ffffff20;border-radius:30px;background:#ffffff06;transform:rotate(-6deg)}
.sf-auth-art>.sf-icon{width:95px;height:95px;color:var(--sf-accent);stroke-width:1.1}
.sf-auth-art-note,.sf-auth-art-tag{position:absolute;font-size:11px;background:#f2f5e5;color:var(--sf-dark);padding:8px 13px;border-radius:10px;transform:rotate(10deg);white-space:nowrap}
.sf-auth-art-note{top:4px;inset-inline-start:-30px}
.sf-auth-art-tag{bottom:0;inset-inline-end:-30px;transform:rotate(3deg);background:var(--sf-accent)}
.sf-auth-card{padding:42px 48px;min-width:0}
.sf-auth-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.sf-auth-step{font-size:10px;background:var(--sf-soft);padding:4px 9px;border:1px solid var(--sf-line);border-radius:8px;color:var(--sf-muted)}
.sf-auth-card h1{font-size:25px;line-height:1.7;margin:0 0 8px;font-weight:800;letter-spacing:-.6px}
.sf-auth-description{font-size:13px;color:var(--sf-muted);margin:0 0 26px;line-height:2}
.sf-auth-description bdi{color:var(--sf-ink);font-weight:700}
.sf-field{margin-bottom:19px;min-width:0}
.sf-field>label{font-size:12px;font-weight:600;display:block;margin-bottom:7px}
.sf-field input:not([type=radio]),.sf-field select{width:100%;min-width:0;min-height:49px;border:1px solid #d4dfd7;border-radius:11px;background:white;color:var(--sf-ink);padding:11px 13px;outline:none;font-size:14px;transition:border-color .15s,box-shadow .15s}
.sf-field input:focus,.sf-field select:focus{border-color:var(--sf-brand);box-shadow:0 0 0 3px #176d5812;outline:none}
.sf-field input[aria-invalid=true],.sf-field input:user-invalid{border-color:var(--sf-danger)}
.sf-field small{display:block;font-size:11px;color:var(--sf-muted);line-height:1.9;margin-top:6px}
.sf-field-error{display:block;color:var(--sf-danger);font-size:11px;margin-top:6px}
.sf-input-wrap{position:relative}
.sf-field .sf-input-wrap--password input{padding-inline-start:54px;padding-inline-end:13px;direction:ltr;text-align:left}
.sf-password-toggle{position:absolute;inset-inline-end:4px;top:4px;display:grid;place-items:center;width:41px;height:41px;border:0;border-radius:8px;background:none;color:var(--sf-muted)}
.sf-password-toggle:hover,.sf-password-toggle[aria-pressed=true]{background:var(--sf-soft);color:var(--sf-brand)}
.sf-field input[data-otp]{text-align:center;font-size:23px;letter-spacing:6px;font-variant-numeric:tabular-nums}
.sf-auth-submit{width:100%;font-size:13px;margin-top:4px;min-height:48px}
.sf-auth-submit+.sf-auth-submit{margin-top:10px}
.sf-auth-note{font-size:12px;color:var(--sf-muted);margin:22px 0 0;text-align:center;line-height:2}
.sf-auth-note a{margin-inline-start:4px}
.sf-text-button{border:0;background:none;padding:5px 0;color:var(--sf-brand);font-size:12px}
.sf-text-button:disabled{cursor:not-allowed;opacity:.45}
.sf-auth-options{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:15px;font-size:12px}
.sf-auth-options form{margin:0}
.sf-auth-resend{margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:var(--sf-muted)}
.sf-auth-resend form{margin:0}
.sf-auth-secondary{display:block;text-align:center;font-size:12px;color:var(--sf-muted)!important;margin-top:20px}
.sf-auth-secondary:hover{color:var(--sf-brand)!important}
.sf-auth-terms{margin-top:22px;padding-top:16px;border-top:1px solid var(--sf-line);font-size:11px;color:var(--sf-muted)}
.sf-auth-terms summary{cursor:pointer}
.sf-auth-terms>div{max-height:220px;overflow:auto;line-height:2;padding-top:12px}
.sf-auth-terms h2{font-size:14px;margin:0 0 10px}
.sf-sex{padding:0;margin:0 0 18px;border:0;font-size:12px}
.sf-sex legend{font-size:12px;font-weight:600;margin-bottom:8px}
.sf-sex label{display:inline-flex;align-items:center;gap:5px;margin-inline-end:20px}
.sf-sex input{accent-color:var(--sf-brand)}
.sf-field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sf-auth-phone{padding:10px 14px;border-radius:10px;background:var(--sf-soft);font-size:12px;margin-bottom:20px}
.sf-auth-phone bdi{font-weight:700}
.sf-auth-form[data-submitting] button[type=submit]{pointer-events:none;opacity:.65}
.sf-auth-form .sf-spinner{margin-inline-end:7px}
.sf-captcha{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px;border:1px solid var(--sf-line);border-radius:10px;margin-bottom:12px}
.sf-captcha img{max-width:100%;height:auto}
.sf-captcha button{border:0;background:var(--sf-soft);border-radius:9px;width:40px;height:40px;font-size:24px;color:var(--sf-brand)}
@media(max-width:800px){.sf-auth{padding:28px 20px}
.sf-auth-layout{grid-template-columns:.8fr 1.2fr;min-height:520px}
.sf-auth-story{padding:30px 24px}
.sf-auth-story h2{font-size:25px}
.sf-auth-card{padding:32px 28px}
.sf-auth-art{width:150px;height:155px}
.sf-auth-art-note{inset-inline-start:-10px}
.sf-auth-art-tag{inset-inline-end:-10px}
}
@media(max-width:640px){.sf-auth{padding:24px 16px;align-items:flex-start}
.sf-auth-layout{display:block;min-height:0;border-radius:20px}
.sf-auth-story{display:none}
.sf-auth-card{padding:27px 22px 30px}
.sf-auth-card h1{font-size:23px}
.sf-auth-card-top{margin-bottom:17px}
.sf-auth-description{margin-bottom:23px}
.sf-auth-note{font-size:11px}
.sf-field-row{gap:10px}
.sf-auth-resend{gap:8px;flex-wrap:wrap}
.sf-auth .sf-auth-options{font-size:11px}
.sf-auth-page .sf-header--compact .sf-brand small{display:none}
}
@media(max-width:350px){.sf-auth-card{padding:24px 16px}
.sf-field-row{grid-template-columns:1fr;gap:0}
.sf-auth-card h1{font-size:21px}
}
.sf-local-code{border-style:dashed;border-color:#9cbb9b;background:#f1f7e9}.sf-local-code>span,.sf-local-code>small{display:block;font-size:11px;color:var(--sf-muted)}.sf-local-code>strong{display:block;font-size:25px;letter-spacing:5px;color:var(--sf-brand);margin-block:5px;font-variant-numeric:tabular-nums}