#loginGate,.br-welcome{
  background:linear-gradient(180deg,#050505 0%,#070605 28%,#160907 62%,#49170d 100%);
  padding:48px 24px;overflow:auto;box-sizing:border-box;
}
#loginGate .login-card{
  width:100%;max-width:380px;padding:32px;background:rgba(24,13,11,.94);border:1px solid rgba(226,149,103,.27);border-radius:20px;
  box-shadow:0 32px 90px rgba(0,0,0,.46),inset 0 1px 0 rgba(245,174,127,.08);backdrop-filter:blur(24px);text-align:center;
}
#loginGate .login-card > img{width:82px!important;height:82px!important;margin:0!important;object-fit:cover;transform:scale(1.7);mix-blend-mode:screen;}
.auth-brand-name{font-size:13px;font-weight:500;color:#dedee0;margin:8px 0 34px;letter-spacing:0;}
#loginGate .login-eyebrow{display:none;}
#loginGate .login-title,.br-profile h1{
  font-family:inherit;font-size:25px;font-weight:500;line-height:1.3;letter-spacing:0;margin:0 0 12px;color:#f6f6f7;
}
#loginGate .login-sub{font-size:13px;line-height:1.6;color:#97979c;margin:0 0 32px;}
.auth-switch{font:inherit;color:#f2f2f3;background:none;border:0;padding:0 0 0 3px;cursor:pointer;text-decoration:none;}
.auth-switch:hover{text-decoration:underline;}
.auth-switch:focus-visible{outline:2px solid #ababaf;outline-offset:4px;}
#loginForm{gap:12px;}
.mobile-browser-login{margin:0 0 18px;}
.mobile-browser-login[hidden]{display:none!important;}
.mobile-browser-login-btn{
  box-sizing:border-box;width:100%;min-height:44px;border:0;border-radius:7px;
  background:#fafafa;color:#171719;font-family:inherit;font-size:13px;font-weight:500;padding:12px 16px;cursor:pointer;
}
.mobile-browser-login-btn:active{transform:scale(.99);}
.mobile-browser-login p{margin:9px 0 17px;color:#a3a3a8;font-size:11px;line-height:1.5;}
.mobile-browser-divider{display:flex;align-items:center;gap:12px;color:#77777d;font-size:10px;text-transform:uppercase;letter-spacing:.08em;}
.mobile-browser-divider::before,.mobile-browser-divider::after{content:"";height:1px;flex:1;background:#343437;}
.mobile-browser-divider span{white-space:nowrap;}
#loginForm .field-input,.br-profile input{
  box-sizing:border-box;width:100%;height:44px;border:1px solid #343437;border-radius:7px;
  background:#202022;color:#f4f4f5;padding:12px 14px;font-family:inherit;font-size:13px;letter-spacing:0;box-shadow:none;
}
#loginForm .field-input:focus,.br-profile input:focus{outline:2px solid #94949a;outline-offset:2px;}
#loginForm .field-input::placeholder{color:#939398;}
#loginForm .login-submit,.br-profile button[type=submit]{
  min-height:44px;border-radius:10px;background:#f3e8dd;color:#201512;font-family:inherit;font-size:13px;font-weight:600;letter-spacing:0;padding:12px 16px;
}
#loginForm .login-msg{font-size:12px;line-height:1.6;margin:4px 0 0;padding:12px;text-align:left;overflow-wrap:anywhere;}
#loginForm .login-msg.ok{color:#bce1cc;background:#252d29;border:1px solid #39483e;}
#loginGate .signup-existing{margin:18px 0 0;font-size:12px;line-height:1.65;color:#b8b8bd;}
.auth-access-note{margin:36px auto 0;padding-top:20px;border-top:1px solid #303033;max-width:300px;font-size:11px;line-height:1.7;color:#929297;}
.br-welcome{place-items:center;}
.br-profile{max-width:340px;text-align:left;}
.br-profile > img{display:block;width:64px;height:64px;margin:0 auto 28px;}
.br-profile h1{text-align:center;margin-bottom:28px;}
.br-profile label{font-size:12px;color:#bdbdc2;gap:8px;margin:16px 0;}
.br-profile input[type=file]{height:auto;min-height:44px;padding:10px;}
.br-profile label span{font-size:11px;}
.br-profile button[type=submit]{display:block;width:100%;margin:24px 0 0;}
.br-profile #brWelcomeSignout{display:block;margin:16px auto 0;background:none;border:0;font-weight:400;color:#aaaab0;font-size:12px;}
.br-profile .br-message{font-size:12px;}
.auth-photo-control{display:flex;align-items:center;gap:16px;margin:24px 0;}
.br-profile .auth-photo-control input[hidden],.auth-photo-remove[hidden]{display:none!important;}
.br-profile .auth-photo-avatar{flex:0 0 64px;width:64px;height:64px;border-radius:50%;padding:0;margin:0;background:#262628;border:1px dashed #55555c;display:grid;place-items:center;overflow:hidden;color:#c4c4ca;cursor:pointer;}
.auth-photo-avatar>span{font-size:26px;font-weight:300;line-height:1;}
.auth-photo-avatar img{width:100%;height:100%;object-fit:cover;}
.auth-photo-copy{display:flex;gap:8px 14px;align-items:center;flex-wrap:wrap;font-size:12px;}
.auth-photo-copy>span{flex-basis:100%;color:#d5d5da;}
.auth-photo-copy small{font-size:11px;color:#929298;margin-left:6px;}
.br-profile .auth-photo-copy button{border:0;background:none;padding:0;margin:0;color:#d5d5da;font:inherit;cursor:pointer;}
.br-profile .auth-photo-copy .auth-photo-remove{color:#9b9ba3;}
.auth-photo-copy button:hover{text-decoration:underline;}
.auth-photo-control button:focus-visible{outline:2px solid #a4a4ad;outline-offset:4px;}
@media(max-height:620px){#loginGate{align-items:flex-start;}.br-welcome{place-items:start center;}}
@media(max-width:480px){#loginGate,.br-welcome{padding:36px 24px;}#loginGate .login-title,.br-profile h1{font-size:24px;}}
