/* Страницы учётной записи — «Создать аккаунт», «Вход», «Новый пароль»; в кабинете — поля и ошибки. Поверх landing.css:
   те же цвета, шрифты, шапка и кнопки */
.auth-page{min-height:100vh;display:flex;flex-direction:column}
.auth-main{flex:1;padding-top:170px;padding-bottom:100px;background:radial-gradient(ellipse at 12% 18%,#4f242522,transparent 55%)}
.auth-layout{display:grid;grid-template-columns:.9fr 1.1fr;grid-template-areas:"top card" "bottom card";grid-template-rows:auto 1fr;gap:0 80px;align-items:start}
.auth-top{grid-area:top}.auth-card{grid-area:card}.auth-bottom{grid-area:bottom}
.auth-copy h1{font-size:clamp(46px,5vw,70px);font-weight:750;letter-spacing:-.05em;line-height:1.03}
.auth-copy h1 span{color:var(--red)}
.auth-lead{font-size:17px;line-height:1.75;margin-top:26px;max-width:440px}
.auth-points{margin-top:30px}
.auth-aside{font-size:14px;border-top:1px solid var(--line);padding-top:22px;max-width:440px}

.auth-card{position:relative;border:1px solid #ffffff24;border-radius:10px;background:#16191a;padding:44px 46px 46px;box-shadow:0 30px 70px #0006}
.auth-card:before{content:"";position:absolute;left:0;top:34px;bottom:34px;width:3px;background:var(--red)}
.auth-card-title{font-size:28px;font-weight:650;letter-spacing:-.03em;margin-bottom:26px}
.auth-card-title:focus{outline:none}
.auth-text{font-size:15px;line-height:1.75;margin-bottom:24px}
.auth-text strong{color:var(--text);font-weight:600;overflow-wrap:anywhere}
.auth-hint{margin-top:18px}

.form-grid{display:grid;gap:22px}
.field{display:grid;gap:8px;min-width:0}
.field label{font-size:11px;letter-spacing:.14em;font-weight:700;color:#bbc1bb;text-transform:uppercase}
.field input{width:100%;min-height:54px;padding:14px 16px;background:#0c0e0f;border:1px solid #ffffff2e;border-radius:5px;color:var(--text);font:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s}
.field input:hover{border-color:#ffffff55}
.field input:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px #ed423b33}
.field input[aria-invalid="true"]{border-color:#ff6b6b}
.hint{font-size:13px;line-height:1.5;color:#8f9992}
/* Глаз у пароля: касание показывает набранное, повторное — скрывает */
.password-wrap{position:relative}.password-wrap input{padding-right:58px}
.eye{position:absolute;right:3px;top:50%;transform:translateY(-50%);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:none;border:0;border-radius:5px;color:#a8aeab}
.eye:hover{color:#fff}.eye:focus-visible{outline:2px solid var(--red);outline-offset:0}
.code-input{font-size:24px!important;letter-spacing:.35em;text-align:center;font-variant-numeric:tabular-nums}

.consent{display:flex;gap:13px;align-items:flex-start;font-size:14px;line-height:1.6;color:#c2c9c4;cursor:pointer}
.consent input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--red);flex-shrink:0;cursor:pointer}
.consent a{border-bottom:1px solid #ffffff5c}
.consent a:hover{border-color:var(--red)}

.form-error,.form-message{border-radius:5px;padding:12px 15px;font-size:14px;line-height:1.6}
.form-error{border:1px solid #ff6b6b66;background:#ff6b6b14;color:#ffb3ae}
.form-message{border:1px solid #ffffff24;background:#ffffff08;color:#d4dad5}

.auth-card .button{width:100%}
.auth-card .button[disabled]{opacity:.65;cursor:progress;transform:none}
/* Второстепенная кнопка — рядом с главной: «Войти в кабинет», «Выйти», «Отмена» */
.button-secondary{background:transparent;border-color:#ffffff40;color:var(--text)}
.button-secondary:hover{background:#ffffff0a;border-color:var(--red)}
.auth-actions{display:grid;gap:12px}
/* Ссылки-кнопки под формой: «Отправить код ещё раз», «Забыли пароль?» — вид ссылки, а не серой кнопки браузера */
.resend,.form-link{justify-self:center;min-height:44px;background:none;border:0;border-bottom:1px solid #ffffff5c;border-radius:0;color:var(--text)}
.resend[disabled],.form-link[disabled]{opacity:.5;cursor:default;border-color:transparent}
.auth-switch{margin-top:26px;padding-top:22px;border-top:1px solid var(--line);font-size:14px;text-align:center}
.auth-switch a{color:var(--text);font-weight:600;border-bottom:1px solid #ffffff5c}
.auth-switch a:hover{border-color:var(--red)}
.done-icon{width:44px;height:44px;color:var(--red);margin-bottom:18px}

/* Ловушка для ботов: людям поле не видно и в обход клавиатурой не попадает */
.hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}

@media(max-width:1100px){.auth-layout{column-gap:48px}.auth-card{padding:38px 36px 40px}}
/* На телефоне — заголовок, форма, потом подробности: листать до формы не нужно */
@media(max-width:900px){.auth-layout{grid-template-columns:1fr;grid-template-areas:"top" "card" "bottom";grid-template-rows:auto;gap:36px}.auth-lead,.auth-aside{max-width:none}.auth-points{margin-top:0}}
@media(max-width:780px){.auth-main{padding-top:125px;padding-bottom:64px}.auth-card{padding:30px 22px 32px}.auth-card:before{top:26px;bottom:26px}.auth-card-title{font-size:24px;margin-bottom:22px}.auth-lead{font-size:16px}}