/* Figma Auth desktop2064:782 / mobile5016:740 and verification5030:766. */
.hs-auth-page{margin:0;overflow:auto;background:#050607}
.hs-auth{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;background:#080a0b}
.hs-auth__image,.hs-auth__shade{position:absolute;inset:0 460px 0 0;z-index:-2}
.hs-auth__image{background:url('../images/auth/auth-desktop-source.webp') center/cover no-repeat}
.hs-auth__shade{z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.02),rgba(0,0,0,.08) 58%,rgba(0,0,0,.42) 82%,rgba(4,5,5,.76))}
.hs-auth__panel{box-sizing:border-box;position:relative;width:460px;min-height:100svh;margin-left:auto;padding:76px 40px 130px;background:#0a0c0d;text-align:center}
.hs-auth__logo{display:block;width:200px;height:auto;margin:0 auto}
.hs-auth__eyebrow{margin:26px 0 0;font-size:16px;line-height:34px;font-weight:600;color:#e8ebed}
.hs-auth__content{width:100%;margin:118px auto 0}
.hs-auth h1{margin:0;font-size:24px;line-height:54px;font-weight:700;color:#f4f5f6}
.hs-auth__intro{margin:6px 0 34px;min-height:52px;display:flex;align-items:center;justify-content:center;color:#7f898f;font-size:12px;line-height:26px;font-weight:400}
.hs-auth__form{display:grid;gap:10px;text-align:right}
.hs-auth__form[hidden]{display:none}
.hs-auth__form label{font-size:12px;line-height:22px;font-weight:600;color:#b4bbc0}
.hs-auth__label-desktop{display:block;text-align:left;padding-left:14px;font-family:Montserrat,Arial,sans-serif}
.hs-auth__label-mobile{display:none}
.hs-auth__form>input,.hs-otp input{box-sizing:border-box;width:100%;min-width:0;height:60px;border:1px solid #343a3e;border-radius:12px;background:#121618;color:#f5f6f7;font:inherit;outline:none}
.hs-auth__form>input{padding:0 16px;font-size:16px;direction:ltr;text-align:left}
.hs-auth__form input::placeholder{color:#737d83;opacity:1;font-size:13px}
.hs-auth__form #hs-auth-name{direction:rtl;text-align:right}
.hs-auth__form input:focus-visible{border-color:var(--hs-color-brand,#ff1028);box-shadow:0 0 0 3px rgb(255 16 40 / 15%)}
.hs-auth__form input[aria-invalid=true]{border-color:#ff6375}
.hs-auth__form .hs-button{width:100%;height:58px;margin:28px auto 0;font-size:15px;font-weight:600}
.hs-auth__form.is-loading .hs-button{opacity:.65;cursor:wait}
.hs-auth__notice,.hs-auth__message{font-size:12px;line-height:24px;color:#ff9ca8;margin:0 0 16px}
.hs-auth__message:empty{display:none}
.hs-auth__message.is-success{color:var(--hs-color-success,#7ccba2)}
.hs-auth__step-head,.hs-auth__resend{display:flex;justify-content:space-between;align-items:center;gap:8px}
.hs-auth__step-head button,.hs-auth__resend button{min-height:40px;padding:4px 0;border:0;background:none;color:#b4bbc0;font:inherit;font-size:12px;cursor:pointer}
.hs-auth__resend{min-height:30px;color:#969a9e;font-size:12px}
.hs-auth__resend button:disabled{opacity:.5;cursor:not-allowed}
.hs-auth__step-head button:focus-visible,.hs-auth__resend button:focus-visible,.hs-auth__back:focus-visible{outline:2px solid #ff1028;outline-offset:4px}
.hs-otp{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.hs-otp input{height:56px;border-radius:10px;padding:0;text-align:center;font-family:Montserrat,Arial,sans-serif;font-size:20px}
.hs-auth__legal{margin:20px auto 0;color:#7f898f;font-size:10px;line-height:24px;font-weight:400}
.hs-auth__back{position:absolute;bottom:32px;right:0;width:460px;z-index:2;text-align:center;color:#aab2b7;font-size:12px;line-height:34px}
.hs-auth__back::after{content:' ›';display:inline}
@media(min-width:700px) and (max-height:850px){.hs-auth__panel{padding-top:40px;padding-bottom:100px}.hs-auth__content{margin-top:58px}}
@media(max-width:699px){
 .hs-auth{background:#050607;min-height:844px}
 .hs-auth__image{inset:0 0 auto;height:628px;background-image:url('../images/auth/auth-mobile-source.webp');background-position:center top;background-size:cover}
 .hs-auth__shade{inset:0 0 auto;height:844px;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.18) 24%,rgba(5,6,7,.74) 41%,rgba(5,6,7,.98) 56%,#050607)}
 .hs-auth__panel{width:100%;min-height:844px;background:transparent;padding:424px 24px 30px}
 .hs-auth__logo{width:176px}
 .hs-auth__eyebrow,.hs-auth__intro,.hs-auth__back,.hs-auth__label-desktop{display:none}
 .hs-auth__label-mobile{display:block}
 .hs-auth__content{margin:28px auto 0;max-width:360px}
 .hs-auth h1{font-size:23px;line-height:34px;margin:0 0 33px}
 .hs-auth__form{width:100%;max-width:320px;margin:auto;gap:8px}
 .hs-auth__form label{font-size:13px;color:#f5f6f7}
 .hs-auth__form>input{border-color:#25292b}
 .hs-auth__form .hs-button{width:232px;max-width:100%;height:52px;min-height:52px;margin-top:42px;font-size:13px;font-weight:800}
 .hs-auth__legal{margin-top:42px;font-size:10px;line-height:20px;max-width:340px}
 .hs-auth__notice,.hs-auth__message{max-width:320px;margin:0 auto 16px}
 .hs-auth:has([data-hs-auth-otp]:not([hidden])) h1{margin-bottom:12px}
 .hs-auth__step-head{flex-wrap:wrap;justify-content:center}
 .hs-auth__step-head button{order:-1;width:100%;min-height:32px}
 .hs-auth__step-head label{width:100%;text-align:right}
 .hs-auth__resend{font-size:11px}
 [data-hs-auth-otp] .hs-button{margin-top:16px}
 [data-hs-auth-profile]>input{height:50px}
 [data-hs-auth-profile] .hs-button{margin-top:15px}
 .hs-auth:has([data-hs-auth-profile]:not([hidden])) h1{margin-bottom:15px}
}

/* Use the available photo panel ratio, not a guessed monitor width.
   At wide ratios retain the original photo height: the chair never scales to fill width. */
.hs-auth__wide{display:none}
@media(min-width:700px){
 .hs-auth__image{container-type:size;container-name:auth-photo}
 @container auth-photo (min-aspect-ratio:6/5){
  .hs-auth__wide{display:block;position:absolute;inset:0;background:#080a0b}
  .hs-auth__wide::before{content:'';position:absolute;inset:0 auto 0 50%;width:min(100%,147.6923cqh);transform:translateX(-50%);background:url('../images/auth/auth-wide-source.webp') center/auto 100% no-repeat;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
 }
}