.signin{--signin-gap:16px;gap:var(--signin-gap);text-align:center;width:100%;max-width:26rem;margin-inline:auto;display:grid}.signin[data-compact]{--signin-gap:12px}.signin-head{justify-items:center;gap:6px;display:grid}.signin-title{font-size:var(--text-2xl);line-height:var(--text-2xl--line-height);color:var(--color-ink);text-wrap:balance;font-weight:700}.signin[data-compact] .signin-title{font-size:var(--text-lg);line-height:var(--text-lg--line-height)}.signin-intro{max-width:36ch;font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-sub);text-wrap:balance}.signin-intro:empty{display:none}.signin-body{gap:12px;display:grid}.signin-field{text-align:start;gap:6px;display:grid}.signin-label{font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-ink);font-weight:600}.signin-input{border:1px solid var(--color-line-3);width:100%;min-width:0;min-height:48px;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--text-base--line-height);color:var(--color-ink);background:#fff;border-radius:6px;padding:10px 12px;display:block}.signin-input:focus{border-color:var(--color-brand)}.signin-input[aria-invalid=true]{border-color:var(--color-wait)}.signin-code{font-size:var(--text-2xl);line-height:var(--text-2xl--line-height);letter-spacing:.3em;text-indent:.3em;text-align:center;font-variant-numeric:tabular-nums}.signin-error{background:var(--color-wait-50);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-wait);text-align:start;border-radius:6px;padding:8px 12px;font-weight:600}.signin-submit{width:100%}.signin-fine{font-family:var(--font-sans);font-size:var(--text-fine);color:var(--color-sub);text-wrap:balance;line-height:20px}.signin-fine a{color:var(--color-link);text-decoration-line:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-underline-offset:3px;white-space:nowrap;transition:text-decoration-color var(--dur-1) var(--ease-std);font-weight:600}@media (hover:hover){.signin-fine a:hover{text-decoration-color:currentColor;text-decoration-thickness:2px}}.signin-fine a:active{color:var(--color-link-700)}.signin-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:0 24px;display:flex}.signin-wait{min-height:44px;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-sub);font-variant-numeric:tabular-nums;align-items:center;font-weight:600;display:inline-flex}.signin-or{font-size:var(--text-fine);color:var(--color-sub);align-items:center;gap:12px;display:flex}.signin-or:before,.signin-or:after{content:"";border-top:1px solid var(--color-line);flex:1}.signin-card{border:1px solid var(--color-line);background:#fff;border-radius:16px;padding:32px 24px;box-shadow:0 4px 16px #30213f0a}@media (max-width:767px){.signin-card{padding:24px 16px}}
.text-optin{font-family:var(--font-sans);color:var(--color-ink);text-align:start;gap:4px;padding:6px 0 2px;display:grid}.text-optin-box{cursor:pointer;align-items:flex-start;gap:10px;min-height:44px;padding:6px 0;font-size:14px;line-height:20px;display:flex}.text-optin-box input{width:20px;height:20px;accent-color:var(--color-brand);flex:none;margin:0}.text-optin-fine{color:var(--color-body);padding-inline-start:30px;font-size:13px;line-height:20px}