/* PochtaHub — регистрация и вход (register.html). Префикс .au-* */

/* на iPhone 100vh выше видимой области с панелями браузера — там, где понимают, берём 100dvh */
.au-page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
.au-main{flex:1 0 auto;padding:clamp(40px,9vh,104px) 0 72px;outline:none}
.au-col{max-width:400px;margin-left:auto;margin-right:auto}
.au-col[hidden],.au-panel[hidden],.au-col .field[hidden]{display:none}
.au-col.is-enter,.au-panel.is-enter{animation:au-in .4s var(--ease) both}
@keyframes au-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.au-title{margin-bottom:32px;font:500 clamp(42px,4vw,50px)/1.04 var(--serif);letter-spacing:-.016em;color:var(--ink);outline:none}
.au-title+.au-lead{margin-top:-20px}
.au-lead{margin-bottom:32px;font-size:16px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}
.au-lead b{color:var(--ink);font-weight:600}

.au-back{display:inline-flex;align-items:center;gap:4px;height:44px;margin:-14px 0 10px -8px;padding:0 12px 0 4px;border-radius:999px;font-size:14px;font-weight:600;color:var(--muted);transition:color var(--dur),background var(--dur)}
.au-back:hover{color:var(--ink);background:var(--surface-2)}

/* поля */
.au-col .field+.field{margin-top:22px}
/* 16px — иначе iPhone увеличивает страницу при касании поля */
.au-col .input,.au-col .input-suffix input{font-size:16px}
.au-col .input-group .input{padding-right:56px}
.au-addr input{font-weight:600}
.au-addr input[readonly]{color:var(--ink);cursor:default}
.au-inv{text-transform:uppercase;letter-spacing:.08em}
.au-addr.is-ok{border-color:var(--gold)}
.au-eye{--h:44px}
.au-eye .ic{color:var(--muted)}
.au-eye:hover .ic{color:var(--ink)}

/* строка под полем */
.au-status{display:flex;align-items:flex-start;gap:7px;font-size:13.5px;line-height:1.45;color:var(--muted)}
.au-status:not(:empty){margin-top:8px}
.au-status .ic,.au-status .spinner{flex:none;margin-top:1px}
.au-status .spinner{width:15px;height:15px}
.au-status.is-ok{color:var(--ok);font-weight:600}
.au-status.is-bad{color:var(--danger);font-weight:600}
.au-status span{animation:ph-fade .25s var(--ease)}

/* ссылки — тонкое золотое подчёркивание; поле касания больше самой надписи */
.au-link{color:var(--gold-deep);font-weight:600;text-decoration:underline;text-decoration-color:var(--gold-line);text-decoration-thickness:1px;text-underline-offset:3px;transition:text-decoration-color var(--dur)}
.au-link:hover{text-decoration-color:var(--gold)}
.au-alt{margin-top:28px;font-size:15px;color:var(--muted);text-align:center}
.au-alt .au-link{display:inline-block;padding:12px 4px;margin:-12px -4px}

.au-submit{margin-top:32px}
.au-submit .spinner{border-color:rgba(255,255,255,.25);border-top-color:var(--gold-2)}

@media (max-width:720px){
  .au-main{padding:32px 0 56px}
  .au-title{margin-bottom:28px;font-size:42px}
  .au-title+.au-lead{margin-top:-16px}
}