/* Authentication adapts to viewport and input capabilities on every platform. */
.auth-shell{box-sizing:border-box;min-height:100%;height:100vh;height:100dvh;overflow:auto;background:radial-gradient(ellipse at 50% 38%,#b4966012,transparent 65%),#141313}
.auth-card{box-sizing:border-box;width:100%;max-width:440px;margin:auto;transform:none;padding:28px 24px}
.auth-content{min-width:0}
.auth-desktop-name{display:none}
.auth-card .field{min-width:0}
.auth-card .field input{box-sizing:border-box;width:100%;font-size:16px!important;min-height:50px}
.auth-card .auth-language{margin-top:0}
.auth-card .auth-links{gap:10px}
.auth-card .auth-btn{min-height:48px}
@media(min-width:900px){
  .auth-shell{padding:40px}
  .auth-card{max-width:820px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:42px;padding:42px;border-radius:28px}
  .auth-brand{align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:28px 38px 28px 0;border-right:1px solid #c8b28a22}
  .auth-brand img{width:148px;height:144px}
  .auth-brand p{font-size:13px;letter-spacing:6px;margin-top:22px}
  .auth-desktop-name{display:block;margin-top:18px;font-size:21px;letter-spacing:5px;color:#ddc79e;font-weight:600}
  .auth-content .auth-language{justify-content:flex-end;margin-bottom:22px}
  .auth-content .auth-tabs{margin-bottom:24px}
  .auth-content .field{margin-bottom:18px}
  .auth-content .field label{font-size:14px!important;line-height:1.5}
  .auth-content .auth-links{margin-top:18px}
}
@media(min-width:600px) and (max-width:899px){.auth-card{max-width:460px;padding:32px}}
@media(max-width:599px){
  .auth-shell{padding:20px 16px;padding:max(20px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
  .auth-card{padding:26px 22px;border-radius:22px}
  .auth-brand{margin-bottom:22px}
  .auth-brand img{width:96px;height:92px}
}
@media(max-width:360px){.auth-card{padding:22px 16px}.auth-card .auth-language{gap:6px}.auth-card .auth-language button{padding-inline:8px}}
@media(max-height:560px){
  .auth-shell{padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}
  .auth-card{padding-block:20px}
  .auth-brand{margin-bottom:16px}
  .auth-brand img{width:70px;height:66px}
}
@media(hover:none) and (pointer:coarse){.auth-card button{min-height:48px}.auth-card .field input{scroll-margin-block:32px}}
@media(prefers-reduced-motion:reduce){.auth-card button{transition:none}}