.account-page {
  min-height:100svh;
  display:flex;
  flex-direction:column;
  background:radial-gradient(ellipse at 50% 42%,#eeeafa77,transparent 50%),#fafbff
}
.account-page .desktop-nav {
  display:none
}
.account-page .site-header {
  display:none;
  background:transparent;
  border-color:transparent;
  box-shadow:none;
  backdrop-filter:none
}
.account-page .signin-link {
  display:none
}
.account-main {
  position:relative;
  flex:1;
  width:100%;
  max-width:440px;
  margin:0 auto;
  padding:63px 20px 55px
}
.account-heading {
  text-align:center;
  margin-bottom:27px;
  position:relative
}
.account-emblem {
  width:112px;
  height:112px;
  margin:0 auto;
  mix-blend-mode:multiply;
}
.account-heading h1 {
  font-size:39px;
  letter-spacing:-1.9px;
  font-weight:450;
  line-height:1.1;
  margin:18px 0 0
}
.account-shell {
  position:relative;
  padding:9px;
  border-radius:27px;
  background:url('../img/home/glass-surface.webp') center/100% 100%;
  box-shadow:0 24px 65px -35px #5f468e4d,0 0 0 1px #e8e5f3;
  isolation:isolate
}
.account-shell:before {
  content:'';
  position:absolute;
  inset:-18px;
  background:radial-gradient(ellipse,#d5c6e92e,transparent 70%);
  z-index:-1
}
.auth-card {
  border-radius:20px;
  padding:27px 27px 25px;
  background:#fffffff5;
  border:1px solid #fff;
  box-shadow:inset 0 0 0 1px #f2eff7
}
.login-tabs {
  display:grid;
  grid-template-columns:1fr 1fr;
  padding:4px;
  gap:3px;
  background:#f1eff6;
  border-radius:10px;
  margin-bottom:28px
}
.login-tab {
  padding:9px 4px;
  text-align:center;
  font-size:11px;
  color:#796b84;
  border-radius:7px
}
.login-tab.active {
  background:#fff;
  color:#645072;
  box-shadow:0 2px 6px #6147730a
}
.login-footer {
  margin-top:21px;
  text-align:center;
  font-size:11px;
  color:#7c6987
}
.login-footer a:hover,.auth-legal a:hover {
  color:#7c3aed
}
.auth-legal {
  margin-top:19px;
  text-align:center;
  font-size:10px;
  line-height:1.8
}
.auth-legal a {
  color:#7b6985;
  text-decoration:underline;
  text-underline-offset:3px
}
.auth-intro {
  margin-bottom:24px;
  text-align:center
}
.auth-intro-title {
  font-size:15px;
  color:#746080;
  font-weight:500
}
.auth-intro-sub {
  font-size:11px;
  color:#7a6a83;
  margin-top:5px
}
.form-input-code {
  letter-spacing:3px;
  text-transform:uppercase
}
.account-back {
  text-align:center;
  margin-top:25px;
  font-size:11px;
  color:#776b81
}
.account-back a {
  display:inline-flex;
  gap:8px;
  align-items:center
}
.account-back a:hover {
  color:#7c3aed
}
.account-page .site-footer {
  width:100%;
  padding-top:10px
}
.account-page .footer-top {
  display:none
}
.account-page .footer-bottom {
  font-size:10px;
  padding-top:20px
}
.account-page .footer-bottom nav a:nth-child(-n+2) {
  display:none
}
.form-input {
  font-size:13px
}
.form-hint {
  font-size:10px
}
.account-page .btn-submit {
  margin-top:6px
}
.account-page .form-group {
  margin-bottom:18px
}
@media(max-width:760px) {
  .account-main {
    padding-top:46px;
    padding-bottom:40px;
    max-width:410px
  }
  .account-page .site-header {
    display:flex;
    position:absolute;
    top:16px;
    right:16px;
    width:auto;
    height:52px;
    margin:0
  }
  .account-heading h1 {
    font-size:35px
  }
  .account-emblem {
    width:94px;
    height:94px
  }
  .auth-card {
    padding:25px 22px
  }
  .account-page .footer-bottom {
    align-items:center
  }
  .account-page .footer-bottom nav {
    justify-content:center
  }
  .account-page .header-actions {
    margin-right:17px
  }
  .account-page .site-footer {
    padding-top:0
  }
}
@media(max-width:760px) {
  .account-page .form-input {
    font-size:16px
  }
}