.auth-page{min-height:100vh;background:#fafbf8}.auth-header{height:92px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6e6e6}.auth-header>a:last-child{font-size:13px;color:#737373}.auth-brand{font-weight:750;letter-spacing:-2px;font-size:33px;color:#2a2a2a}.auth-brand span{color:#575757;margin-left:4px}.auth-layout{min-height:calc(100vh - 92px);display:grid;grid-template-columns:1fr 1fr}.auth-story{position:relative;padding:72px 6vw;background:#f0f0f0;overflow:hidden}.auth-story h2{font-size:clamp(38px,4vw,65px);line-height:1.08;letter-spacing:-2px;font-weight:500;margin:30px 0 22px}.auth-story h2 em{font-family:Georgia,serif;color:#575757;font-weight:400}.auth-story>p{font-size:15px;color:#6d6d6d;line-height:1.8}.auth-story>img{width:calc(100% + 12vw);max-width:none;height:290px;object-fit:cover;margin:34px -6vw -72px}.auth-quote{position:relative;z-index:1;background:#fafbf8;border-left:2px solid #575757;padding:22px;margin-top:38px;max-width:380px}.auth-quote small{color:#575757;font-size:11px}.auth-quote p{font-size:18px;line-height:1.5;margin:10px 0 18px}.auth-quote span{font-size:11px;color:#848484}.auth-form-wrap{display:flex;align-items:center;justify-content:center;padding:52px 32px}.auth-form{width:100%;max-width:390px}.auth-form h1{font-weight:500;font-size:34px;letter-spacing:-1px;margin:19px 0 10px}.auth-subtitle{font-size:14px;color:#7d7d7d;line-height:1.6;margin-bottom:30px}.auth-providers{display:grid;gap:10px}.auth-providers button{display:flex;align-items:center;justify-content:center;gap:12px;padding:13px;border:1px solid #e0e0e0;background:white;border-radius:7px;font:inherit;font-size:14px;cursor:pointer}.auth-providers svg{width:20px;height:20px}.auth-divider{display:flex;align-items:center;gap:14px;font-size:11px;color:#919191;margin:23px 0}.auth-divider:before,.auth-divider:after{content:'';flex:1;height:1px;background:#e5e5e5}.auth-form form{display:grid;gap:18px}.auth-form label{font-size:12px;display:grid;gap:8px;color:#676767}.auth-form input{border:1px solid #e0e0e0;background:white;padding:13px 14px;border-radius:6px;font:inherit;font-size:14px;width:100%;color:#313131}.auth-form input:focus{outline:2px solid #575757;outline-offset:2px}.password-field{position:relative;display:block}.password-field input{padding-right:48px}.password-field button{position:absolute;right:8px;top:5px;width:35px;height:35px;border:0;background:transparent;color:#7c7c7c;cursor:pointer}.password-field svg{width:20px;height:20px}.forgot{justify-self:end;color:#575757;font-size:12px}.auth-submit{display:flex;justify-content:space-between;background:#575757;color:white;border:0;border-radius:6px;padding:14px 18px;font:inherit;font-size:14px;cursor:pointer}.auth-switch{font-size:13px;text-align:center;color:#7e7e7e;margin:24px 0}.auth-switch a,.auth-demo a{color:#575757}.auth-demo{border-top:1px solid #e4e4e4;padding-top:23px;margin-top:30px;font-size:12px;line-height:1.7;color:#828282}.auth-demo strong{font-weight:500;color:#636363}.auth-demo p{margin:6px 0 10px}.auth-status{background:#f0f0f0;border-radius:6px;padding:15px;font-size:13px;line-height:1.6;margin-top:18px}.auth-status[hidden]{display:none}@media(max-width:850px){.auth-story{display:none}.auth-layout{grid-template-columns:1fr}.auth-header{height:72px}.auth-form-wrap{padding:38px 24px}.auth-form h1{font-size:30px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
.auth-product-note{margin-top:40px;border-top:1px solid #d5d5d5;padding-top:26px}.auth-product-note>span{font-size:10px;letter-spacing:.06em;color:#7b7b7b}.auth-product-note p{font-size:22px;line-height:1.5;margin:18px 0}.auth-product-note a{font-size:13px;color:#575757}
/* Шаг с кодом из письма и ошибки формы. */
.auth-status-error{color:#b91c1c}
.auth-code-hint{color:#4b5563;font-size:15px;line-height:1.5;margin:0 0 20px}
.auth-code-hint strong{color:#111827}
.auth-field{display:block;margin-bottom:16px}
.auth-field span{display:block;font-size:14px;font-weight:500;margin-bottom:6px}
.auth-field input{
  width:100%;padding:12px 14px;font-size:16px;
  border:1px solid #d1d5db;border-radius:10px;background:#fff;
}
.auth-field input:focus{outline:2px solid #2563eb;outline-offset:1px;border-color:#2563eb}
.auth-secondary{
  display:block;width:100%;margin-top:12px;padding:10px;
  background:none;border:none;color:#2563eb;font-size:15px;cursor:pointer;
}
.auth-secondary:hover{text-decoration:underline}
@media (prefers-color-scheme:dark){
  .auth-code-hint{color:#9ca3af}
  .auth-code-hint strong{color:#f3f4f6}
  .auth-field input{background:#1f2937;border-color:#374151;color:#f3f4f6}
  .auth-status-error{color:#f87171}
}

/* Уже вошли: предлагаем кабинет, но не уводим силой. */
.auth-signed{
  background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;
  padding:16px 18px;margin-bottom:24px;
}
.auth-signed p{margin:0 0 10px;color:#1e40af;font-size:15px}
.auth-signed-go{
  display:inline-block;font-weight:600;color:#2563eb;text-decoration:none;
}
.auth-signed-go:hover{text-decoration:underline}
.auth-signed .auth-secondary{text-align:left;padding:8px 0 0;font-size:14px}
@media (prefers-color-scheme:dark){
  .auth-signed{background:#172554;border-color:#1e3a8a}
  .auth-signed p{color:#bfdbfe}
}