.login-page{position:relative;isolation:isolate;display:grid;direction:ltr;grid-template-areas:"visual panel";grid-template-columns:minmax(0,1.08fr) minmax(var(--layout-device-mobile),.92fr);gap:var(--space-3);min-height:100svh;padding:var(--space-3);overflow:hidden;background:var(--bg-canvas);color:var(--text-primary)}.login-panel,.login-visual{position:relative;min-height:calc(100svh - (var(--space-3) * 2));overflow:hidden;border:var(--stroke-hairline) solid var(--border-default);border-radius:var(--shape-card)}.login-visual{grid-area:visual;background:var(--bg-media)}.login-artwork{object-fit:cover;object-position:center}.login-visual__shade{position:absolute;z-index:var(--z-content);inset:0;background:linear-gradient(180deg,var(--media-tint),transparent 38%),linear-gradient(0deg,var(--bg-overlay-soft),transparent 46%);pointer-events:none}.login-brand{position:absolute;z-index:var(--z-overlay);top:var(--space-8);left:var(--space-8);display:inline-flex;direction:ltr;align-items:center;gap:var(--space-2);color:var(--text-inverse);font-family:var(--font-family-latin);font-size:var(--type-title-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-ui);text-decoration:none;text-shadow:0 var(--space-1) var(--space-4) var(--black-shadow-deep)}.login-brand img{width:var(--space-8);height:var(--space-8);object-fit:contain}.login-brand:focus-visible{border-radius:var(--shape-compact);outline:var(--stroke-strong) solid var(--border-focus);outline-offset:var(--space-1)}.login-panel{grid-area:panel;display:grid;direction:rtl;place-items:center;background:var(--bg-surface);box-shadow:inset 0 var(--stroke-hairline) var(--white-veil-subtle)}.login-shell{position:relative;z-index:var(--z-content);display:grid;width:min(calc(var(--layout-device-mobile) + var(--space-10)),calc(100% - (var(--space-8) * 2)));grid-template-columns:1fr;align-items:center;margin-inline:auto;padding-block:var(--space-12)}.genara-surface.login-card{position:relative;isolation:isolate;width:100%;overflow:visible;border-color:transparent;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.login-card__content{position:relative;z-index:var(--z-content);padding:0}.login-form,.login-form__fields,.login-heading{display:grid}.login-form__stage{position:relative;height:calc(var(--layout-stage) + var(--space-14))}.login-form__step{position:absolute;inset:0;display:flex;flex-direction:column;opacity:1;filter:blur(0);transform:translateZ(0);transition:opacity var(--motion-exit-responsive) var(--motion-ease-out),transform var(--motion-exit-responsive) var(--motion-ease-out),filter var(--motion-exit-responsive) var(--motion-ease-out)}.login-form__step:not([data-active]){opacity:0;filter:blur(var(--filter-blur-xs));pointer-events:none}.login-form__step--phone:not([data-active]){transform:translate3d(var(--space-3),0,0)}.login-form__step--code:not([data-active]){transform:translate3d(calc(var(--space-3) * -1),0,0)}.login-form__step[data-active]{transition-duration:var(--motion-responsive)}.login-heading{gap:var(--space-2);margin-bottom:var(--space-6)}.login-heading h1,.login-heading p{margin:0}.login-heading h1{width:fit-content;justify-self:start;background:var(--plan-title-fill);background-clip:text;color:transparent;font-size:var(--type-title-lg);font-weight:var(--type-title-lg-weight);letter-spacing:var(--type-title-lg-tracking);line-height:var(--type-title-lg-line);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-heading p{max-width:var(--layout-device-mobile);color:var(--text-secondary);font-size:var(--type-body);font-weight:var(--type-body-weight);line-height:var(--type-body-line)}.login-form__fields{display:flex;flex:1;flex-direction:column}.login-oauth,.login-phone-field{display:grid}.login-oauth{gap:var(--space-2)}.login-phone-field{position:relative;gap:var(--space-2);padding-bottom:calc(var(--type-caption) * var(--type-caption-line))}.login-phone-prompt{margin:0;color:var(--text-primary);font-size:var(--type-body);font-weight:var(--type-body-weight);line-height:var(--type-body-line)}.login-form__fields--code{gap:var(--space-3)}.login-form__fields .genara-field-message{min-height:calc(var(--type-caption-line) * 1em)}.login-google-feedback{margin:0;color:var(--fg-danger);font-size:var(--type-caption);line-height:var(--type-caption-line)}.login-google-feedback:empty{display:none}.login-separator{display:flex;align-items:center;gap:var(--space-3);margin-block:var(--space-4);color:var(--text-muted);font-size:var(--type-caption);line-height:var(--type-caption-line)}.login-separator:after,.login-separator:before{height:var(--stroke-hairline);flex:1;background:var(--border-subtle);content:""}.login-phone-input .genara-input__control{direction:ltr;text-align:left}.login-phone-field .genara-field-message{position:absolute;inset-inline:0;bottom:0}.login-submit{width:100%;font-weight:var(--font-weight-bold)}.login-form__fields--phone .login-submit{margin-top:var(--space-2)}.login-code-heading,.login-resend-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.login-code-heading span{color:var(--text-secondary);font-size:var(--type-body-sm);line-height:var(--type-body-sm-line)}.login-code-heading button,.login-resend-row button{padding:var(--space-1) var(--space-2);border:0;border-radius:var(--shape-pill);outline:0;background:transparent;color:var(--fg-brand-emphasis);cursor:pointer;font:inherit;font-size:var(--type-caption);font-weight:var(--type-label-weight)}.login-code-heading button:focus-visible,.login-resend-row button:focus-visible{outline:var(--stroke-strong) solid var(--border-focus);outline-offset:var(--stroke-hairline)}.login-resend-row{min-height:var(--control-height-sm);color:var(--text-muted);font-size:var(--type-caption);line-height:var(--type-caption-line)}.login-resend-row button:disabled{cursor:progress;opacity:var(--state-disabled-opacity)}@media (hover:hover) and (pointer:fine){.login-code-heading button:hover,.login-resend-row button:hover{background:var(--bg-hover)}}@media (max-width:45rem){.login-page{grid-template-areas:"stack";grid-template-columns:1fr;grid-template-rows:minmax(100svh,auto);padding:0;overflow-y:auto}.login-panel,.login-visual{grid-area:stack;min-height:100svh;border:0;border-radius:0}.login-visual{position:relative}.login-artwork{object-position:52% center}.login-visual__shade{background:linear-gradient(180deg,var(--media-tint),transparent 30%),linear-gradient(0deg,rgb(var(--glass-ink)/84%) 0,rgb(var(--glass-ink)/42%) 52%,transparent 78%)}.login-brand{top:max(var(--space-4),var(--safe-area-top));left:max(var(--space-4),var(--safe-area-left))}.login-panel{z-index:var(--z-content);align-items:end;justify-items:center;overflow:visible;background:transparent;box-shadow:none}.login-shell{align-items:end;width:calc(100% - (var(--space-2) * 2));min-height:100%;margin-inline:auto;padding-block:max(var(--space-20),var(--safe-area-top)) max(var(--space-2),var(--safe-area-bottom))}.genara-surface.login-card{--control-field-bg:var(--white-veil-soft);--control-field-bg-focus:var(--white-veil);--control-field-border:var(--border-default);overflow:hidden;border-color:var(--glass-border-current);background:var(--glass-background-current);box-shadow:var(--surface-shadow-4),inset 0 var(--stroke-hairline) var(--glass-highlight-current);-webkit-backdrop-filter:blur(var(--glass-blur-current)) saturate(var(--glass-saturation-current));backdrop-filter:blur(var(--glass-blur-current)) saturate(var(--glass-saturation-current))}.login-card__content{padding:var(--space-6)}.login-heading h1{justify-self:center;font-size:var(--type-title);font-weight:var(--type-title-weight);letter-spacing:var(--type-title-tracking);line-height:var(--type-title-line)}.login-heading{text-align:center}.login-heading p{justify-self:center}}@media (prefers-reduced-motion:reduce){.login-form__step{filter:none;transform:none;transition:opacity var(--motion-immediate) var(--motion-ease-out)}}@media (prefers-contrast:more),(prefers-reduced-transparency:reduce){.genara-surface.login-card{border-color:var(--border-strong);background:var(--bg-surface);-webkit-backdrop-filter:none;backdrop-filter:none}}