.sy-auth{min-block-size:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);background:var(--sy-bg)}.sy-auth-form-col{display:grid;align-content:center;justify-items:center;grid-gap:28px;gap:28px;padding:clamp(28px,6vw,64px) 16px}.sy-auth-logo{block-size:38px}.sy-auth-card{inline-size:100%;max-inline-size:448px;padding:clamp(22px,5vw,36px);background:var(--sy-surface);border:1px solid var(--sy-line);border-radius:var(--sy-r-5);box-shadow:var(--sy-shadow-3);animation:sy-enter .42s var(--sy-ease-out) backwards}.sy-auth-back{font-size:var(--sy-text-sm)}.sy-auth-aside{margin:12px;-webkit-margin-start:0;margin-inline-start:0;border-radius:var(--sy-r-5);background:var(--sy-brand-gradient);color:var(--sy-on-brand);display:grid;align-items:end;--wm-color:var(--sy-on-brand);--wm-opacity:0.08;--wm-size:min(78%,560px);--wm-x:-12%;--wm-y:-6%;--wm-y-end:auto}.sy-auth-aside-inner{display:grid;grid-gap:28px;gap:28px;padding:clamp(28px,4vw,56px);max-inline-size:560px}.sy-auth-aside-logo{block-size:40px;inline-size:auto;color:var(--sy-on-brand);--sy-brand-mark:var(--sy-on-brand)}.sy-auth-aside-copy{display:grid;grid-gap:12px;gap:12px}.sy-auth-aside h2{font-size:var(--sy-text-3xl);font-weight:900;line-height:1.45;color:var(--sy-on-brand)}.sy-auth-aside p{color:var(--sy-on-brand-2);font-size:var(--sy-text-md);line-height:1.9}.sy-auth-aside ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:12px;gap:12px}.sy-auth-aside li{display:flex;align-items:center;gap:12px;font-size:var(--sy-text-sm);font-weight:600;color:var(--sy-on-brand)}.sy-auth-aside li>span{display:grid;place-items:center;flex:none;inline-size:36px;block-size:36px;border-radius:var(--sy-r-2);background:color-mix(in srgb,var(--sy-on-brand) 14%,transparent);border:1px solid color-mix(in srgb,var(--sy-on-brand) 18%,transparent)}.sy-auth-head{display:grid;grid-gap:8px;gap:8px;justify-items:center;text-align:center;-webkit-margin-after:26px;margin-block-end:26px}.sy-auth-head h1,.sy-auth-head h2{font-size:var(--sy-text-2xl);font-weight:900;line-height:1.5}.sy-auth-head p{color:var(--sy-fg-3);font-size:var(--sy-text-sm);line-height:1.9}.sy-auth-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--sy-r-full);background:var(--sy-brand-subtle);color:var(--sy-brand);font-size:var(--sy-text-xs);font-weight:700}.sy-auth-icon{display:grid;place-items:center;inline-size:64px;block-size:64px;-webkit-margin-after:6px;margin-block-end:6px;border-radius:50%;background:var(--sy-brand-subtle);color:var(--sy-brand);box-shadow:0 0 0 8px color-mix(in srgb,var(--sy-brand) 7%,transparent)}.sy-auth-icon-ok{background:var(--sy-ok-subtle);color:var(--sy-ok);box-shadow:0 0 0 8px color-mix(in srgb,var(--sy-ok) 9%,transparent)}.sy-auth-form{display:grid;grid-gap:18px;gap:18px}.sy-auth-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));grid-gap:12px;gap:12px}.sy-auth-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;-webkit-margin-after:8px;margin-block-end:8px}.sy-auth-label-row .sy-label{margin:0}.sy-input-wrap{position:relative}.sy-input-wrap>svg{position:absolute;inset-inline-start:14px;inset-block-start:50%;translate:0 -50%;color:var(--sy-fg-3);pointer-events:none}.sy-input-wrap>.sy-field{-webkit-padding-start:44px;padding-inline-start:44px}.sy-input-wrap>.sy-field:has(+.sy-input-action){-webkit-padding-end:48px;padding-inline-end:48px}[dir=rtl] .sy-input-wrap>.sy-field[dir=ltr]{padding-inline:14px 44px}[dir=rtl] .sy-input-wrap>.sy-field[dir=ltr]:has(+.sy-input-action){-webkit-padding-start:48px;padding-inline-start:48px}.sy-input-action{position:absolute;inset-inline-end:4px;inset-block:4px;display:grid;place-items:center;inline-size:40px;border:0;border-radius:var(--sy-r-2);background:transparent;color:var(--sy-fg-3);cursor:pointer}.sy-input-action:hover{background:var(--sy-surface-3);color:var(--sy-fg)}.sy-auth-choice{border:0;padding:0;margin:0;min-inline-size:0}.sy-auth-choice-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.sy-auth-choice-option{position:relative;display:flex;align-items:center;gap:10px;min-block-size:58px;padding:9px 12px;border:1px solid var(--sy-line-strong);border-radius:var(--sy-r-2);background:var(--sy-surface);cursor:pointer;transition:border-color var(--sy-dur-2) var(--sy-ease),background var(--sy-dur-2) var(--sy-ease),box-shadow var(--sy-dur-2) var(--sy-ease)}.sy-auth-choice-option:hover{border-color:color-mix(in srgb,var(--sy-brand) 35%,var(--sy-line-strong))}.sy-auth-choice-option:has(input:checked){border-color:var(--sy-brand);background:var(--sy-brand-subtle)}.sy-auth-choice-option:has(input:focus-visible){border-color:var(--sy-brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--sy-brand) 16%,transparent)}.sy-auth-choice-option:has(input:disabled){cursor:not-allowed;opacity:.65}.sy-auth-choice-icon{display:grid;place-items:center;flex:none;inline-size:36px;block-size:36px;border-radius:var(--sy-r-2);background:var(--sy-surface-3);color:var(--sy-fg-3);transition:background var(--sy-dur-2) var(--sy-ease),color var(--sy-dur-2) var(--sy-ease)}.sy-auth-choice-option:has(input:checked) .sy-auth-choice-icon{background:var(--sy-brand-fill);color:var(--sy-on-brand-fill)}.sy-auth-choice-text{display:grid;min-inline-size:0;line-height:1.5}.sy-auth-choice-text strong{font-size:var(--sy-text-sm);font-weight:800;color:var(--sy-fg)}.sy-auth-choice-option:has(input:checked) .sy-auth-choice-text strong{color:var(--sy-brand)}.sy-auth-choice-text small{font-size:var(--sy-text-2xs);color:var(--sy-fg-3)}@media (max-width:380px){.sy-auth-choice-text small{display:none}}.sy-field[dir=ltr]{direction:ltr;text-align:left}.sy-field[dir=ltr]::placeholder{text-align:left}.sy-auth-head-otp{gap:10px;-webkit-margin-after:28px;margin-block-end:28px}.sy-auth-head-otp .sy-auth-icon{inline-size:56px;block-size:56px;-webkit-margin-after:6px;margin-block-end:6px;border-radius:var(--sy-r-3);box-shadow:0 4px 12px color-mix(in srgb,var(--sy-brand) 8%,transparent);border:1px solid var(--sy-brand-line)}.sy-auth-destination{display:block;max-inline-size:100%;padding:7px 16px;border-radius:var(--sy-r-full);background:var(--sy-surface-2);border:1px solid var(--sy-line);color:var(--sy-fg);font-size:var(--sy-text-sm);font-weight:700;line-height:1.6;overflow-wrap:anywhere;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}.sy-otp-field{min-inline-size:0}.sy-otp-label-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;max-inline-size:352px;margin:0 auto 12px}.sy-otp-label-row .sy-label{margin:0}.sy-otp-progress{display:inline-flex;align-items:center;gap:4px;color:var(--sy-fg-3);font-size:var(--sy-text-xs);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sy-otp-progress[data-complete=true]{color:var(--sy-brand)}.sy-otp-entry{position:relative;max-inline-size:352px;margin-inline:auto}.sy-otp-control,.sy-otp-entry{direction:ltr;inline-size:100%}.sy-otp-control{position:absolute;inset:0;z-index:1;block-size:100%;border:0;padding:0;opacity:0;cursor:text;font-size:18px}.sy-otp-control:focus-visible{outline:none}.sy-otp-slots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:clamp(5px,1.6vw,10px);gap:clamp(5px,1.6vw,10px);pointer-events:none}.sy-otp-slot{display:grid;place-items:center;min-inline-size:0;block-size:clamp(48px,10vw,60px);border:1px solid var(--sy-line-strong);border-radius:var(--sy-r-2);background:var(--sy-surface-inset);color:var(--sy-fg);font-size:1.5rem;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:border-color var(--sy-dur-1),background var(--sy-dur-1),box-shadow var(--sy-dur-1)}.sy-otp-placeholder{inline-size:8px;block-size:2px;border-radius:var(--sy-r-full);background:var(--sy-fg-4);opacity:.65}.sy-otp-slot[data-filled=true]{background:var(--sy-surface)}.sy-otp-entry:not([data-disabled=true]):hover .sy-otp-slot{border-color:var(--sy-brand-line)}.sy-otp-entry .sy-otp-slot[data-active=true]{border-color:var(--sy-brand);background:var(--sy-surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--sy-brand) 15%,transparent)}.sy-otp-slot[data-active=true] .sy-otp-placeholder{inline-size:2px;block-size:24px;background:var(--sy-brand);opacity:1;animation:sy-otp-caret 1.1s step-end infinite}@keyframes sy-otp-caret{50%{opacity:0}}.sy-otp-slot[data-selected=true]{color:var(--sy-brand);background:var(--sy-brand-subtle)!important}.sy-otp-entry[data-invalid=true] .sy-otp-slot{border-color:var(--sy-danger-line)}.sy-otp-entry[data-invalid=true] .sy-otp-slot[data-active=true]{border-color:var(--sy-danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--sy-danger) 14%,transparent)}.sy-otp-entry[data-disabled=true] .sy-otp-slot{background:var(--sy-surface-3);color:var(--sy-fg-3)}.sy-otp-control:disabled{cursor:not-allowed}.sy-otp-hint{-webkit-margin-before:12px;margin-block-start:12px;color:var(--sy-fg-3);text-align:center;font-size:var(--sy-text-xs);line-height:1.85}.sy-auth-resend{min-block-size:44px;display:grid;align-content:center;justify-items:center}.sy-auth-timer{text-align:center;font-size:var(--sy-text-sm);color:var(--sy-fg-3)}.sy-auth-link-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:none;border:0;padding:8px 4px;min-block-size:44px;font:inherit;font-size:var(--sy-text-sm);font-weight:700;color:var(--sy-brand);cursor:pointer}.sy-auth-link-btn:hover{text-decoration:underline;text-underline-offset:4px}.sy-auth-link-btn:disabled{opacity:.6;cursor:not-allowed}.sy-auth-otp-help{padding:12px 14px;-webkit-margin-before:20px;margin-block-start:20px;border:1px solid var(--sy-line);border-radius:var(--sy-r-2);background:var(--sy-surface-2);color:var(--sy-fg-3);font-size:var(--sy-text-xs);line-height:1.9}.sy-auth-otp-help summary{cursor:pointer;color:var(--sy-fg-2);font-size:var(--sy-text-sm);font-weight:600;min-block-size:24px}.sy-auth-otp-help[open] summary{-webkit-margin-after:8px;margin-block-end:8px}.sy-auth-otp-status{display:flex;align-items:center;gap:8px;color:var(--sy-fg-2);font-size:var(--sy-text-sm);line-height:1.8}.sy-auth-otp-status svg{flex:none;color:var(--sy-ok)}.sy-auth-alt{-webkit-margin-before:24px;margin-block-start:24px;-webkit-padding-before:20px;padding-block-start:20px;-webkit-border-before:1px solid var(--sy-line);border-block-start:1px solid var(--sy-line);text-align:center;font-size:var(--sy-text-sm);color:var(--sy-fg-3)}.sy-auth-steps{display:flex;align-items:center;gap:10px;-webkit-margin-after:22px;margin-block-end:22px;font-size:var(--sy-text-xs);color:var(--sy-fg-3);font-weight:600}.sy-auth-steps>span:first-child{white-space:nowrap}.sy-auth-steps-bar{flex:1 1;display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.sy-auth-steps-bar i{block-size:4px;border-radius:var(--sy-r-full);background:var(--sy-surface-3)}.sy-auth-steps-bar i[data-done=true]{background:var(--sy-brand-fill)}.sy-auth-next{display:grid;grid-gap:10px;gap:10px;padding:16px 18px;margin-block:4px 24px;border-radius:var(--sy-r-3);background:var(--sy-brand-subtle);border:1px solid var(--sy-brand-line);text-align:start}.sy-auth-next p{font-size:var(--sy-text-sm);font-weight:800;color:var(--sy-fg)}.sy-auth-next li{display:flex;align-items:center;gap:10px;font-size:var(--sy-text-sm);color:var(--sy-fg-2)}.sy-auth-next ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px}.sy-auth-next svg{color:var(--sy-brand);flex:none}@media (max-width:960px){.sy-auth{grid-template-columns:minmax(0,1fr)}.sy-auth-aside{display:none}}@media (prefers-reduced-motion:reduce){.sy-auth-card{animation:none}.sy-otp-slot{transition:none}.sy-otp-slot[data-active=true] .sy-otp-placeholder{animation:none}}@media (forced-colors:active){.sy-otp-slot{border-color:CanvasText}.sy-otp-entry .sy-otp-slot[data-active=true]{outline:2px solid Highlight;outline-offset:2px}.sy-otp-placeholder{background:CanvasText}.sy-auth-choice-option:has(input:checked){border-color:Highlight}.sy-auth-choice-option:has(input:focus-visible){outline:2px solid Highlight;outline-offset:2px}}