.auth-tabs{grid-template-columns:1fr}
.telegram-official-login{display:grid;justify-items:center;gap:12px;padding:22px 18px;border:1px solid #45483f;background:#191c17;text-align:center}.telegram-official-login p{margin:0;color:#f4f2e9;font-weight:700}.telegram-official-login small{max-width:360px;color:#989d91;line-height:1.45}.auth-fallback{margin-top:14px;border-top:1px solid #3a3e36;padding-top:13px}.auth-fallback summary{color:#9da295;font-size:12px;cursor:pointer}.auth-fallback-fields{display:grid;gap:9px;margin-top:12px}

/* Centered pre-auth experience for desktop, ultrawide and mobile screens. */
.login{
  position:relative;
  isolation:isolate;
  min-height:100vh;
  min-height:100dvh;
  display:grid;
  place-content:center;
  justify-items:center;
  padding:40px 24px;
  overflow:auto;
  text-align:center;
  background:#10130f
}
.login:before{
  content:'';
  position:fixed;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(180deg,rgba(7,9,7,.58),rgba(7,9,7,.72)),
    url('/assets/login-background-5k.jpg');
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover
}
.login .login-mark{width:72px;height:72px;margin:0 0 14px;border:1px solid #4a4f43;box-shadow:0 12px 40px rgba(0,0,0,.28)}
.login>.eyebrow{margin:0;color:#aeb5a4;letter-spacing:.24em}
.login h1{
  max-width:760px;
  margin:20px 0 0;
  font-size:clamp(42px,5.2vw,76px);
  line-height:.94;
  letter-spacing:-.055em;
  text-align:center
}
.login .auth-box{
  width:min(520px,calc(100vw - 32px));
  margin:28px auto 0;
  padding:7px;
  background:rgba(27,30,25,.94);
  border-color:#4a4f43;
  border-radius:24px;
  box-shadow:0 24px 80px rgba(0,0,0,.3)
}
.login .telegram-official-login{border-radius:18px}
.login .auth-panel{padding:16px}
.login .auth-tabs button{border-radius:15px}
.social-login{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.social-login.hidden{display:none}.social-button{display:flex;min-height:46px;align-items:center;justify-content:center;border-radius:14px;text-decoration:none;font-weight:750}.social-button.vk{background:#07f;color:#fff}.social-button.yandex{background:#fff;color:#111}.social-button.hidden{display:none}
@media(max-width:600px){
  .login{place-content:start center;padding:28px 16px}
  .login .login-mark{width:60px;height:60px;margin-bottom:11px}
  .login h1{margin-top:16px;font-size:clamp(38px,12vw,56px)}
  .login .auth-box{margin-top:22px}
  .login .auth-panel{padding:10px}
  .login .telegram-official-login{padding:18px 12px}
  .social-login{grid-template-columns:1fr}
}
@media(max-height:760px) and (min-width:601px){
  .login{place-content:start center;padding-top:28px;padding-bottom:28px}
  .login .login-mark{width:58px;height:58px;margin-bottom:9px}
  .login h1{margin-top:12px;font-size:46px}
  .login .auth-box{margin-top:18px}
}