/* Focused entry flow. Provider forms, nonces and account-creation consent are unchanged. */
.ft-auth-page { padding-block-end: 0; }
.ft-auth-page .app-header { position: static; border: 0; background: transparent; }
.ft-auth-page .app-header__inner { grid-template-columns: 1fr; justify-items: center; min-block-size: 4rem; padding-block: .75rem .25rem; }
.ft-auth-page .app-brand__word { font-size: 1.6rem; }
.ft-auth-page .app-brand .ft-icon { inline-size: 1.1rem; block-size: 1.1rem; }
.ft-auth { padding: .75rem 1rem 1.5rem; display: grid; place-items: start center; }
.ft-auth__card { width: 100%; max-width: 30rem; padding: 1.25rem; background: var(--ft-surface); border: 1px solid var(--ft-border); border-radius: var(--ft-radius-large); box-shadow: var(--ft-shadow-card); text-align: center; }
.ft-auth h1 { font-size: clamp(1.35rem, 5.6vw, 1.75rem); line-height: 1.25; margin: 0 0 .4rem; letter-spacing: -.035em; }
.ft-auth h2 { font-size: 1.125rem; }
.ft-auth__intro { color: var(--ft-muted); font-size: .875rem; margin: 0 0 1.25rem; }
.ft-auth__form { display: grid; gap: .6rem; text-align: left; }
.ft-auth__form label { font-size: .875rem; font-weight: 550; }
.ft-auth__form input:not([type=hidden]):not([type=checkbox]) { min-width: 0; width: 100%; min-height: 2.875rem; font-size: 1rem; padding: .6rem .75rem; border: 1px solid var(--ft-control-border); border-radius: var(--ft-radius-medium); background: var(--ft-surface); }
.ft-auth__phone { display: flex; align-items: center; border: 1px solid var(--ft-control-border); border-radius: var(--ft-radius-medium); background: var(--ft-surface); }
.ft-auth__phone > span { font-size: .9375rem; font-weight: 550; padding-inline: .85rem; border-inline-end: 1px solid var(--ft-border); }
.ft-auth .ft-auth__form .ft-auth__phone input:not([type=hidden]):not([type=checkbox]) { border: 0; background: transparent; }
.ft-auth__phone:focus-within { outline: 2px solid var(--ft-focus); outline-offset: 2px; }
.ft-auth__phone input:focus-visible { outline: 0; box-shadow: none; }
.ft-auth__hint { font-size: .75rem; color: var(--ft-muted); margin: 0 0 .15rem; line-height: 1.5; }
.ft-auth__notice { padding: .75rem; border-radius: var(--ft-radius-medium); background: var(--ft-lilac); color: var(--ft-ink); margin: 0 0 1rem; font-size: .8125rem; }
.ft-auth .ft-button { width: 100%; min-height: 2.875rem; padding: .6rem .85rem; font-size: .875rem; }
.ft-auth button:disabled { cursor: not-allowed; opacity: .65; }
.ft-auth__restart, .ft-auth__method { margin-block-start: .75rem; }
.ft-auth__separator { display: flex; align-items: center; gap: .8rem; margin-block: .9rem; color: var(--ft-muted); font-size: .6875rem; }
.ft-auth__separator::before, .ft-auth__separator::after { content: ''; flex: 1; height: 1px; background: var(--ft-border); }
.ft-auth__consent { display: flex; align-items: flex-start; gap: .6rem; line-height: 1.5; }
.ft-auth__consent input { flex: none; width: 1.2rem; min-height: 1.2rem; margin-top: .1rem; }
.ft-auth__email > summary { display: flex; align-items: center; justify-content: center; gap: .5rem; min-block-size: 2.75rem; border: 1px solid var(--ft-border); border-radius: var(--ft-radius-pill); font-size: .875rem; color: var(--ft-ink); list-style: none; cursor: pointer; }
.ft-auth__email > summary::-webkit-details-marker { display: none; }
.ft-auth__email .ft-icon { inline-size: 1.1rem; block-size: 1.1rem; }
.ft-auth__email[open] > summary { margin-block-end: .75rem; }
.ft-auth__email[open] > summary .ft-icon:last-child { transform: rotate(180deg); }
.ft-auth__legal { color: var(--ft-muted); font-size: .6875rem; line-height: 1.6; margin: 1rem 0 0; }
.ft-auth__legal a { color: var(--ft-ink); text-underline-offset: .15em; }
.ft-auth__back { display: inline-flex; align-items: center; min-block-size: 2.75rem; margin-block-start: .5rem; color: var(--ft-muted); font-size: .75rem; text-underline-offset: .2em; }
.ft-auth [hidden] { display: none; }
/* Google-owned brand colours; all app controls use the shared 4teens tokens. */
.ft-auth .ft-auth__google { color: #1f1f1f; background: #fff; border: 1px solid #747775; font-weight: 500; }
.ft-auth .ft-auth__google:hover { background: #f2f2f2; }
.ft-google-mark { flex: none; width: 20px; height: 20px; }
#ft-google-button { display: flex; justify-content: center; max-width: 100%; overflow: hidden; }
@media (min-width: 60rem) { .ft-auth-page .app-header__inner { padding-block-start: 1.5rem; min-block-size: 5.5rem; } .ft-auth { padding-top: 1rem; } .ft-auth__card { padding: 1.75rem 2rem; } }