.viewport{width:min(var(--viewport-width), 100vw);background:var(--color-surface);isolation:isolate;flex-direction:column;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}@media (min-width:431px){.viewport{border-left:1px solid var(--color-border-hairline);border-right:1px solid var(--color-border-hairline)}}
.sign-in{min-height:0;padding:calc(var(--space-12) + env(safe-area-inset-top,0px)) var(--gutter) calc(var(--space-12) + env(safe-area-inset-bottom,0px));flex:auto;justify-content:center;align-items:center;display:flex}.sign-in__content{width:100%;max-width:var(--content-width);gap:var(--space-12);flex-direction:column;display:flex}.sign-in__header{gap:var(--space-2);flex-direction:column;display:flex}.sign-in__title{font-family:var(--font-display);font-weight:var(--font-weight-medium);font-size:var(--type-title-size);line-height:var(--type-title-line);letter-spacing:var(--type-title-tracking);color:var(--color-text-primary);margin:0}.sign-in__subtitle{font-family:var(--font-display);font-weight:var(--font-weight-regular);font-size:var(--type-body-size);letter-spacing:var(--type-body-tracking);color:var(--color-text-secondary);margin:0}.sign-in__form{gap:var(--space-12);flex-direction:column;display:flex}.sign-in__fields{gap:var(--space-11);flex-direction:column;display:flex}.field{height:var(--control-height);align-items:center;gap:var(--space-5);padding:var(--space-7) var(--space-5);background:var(--color-surface-sunken);border:1.2px solid var(--color-border-field);border-radius:var(--radius-md);display:flex}.field__country{align-items:center;gap:var(--space-2);color:var(--color-text-tertiary);flex:none;display:flex;position:relative}.field__flag{font-size:var(--space-9);line-height:1}.field__country-select{opacity:0;appearance:none;width:100%;position:absolute;inset:0}.field__divider{width:1px;height:var(--space-9);background:var(--color-border-hairline);flex:none}.field__input{min-width:0;font-family:var(--font-text);font-weight:var(--font-weight-medium);font-size:var(--type-body-size);color:var(--color-text-tertiary);flex:auto}.field__input::placeholder{color:var(--color-text-placeholder)}.sign-in__dev{margin-top:var(--space-11);font-family:var(--font-display);font-size:var(--type-micro-size);color:var(--color-text-placeholder);text-underline-position:from-font;align-self:center;text-decoration:underline}.sign-in__dev:disabled{opacity:.5;cursor:default}.sign-in__number{font-weight:var(--font-weight-semibold);color:var(--color-text-heading);white-space:nowrap}.field__input--code{letter-spacing:.32em;font-size:var(--type-body-size);color:var(--color-text-heading)}.field__input--code::placeholder{letter-spacing:.32em}.sign-in__code-actions{gap:var(--space-9);display:flex}.sign-in__link{font-family:var(--font-display);font-weight:var(--font-weight-medium);font-size:var(--type-row-title-size);color:var(--color-text-tertiary);text-underline-position:from-font;align-self:flex-start;text-decoration:underline}.sign-in__link:disabled{opacity:.5;cursor:default;text-decoration:none}.sign-in__problem{gap:var(--space-2);padding:var(--space-5) var(--space-7);border-radius:var(--radius-md);background:var(--color-surface-alert);color:var(--color-text-alert);font-family:var(--font-display);font-size:var(--type-micro-size);line-height:var(--type-body-relaxed-line);flex-direction:column;display:flex}.sign-in__problem-fix{opacity:.85}.sign-in__problem .sign-in__link{color:inherit}.sign-in__legal{font-family:var(--font-display);font-weight:var(--font-weight-regular);font-size:var(--type-body-size);line-height:var(--type-body-relaxed-line);letter-spacing:var(--type-body-tracking);color:var(--color-text-tertiary);margin:0}.sign-in__legal-link{color:inherit;text-underline-position:from-font;text-decoration-skip-ink:none;text-decoration:underline}.cta{height:var(--control-height);justify-content:center;align-items:center;gap:var(--space-4);border-radius:var(--radius-md);font-family:var(--font-display);font-weight:var(--font-weight-medium);font-size:var(--type-body-size);letter-spacing:var(--type-body-tracking);transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), filter var(--duration-fast) var(--ease-standard);display:flex}.cta[data-active=false]{background:var(--color-surface);border:1.2px solid var(--color-border-button);color:var(--color-text-placeholder);filter:drop-shadow(var(--shadow-button));cursor:default}.cta[data-active=true]{background:var(--color-accent);color:var(--color-accent-text);filter:drop-shadow(var(--shadow-button-active));border:1.2px solid #0000}.cta[data-active=true]:active{opacity:.85}