/* One compact card for login, signup and email confirmation. */
.auth-layout{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);grid-template-areas:"form intro";direction:ltr;align-items:center;gap:clamp(28px,5vw,76px);min-height:calc(100svh - 140px);padding-block:18px}
.auth-layout[hidden]{display:none}
.auth-layout>*{min-width:0;direction:ltr}
html[dir="rtl"] .auth-layout>*{direction:rtl}
.auth-intro{grid-area:intro;padding:24px 0}
.auth-intro .eyebrow{font-size:.85rem;letter-spacing:.18em;text-align:inherit}
.portal .auth-intro h1{font-size:clamp(2rem,3.7vw,3.3rem);line-height:1.45;margin:16px 0 22px;max-width:510px;text-wrap:balance}
.auth-intro>p{font-size:1rem;line-height:2;color:#bbcadd;max-width:480px;margin:0 0 28px}
.auth-intro-features{display:flex;gap:10px;flex-wrap:wrap}
.auth-intro-features span{font-size:.8rem;border:1px solid #dbb46b40;border-radius:30px;padding:7px 13px;background:#e9bb6810;color:#edd29e}
.auth-intro-note{border-top:1px solid #ffffff18;padding-top:20px;margin-top:32px;color:#a6b8cd;font-size:.83rem;line-height:1.9}
.auth-layout>.gateway-auth{grid-area:form;width:100%;max-width:none;margin:0;padding:20px 24px;border-radius:22px;overflow:visible}
.auth-layout>.gateway-auth:before{inset:0;border-radius:inherit;opacity:.3}
.auth-layout .auth-top{margin:0 0 8px;align-items:center}
.auth-layout .auth-top img{width:32px;height:38px}
.auth-layout .auth-view h2{font-size:1.25rem;line-height:1.5}
.auth-layout .auth-view>p{font-size:.8rem;line-height:1.65;margin:4px 0 12px}
.auth-layout .auth-view form{gap:9px}
.auth-layout .auth-view label{font-size:.79rem;gap:3px;min-width:0}
.auth-layout .auth-view input{font-size:16px;line-height:1.35;padding:9px 10px;min-height:40px}
.auth-layout .auth-view .primary{min-height:42px;padding:8px 16px;margin-top:2px}
.auth-layout .auth-provider-group{gap:7px;margin-top:10px}
.auth-layout .auth-provider{min-height:40px;font-size:.8rem;padding:6px 10px}
.auth-layout .auth-secondary{margin-top:9px;padding:7px;min-height:40px}
.auth-layout .auth-text-link{font-size:.8rem;padding-block:5px;min-height:32px}
.auth-layout .auth-or{font-size:.75rem}
.auth-layout [role="status"]:empty,.auth-layout #phone-hint:empty{display:none}
.auth-layout #register-form{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px}
.auth-layout #register-form>label,.auth-layout #register-form>p,.auth-layout #register-form>button{grid-column:1/-1}
.auth-layout #register-form>label:has(#register-password),.auth-layout #register-form>label:has(#register-confirm){grid-column:auto}
.auth-layout #phone-hint{font-size:.72rem;margin:0}
.auth-layout .phone-control{min-height:40px}
.auth-layout .phone-picker-toggle{min-height:32px}
.auth-layout .auth-confirmation{padding-block:10px;scroll-margin-top:110px}
.auth-layout .auth-confirmation-icon{width:56px;height:56px;font-size:30px;margin-bottom:16px}
.auth-layout .auth-confirmation .auth-confirmation-steps{font-size:.95rem;line-height:1.9;margin-block:18px}
.auth-layout .auth-confirmation .auth-confirmation-help{font-size:.8rem;margin-bottom:18px}
html[data-theme="light"] .auth-intro>p,html[data-theme="light"] .auth-intro-note{color:#38546d}
html[data-theme="light"] .auth-intro-features span{color:#6a501d;border-color:#ab843a55;background:#dcb56715}
html[data-theme="light"] .auth-intro-note{border-color:#24395420}
@media(min-width:900px) and (min-height:720px){.auth-layout #register-form>label:has(#register-name),.auth-layout #register-form>label:has(#register-email){grid-column:auto}}
@media(min-width:761px) and (max-height:760px){.auth-layout{padding-block:8px;gap:36px}.auth-layout>.gateway-auth{padding:16px 20px}.auth-layout .auth-top{display:none}.auth-layout .auth-view form{gap:7px}.auth-layout .auth-provider-group{gap:5px;margin-top:7px}.auth-layout .auth-provider{min-height:36px}.auth-layout #register-form>label:has(#register-name),.auth-layout #register-form>label:has(#register-email){grid-column:auto}}
@media(max-width:760px){
  .auth-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "form";max-width:460px;margin:auto;gap:14px;min-height:0;padding-block:4px 24px}
  .auth-intro{padding:0;text-align:center}
  .auth-intro .eyebrow,.auth-intro>p,.auth-intro-features,.auth-intro-note{display:none}
  .portal .auth-intro h1{font-size:1.25rem;line-height:1.5;margin:0 auto;max-width:360px}
  .auth-layout>.gateway-auth{padding:17px 19px;border-radius:18px}
  .auth-layout .auth-top{display:none}
  .shell.portal:has(.auth-layout:not([hidden])){padding-top:16px;padding-bottom:20px}
  .auth-layout[data-auth-screen="register"] .auth-intro{display:none}
  .auth-layout[data-auth-screen="register"]{grid-template-areas:"form"}
}
@media(max-width:360px){.auth-layout>.gateway-auth{padding:14px}.auth-layout #register-form{column-gap:7px}.auth-layout .phone-picker-toggle{max-width:95px}.auth-layout .auth-view label{font-size:.75rem}}
@media(max-width:760px) and (max-height:740px){
  .shell.portal:has(.auth-layout:not([hidden])){padding-top:6px}
  .auth-layout #register-form>label:has(#register-name),.auth-layout #register-form>label:has(#register-email){grid-column:auto}
  .auth-layout>.gateway-auth{padding:13px 16px}
  .auth-layout .auth-view form{gap:6px}
  .auth-layout .auth-provider-group{gap:5px;margin-top:7px}
  .auth-layout .auth-view>p{margin-bottom:8px}
  .auth-layout .auth-provider{min-height:36px}
  .auth-layout .auth-intro{display:none}
  .auth-layout{grid-template-areas:"form"}
}
@media(prefers-reduced-motion:no-preference){.auth-layout:not([hidden]){animation:auth-arrive .25s ease-out}@keyframes auth-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}