.auth-page{position:relative;min-height:100dvh;background:#0b2117;isolation:isolate;overflow:clip}.auth-scene{position:absolute;inset:0;z-index:-3;background:#152519}.auth-scene img{object-fit:cover;object-position:22% center;filter:saturate(.88) contrast(1.04)}.auth-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,20,14,.72) 0%,rgba(7,20,14,.34) 48%,rgba(7,20,14,.62) 100%),linear-gradient(0deg,rgba(10,8,5,.74) 0%,rgba(10,8,5,.08) 54%,rgba(7,18,13,.42) 100%)}.auth-cream{display:none}.auth-cream:after{display:none}.auth-main{display:grid;grid-template-columns:40% 60%;max-width:1680px;margin:auto;min-height:calc(100dvh - 120px);padding:152px 9.8% 38px 4%;align-items:center;gap:0}.auth-card-column{width:100%;max-width:510px;justify-self:start}.auth-card{position:relative;background:#f2ece1f5;border:1px solid #c9bda880;border-radius:26px;padding:26px 40px 24px;box-shadow:0 10px 40px #30271310}.auth-card:before{content:'';position:absolute;inset:0 0 auto auto;width:42%;height:130px;pointer-events:none;border-top-right-radius:26px;background:repeating-linear-gradient(45deg,transparent 0 17px,#bda77a0a 17px 18px),repeating-linear-gradient(-45deg,transparent 0 17px,#bda77a0a 17px 18px)}.auth-card-heading{text-align:center;margin-bottom:20px}.auth-card-heading>svg{color:#bc9969;width:45px;height:48px;margin:0 auto 4px}.auth-card h1{font-family:var(--font-body);font-size:29px;line-height:1.5;color:#194a34;font-weight:700}.auth-card-heading p{font-size:14px;color:#625e56;margin-top:3px}.auth-form fieldset{border:0;padding:0;margin:0;display:grid;gap:12px;min-width:0}.auth-name-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-form .form-field{gap:4px}.auth-form .form-field>label{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.auth-input-wrap{position:relative}.auth-input-wrap>svg{position:absolute;inset-inline-start:13px;top:15px;z-index:1;color:#545850;pointer-events:none}.auth-form .input{height:48px;min-height:48px;background:#f7f3ec85;border:1px solid #ccc7bc;border-radius:11px;padding:10px 15px;padding-inline-start:40px;font-size:13px}.auth-form .input::placeholder{color:#77776e}.auth-form .input[type=tel]{text-align:end;padding-inline:15px 40px}.auth-form .password-input .input{padding-inline-end:45px}.auth-form .password-input .button{inset-block-start:3px;inset-inline-end:4px}.auth-password-hint{font-size:10px;color:#707163;margin-top:-6px}.auth-form .choice{font-size:13px;min-height:30px;gap:10px;line-height:1.6}.auth-form .choice input{width:18px;height:18px}.auth-policy{font-size:10px;color:#49604d;margin-top:-8px}.auth-policy summary{cursor:pointer;text-decoration:underline}.auth-policy p{padding-top:6px}.auth-form .field-error{font-size:11px;line-height:1.5}.auth-submit{width:100%;border-radius:22px;min-height:54px;font-size:16px;gap:36px;background:#10412c}.auth-social-divider{display:flex;align-items:center;gap:14px;font-size:13px;margin:18px 0 16px}.auth-social-divider:before,.auth-social-divider:after{content:'';height:1px;background:#d8c3a1;flex:1}.auth-social{display:grid;grid-template-columns:1fr 1fr;gap:14px;direction:ltr}.auth-social .button{min-height:54px;border:1px solid #d6b995;border-radius:15px;padding:10px 8px;font-size:12px;gap:9px;color:#25251f}.google-letter{font:bold 23px Arial;color:#4285f4}.auth-switch{text-align:center;font-size:14px;margin-top:18px}.auth-switch a,.auth-back,.auth-forgot-link{text-decoration:underline;text-underline-offset:4px;color:#194a34}.auth-back{display:block;text-align:center;font-size:13px;margin-top:15px}.auth-forgot-link{font-size:13px;width:fit-content}.auth-demo-notice{font-size:10px;line-height:1.6;color:#7b7467;text-align:center;margin-top:15px;padding-top:10px;border-top:1px solid #d6c8b080}.auth-feedback{font-size:13px;line-height:1.7;margin-top:13px;padding:10px 13px;background:#e6dcc9;border-radius:8px}.auth-story{position:relative;color:#fff8eb;min-height:730px;align-self:stretch;margin-inline-start:20px;text-shadow:0 2px 16px rgba(0,0,0,.58)}.auth-story:before{content:'';position:absolute;inset:7% 0 4%;pointer-events:none;background:radial-gradient(ellipse at 58% 30%,rgba(4,20,13,.48),transparent 66%),linear-gradient(0deg,rgba(4,17,11,.48),transparent 42%);border-radius:28px}.auth-story>*{z-index:1}.auth-story-copy{position:absolute;top:15%;right:7%;text-align:center;max-width:560px}.auth-story-copy h2{font-family:var(--font-body);font-size:clamp(32px,3.4vw,54px);line-height:1.6;color:#fff8eb}.auth-story-copy h2 span{color:#e2bd80}.auth-story-copy p{font-size:20px;line-height:1.8;margin-top:20px;color:#fff8eb}.auth-side-story{position:absolute;left:0;top:13%;text-align:center;font-size:16px;line-height:1.7;max-width:100px}.auth-side-story svg{width:42px;height:42px;margin:auto}.auth-side-story i,.auth-heritage-label i{display:block;width:1px;height:105px;background:#d4b383;margin:20px auto}.auth-trust{position:absolute;bottom:70px;left:4%;display:flex;width:72%;justify-content:space-between}.auth-trust>div{display:flex;align-items:center;flex-direction:column;text-align:center;max-width:160px;padding:0 18px;gap:6px;border-inline-end:1px solid #e1be8533;font-size:16px}.auth-trust>div:last-child{border:0}.auth-trust svg{width:39px;height:39px;color:#ead9ad;stroke-width:1.3}.auth-signature{position:absolute;bottom:0;left:0;font-size:14px;display:flex;align-items:center;gap:16px;direction:rtl}.auth-signature i{width:70px;height:1px;background:#bc9560}.auth-heritage-label{display:none}.auth-heritage-label>svg{color:#b89461}.auth-success-content{display:grid;justify-items:center;gap:20px;text-align:center}.auth-success-content>svg{color:#b89461}.auth-form .otp-input{text-align:center;padding:12px;letter-spacing:.5em;font-size:23px}.auth-demo-code{font-size:13px;text-align:center;color:#635435}.auth-demo-code bdi{font-size:19px;letter-spacing:.2em}.auth-verification-actions{display:flex;flex-direction:column;align-items:center;font-size:13px}.auth-empty{text-align:center;display:grid;gap:15px}.auth-empty a{text-decoration:underline}
[dir=ltr] .auth-main{direction:rtl}[dir=ltr] .auth-card,[dir=ltr] .auth-story{direction:ltr}[dir=ltr] .auth-story-copy h2{font-size:42px}
.auth-demo-fill{width:100%;border-radius:14px;min-height:42px;color:#315541;border-color:#c9b18a}
@media(min-width:1700px){.auth-main{max-width:1700px}.auth-story{min-height:calc(100dvh - 166px)}}
@media(max-width:1250px){.auth-card{padding:25px}.auth-main{padding-inline:8% 3%;grid-template-columns:44% 56%}.auth-story-copy{right:3%;max-width:440px}.auth-story-copy h2{font-size:37px}.auth-story-copy p{font-size:16px}.auth-side-story{display:none}.auth-trust{width:95%;left:0}.auth-trust>div{font-size:13px}.auth-heritage-label{right:1%;font-size:20px;width:50px}.auth-card h1{font-size:26px}}
@media(max-width:1000px){.auth-main{grid-template-columns:52% 48%;padding:132px 6% 30px 3%}.auth-story-copy h2{font-size:29px}.auth-story-copy p{font-size:15px}.auth-trust{flex-direction:column;align-items:center;gap:18px;bottom:60px}.auth-trust>div{border:0}.auth-heritage-label{display:none}.auth-story{min-height:680px}.auth-signature{font-size:11px}.auth-card{padding:24px}.auth-cream{display:none}}
@media(max-width:700px){.auth-scene{inset:0}.auth-scene img{object-position:27% center}.auth-scene:after{background:rgba(6,24,16,.72)}.auth-cream{display:none}.auth-cream:after{display:none}.auth-main{display:flex;flex-direction:column;padding:118px 18px 26px;gap:24px}.auth-card-column{max-width:480px}.auth-card{padding:25px 22px;border-radius:24px}.auth-card h1{font-size:27px}.auth-story{min-height:170px;width:100%;margin:0;text-align:center;align-self:auto}.auth-story-copy{position:static;margin:auto}.auth-story-copy h2{font-size:25px;line-height:1.5}.auth-story-copy p,.auth-trust,.auth-signature{display:none}.auth-name-row{gap:10px}.auth-social{gap:10px}.auth-social .button{font-size:11px}.auth-demo-notice{font-size:10px}[dir=ltr] .auth-story-copy h2{font-size:27px}}

/* Auth header variant: logo, back-to-home in place of search, language beside it.
   Declares only what .header-search-trigger adds on top of .button, and no
   border-radius, so the shared .button radius applies to both identically. */
.header-back-link{min-width:10.5rem;justify-content:flex-start;border:1px solid color-mix(in srgb,currentColor 24%,transparent);background:color-mix(in srgb,var(--color-sand-100) 64%,transparent);white-space:nowrap}
.site-header--immersive .header-back-link{background:#fff1;border-color:#fff5;color:inherit}
.site-header--immersive .header-back-link:hover{background:#fff2;color:#fff}

/* Full-screen auth: the page itself never scrolls, so the backdrop stays put
   and only the sign-in column moves. Appended last so it also wins over the
   breakpoint rules above. */
.auth-page{height:100dvh;overflow:hidden}
.auth-main{height:100dvh;min-height:0;overflow:hidden}
/* min-height:0 lets the grid item shrink below its content so it can scroll. */
.auth-card-column{max-height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain}
/* Released from its tall floor so the panel fits the fixed viewport. */
.auth-story{min-height:0}
@media(max-width:700px){
 /* Stacked layout: the card and story scroll together, backdrop still fixed.
    The header offset becomes a margin so the scroll viewport starts below the
    header; as padding it would scroll away and run content under the chrome. */
 .auth-main{height:calc(100dvh - 118px);margin-block-start:118px;padding-block-start:0;overflow-y:auto;overscroll-behavior:contain}
 .auth-card-column{max-height:none;overflow:visible}
 .auth-story{min-height:170px}
}