.brand i {
  position: relative;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #171310;
  font: 500 25px/1 "Bodoni Moda", Georgia, serif;
  font-style: normal;
  letter-spacing: -.16em;
}

.appLocked{visibility:hidden}.authGate{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,#fff 0,#fffaf0 34%,#f2e5d4 100%)}.authGate[hidden]{display:none}.authCard{width:min(480px,100%);padding:42px;border:1px solid rgba(73,53,38,.16);background:rgba(255,255,255,.86);box-shadow:0 28px 80px rgba(83,57,35,.14);backdrop-filter:blur(18px)}.authMark{font-family:"Bodoni Moda","Times New Roman",serif;font-size:54px;letter-spacing:-8px;margin:0 0 20px;color:#17120f}.authCard h1{font-family:"Bodoni Moda","Times New Roman",serif;font-size:clamp(32px,6vw,48px);font-weight:500;margin:8px 0 12px}.authCard>p{color:#76695f;line-height:1.6}.authCard form{display:grid;gap:16px;margin-top:28px}.authCard label{display:grid;gap:8px;font-size:13px;font-weight:700}.authCard input{width:100%;padding:14px;border:1px solid #d8c9ba;background:#fff;font:inherit}.authError{color:#9a302b!important;min-height:22px}.recoveryBox{margin-top:22px;padding:20px;background:#fffaf0;border:1px solid #d8c9ba}.recoveryBox h2{font-size:24px}.recoveryCodes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:18px 0}.recoveryCodes code{padding:10px;text-align:center;background:#fff;border:1px solid #e6d8ca;font-size:16px;letter-spacing:2px}.textButton{border:0;background:none;padding:8px 0;color:inherit;text-decoration:underline;cursor:pointer;text-align:left;font:inherit;font-size:12px}

.brand i::after {
  content: "";
  position: absolute;
  left: 7px;
  right: 5px;
  bottom: 4px;
  height: 1px;
  background: #171310;
  opacity: .72;
}