.auth-document{
  height:auto;min-height:100%;overflow-x:hidden;
}
.auth-secondary{
  --muted:#b8bdc7;
  height:auto;min-height:100vh;min-height:100svh;
  background:#060606;color:#e8e8e8;
}
.auth-secondary .card{
  background:rgba(13,14,17,.94);
  border-color:#2c2f36;border-radius:14px;
}
.auth-secondary .sub,
.auth-secondary .subtitle{
  color:#a4aab6;
}
.auth-secondary .card-sub,
.auth-secondary .info{
  color:#b8bdc7;font-weight:400;line-height:1.6;
}
.auth-secondary .info{overflow-wrap:anywhere;}
.auth-secondary .field label{
  font-size:.7rem;font-weight:600;letter-spacing:.14em;
  color:#b8bdc7;
}
.auth-secondary .field input{
  background:#14161b;border-color:#393e49;
  color:#f6f7fa;font-size:1rem;font-weight:400;
  caret-color:#ed8a7f;
}
.auth-secondary .field input::placeholder{
  color:#a4aab6;opacity:1;
}
.auth-secondary .field input:focus{
  border-color:#e76e61;background:#191c22;
  box-shadow:0 0 0 3px rgba(231,110,97,.16);
}
.auth-secondary .links{flex-wrap:wrap;row-gap:.75rem;}
.auth-secondary .links a,
.auth-secondary .back{
  color:#b8bdc7;font-weight:500;
}
.auth-secondary .links a:hover,
.auth-secondary .back:hover{color:#fff;}
.auth-secondary .links a:focus-visible,
.auth-secondary .back:focus-visible,
.auth-secondary .btn:focus-visible{
  outline:2px solid #ed8a7f;outline-offset:4px;
}
.auth-secondary .rule{
  color:#aeb5c1;border-color:#404653;background:#191c22;
  font-size:.68rem;
}
.auth-secondary .rule.ok{
  color:#71df97;border-color:rgba(113,223,151,.45);
  background:rgba(113,223,151,.08);
}
.auth-secondary .code-input{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));
  gap:.375rem;
}
.auth-secondary .code-box{
  min-width:0;min-height:42px;
  background:#14161b;border-color:#393e49;border-radius:8px;
}
.auth-secondary .code-box:not(:placeholder-shown){border-color:#555e70;}
.auth-secondary .code-box:focus{
  border-color:#e76e61;background:#191c22;
  box-shadow:0 0 0 3px rgba(231,110,97,.16);
}
@media(max-width:480px){
  .auth-secondary{padding:1rem;}
  .auth-secondary .card{padding:1.5rem 1.25rem;}
}
@media(max-width:360px){
  .auth-secondary{padding:.75rem;}
}