.auth-page{--auth-bg:#f3f4f6;--auth-ink:#16171a;--auth-muted:#6b6e76;--auth-line:#dcdfe3;--auth-accent:#ff6a3d;background:var(--auth-bg);color:var(--auth-ink);flex-direction:column;flex:1;font-family:Onest,Helvetica Neue,Arial,sans-serif;display:flex}.auth-header{background:#fff;border-bottom:1px solid #e3e5e8;justify-content:space-between;align-items:center;height:80px;padding:0 clamp(16px,5vw,72px);display:flex}.auth-brand{color:var(--auth-ink);align-items:center;gap:12px;font-family:Unbounded,Arial Black,sans-serif;font-size:20px;font-weight:700;text-decoration:none;display:flex}.auth-back{color:#5b5e66;font-size:16px;text-decoration:none}.auth-main{flex:1;justify-content:center;align-items:flex-start;padding:48px 16px;display:flex}.auth-card{background:#fff;border-radius:28px;flex-direction:column;gap:14px;width:100%;max-width:520px;padding:36px;display:flex}.auth-card h1{letter-spacing:-1px;margin:0;font-family:Unbounded,Arial Black,sans-serif;font-size:34px;font-weight:800;line-height:1.1}.auth-lead{color:#5b5e66;margin:0 0 10px;font-size:16px}.auth-providers,.auth-email{flex-direction:column;gap:12px;display:flex}.auth-button{cursor:pointer;border:0;border-radius:28px;justify-content:center;align-items:center;gap:12px;height:56px;font:600 17px/1 Onest,Helvetica Neue,Arial,sans-serif;text-decoration:none;display:flex}.auth-button:disabled{opacity:.55;cursor:default}.auth-vk{color:#fff;background:#07f}.auth-yandex{background:var(--auth-ink);color:#fff}.auth-primary{background:var(--auth-accent);color:var(--auth-ink)}.auth-mark{border-radius:14px;place-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:grid}.auth-vk .auth-mark{color:#07f;background:#fff}.auth-yandex .auth-mark{color:#fff;background:#fc3f1d;font-size:15px}.auth-note,.auth-hint{color:var(--auth-muted);margin:0;font-size:14px;line-height:1.5}.auth-note{text-align:center}.auth-divider{color:#9a9da4;align-items:center;gap:14px;margin:6px 0;font-size:14px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e3e5e8;flex:1;height:1px}.auth-email label{font-size:15px;font-weight:600}.auth-input{border:1px solid var(--auth-line);height:56px;color:var(--auth-ink);background:#fff;border-radius:28px;padding:0 22px;font:17px Onest,Helvetica Neue,Arial,sans-serif}.auth-input:focus{border:2px solid var(--auth-ink);outline:none;padding:0 21px}.auth-code{letter-spacing:.5em;text-align:center;font-family:Unbounded,Arial Black,sans-serif;font-size:24px}.auth-link{color:#5b5e66;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font:15px Onest,Helvetica Neue,Arial,sans-serif;text-decoration:underline}.auth-error{color:#b83a0f;background:#fff0ec;border-radius:14px;margin:0;padding:12px 16px;font-size:15px;line-height:1.5}.auth-notice{color:#2f7a52;margin:0;font-size:15px;line-height:1.5}.auth-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:is(.auth-page a:focus-visible,.auth-page button:focus-visible,.auth-page input:focus-visible){outline-offset:3px;outline:3px solid #ffb899}@media (max-width:560px){.auth-header{height:60px}.auth-main{padding:24px 16px}.auth-card{border-radius:22px;padding:24px 18px}.auth-card h1{font-size:28px}}.auth-legal{color:var(--auth-muted);text-align:center;margin:6px 0 0;font-size:13px;line-height:1.55}.auth-legal a{color:var(--auth-ink)}
