body:has(.auth){background:var(--bg)}.auth{--grid_cols:20;--grid_gutter:1.2rem;--grid_margin:3rem;--side_cols:5;--grid_col_width:calc((100vw - (var(--grid_margin) * 2) - (var(--grid_gutter) * (var(--grid_cols) - 1))) / var(--grid_cols));--side_width:calc(var(--grid_margin) + var(--grid_gutter) * -1 + (var(--grid_gutter) + var(--grid_col_width)) * var(--side_cols));grid-template-columns:var(--side_width) 1fr;isolation:isolate;background:var(--bg);min-height:100dvh;display:grid;position:relative;overflow:hidden}.auth__side{justify-content:center;align-items:center;padding:48px;display:flex;position:relative}.auth__side--form{border-inline-end:1px solid var(--rule,var(--ink));padding-inline:var(--grid_margin) 2rem;align-items:flex-start}.login-form{gap:14px;width:100%;max-width:380px;font-size:13px;display:grid}.login-form__row{gap:14px;display:grid}.login-form__note{text-align:center;color:var(--ink-2);margin-top:4px}.login-form__note a{color:var(--ink);text-underline-offset:3px;font-weight:600}.login-form__note a:hover{color:var(--accent-ink)}.auth__logo{inset-inline-start:var(--grid_margin);bottom:var(--grid_margin);width:120px;position:absolute}.auth__logo-link{display:contents}.auth__prefs{inset-inline-end:2rem;bottom:var(--grid_margin);align-items:center;gap:16px;display:flex;position:absolute}.auth__prefs .lang{--lang-size:34px}.auth__prefs .theme-toggle{color:var(--ink);font-size:26px}.auth__side--slogan{padding-inline:var(--grid_margin) calc(var(--grid_margin) + var(--grid_col_width) + var(--grid_gutter));justify-content:flex-end}.slogan-block{flex-direction:column;align-items:flex-end;gap:36px;display:flex}.auth__show{justify-content:flex-end;align-items:center;gap:clamp(24px,4vw,64px);width:100%;min-width:0;display:flex}.auth__picture{object-fit:contain;flex:1 1 0;width:100%;min-width:0;height:auto;max-height:72vh;display:block}html[data-theme=dark] .auth__picture{box-sizing:border-box;background:#f0ebe8;border-radius:14px;padding:clamp(14px,2vw,28px)}.slogan{color:var(--ink);text-align:end;font-size:clamp(26px,2.7vw,46px);line-height:1.2}.slogan span{display:block}.slogan .slogan__big{font-size:1.7em}.slogan span{width:max-content;line-height:1.15}.pill-button--inline{width:auto;font-size:13px;text-decoration:none}.pill-button--inline .pill-button__text-container{padding-inline:1em}@media (max-width:1199px){.auth{--grid_cols:12;--grid_gutter:1rem;--grid_margin:2rem;--side_cols:3}}.ambient{top:48px;color:var(--ink);white-space:nowrap;align-items:center;gap:12px;margin:0;font-size:13px;display:flex;position:absolute;inset-inline-end:calc(var(--grid_margin) + var(--grid_col_width) + var(--grid_gutter))}.ambient__time{font-weight:600}.ambient__digit{text-align:center;width:.65em;display:inline-block}.ambient__dot{background:var(--ink);border-radius:50%;width:7px;height:7px}.ambient__dot[hidden],.ambient__weather[hidden]{display:none}.ambient__weather{align-items:center;gap:6px;display:inline-flex}.ambient__icon{display:inline-flex}.ambient__icon svg{width:18px;height:18px}.ambient__city{color:var(--ink-2)}@media (max-width:899px){.auth{grid-template-rows:minmax(40vh,auto) 1fr;grid-template-columns:1fr}.auth__show{flex-direction:column;justify-content:flex-start;gap:24px}.auth__picture{flex:none;width:auto;max-width:100%;max-height:32vh}.auth__side{padding:32px 16px}.auth__side--slogan{order:-1;align-items:flex-start;padding-top:56px}.auth__side--form{padding-top:40px;padding-bottom:calc(110px + env(safe-area-inset-bottom));border-inline-end:0;border-top:1px solid var(--rule,var(--ink));align-items:flex-start}.auth__side--slogan{justify-content:center;padding-inline:16px}.slogan{text-align:center;font-size:clamp(24px,7vw,34px)}.slogan-block{align-items:center;gap:24px}.ambient{flex-wrap:wrap;order:1;justify-content:center;row-gap:4px;margin-top:24px;font-size:12px;position:static}.auth__side--slogan{flex-direction:column;align-items:center}.auth__logo{inset-inline-start:16px;bottom:calc(24px + env(safe-area-inset-bottom));width:96px}.auth__prefs{inset-inline-end:16px;bottom:calc(24px + env(safe-area-inset-bottom))}.auth__prefs .lang{--lang-size:30px}}