.gateway{grid-template-columns:1.05fr 1fr;min-height:100dvh;display:grid}.gateway__form-side{padding:var(--space-8);justify-content:center;align-items:center;display:flex}.brand-panel{background:var(--brand-active);color:var(--text-inverse);padding:var(--space-10);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.brand-panel__illustration{object-fit:cover;object-position:center bottom;mix-blend-mode:multiply;opacity:.55;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.brand-panel>:not(.brand-panel__illustration){z-index:1;position:relative}.brand-headline{font-family:var(--font-display);font-weight:var(--weight-medium);font-size:var(--text-display-lg);line-height:var(--leading-display-lg);letter-spacing:var(--tracking-display);text-wrap:balance;max-width:14ch;margin:0}.brand-sub{color:color-mix(in srgb, var(--text-inverse) 78%, transparent);max-width:36ch;margin:var(--space-5) 0 0}.brand-foot{font-size:var(--text-meta);color:color-mix(in srgb, var(--text-inverse) 62%, transparent)}.recap{background:color-mix(in srgb, var(--on-brand) 6%, transparent);border:1px solid color-mix(in srgb, var(--on-brand) 12%, transparent);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-5);max-width:380px}.recap__top{padding:var(--space-3) 0;font-size:var(--text-meta);line-height:var(--leading-meta);font-weight:var(--weight-medium);color:color-mix(in srgb, var(--text-inverse) 70%, transparent);justify-content:space-between;align-items:center;display:flex}.recap__row{gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid color-mix(in srgb, var(--on-brand) 10%, transparent);align-items:flex-start;display:flex}.recap__text{gap:var(--space-1);font-size:var(--text-body);line-height:var(--leading-body);flex-direction:column;display:flex}.recap__text strong{font-weight:var(--weight-medium)}.recap__text span{font-size:var(--text-meta);color:color-mix(in srgb, var(--text-inverse) 66%, transparent)}.auth-card{width:100%;max-width:420px}.auth-card__head{margin-bottom:var(--space-6)}.auth-mobile-logo{margin-bottom:var(--space-6);display:none}@media (max-width:860px){.gateway{grid-template-columns:1fr}.gateway .brand-panel{display:none}.auth-mobile-logo{display:flex}}