/* AuthExperience: scoped authentication UI. No global storefront overrides. */
body.auth-experience{margin:0;background:#0d0f14!important;color:#f3f3f5;font-family:Inter,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased;--auth-accent:#ff7a35;--auth-muted:#949aa7}
.auth-experience *{box-sizing:border-box}.auth-experience [x-cloak]{display:none!important}.auth-experience a,.auth-experience button{-webkit-tap-highlight-color:transparent}.auth-experience a{text-decoration:none}.auth-experience button{font-family:inherit;cursor:pointer}.auth-experience :focus-visible{outline:2px solid #ff9b68;outline-offset:4px}
.auth-shell{display:grid;grid-template-columns:minmax(360px,44%) minmax(0,1fr);max-width:1800px;min-height:100svh;margin:auto;padding:16px;gap:16px}
.auth-story{height:calc(100svh - 32px);min-height:650px;position:sticky;top:16px;border-radius:22px;overflow:hidden;background:#16191e;isolation:isolate}
.auth-story-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:47% 48%;z-index:-3;animation:auth-image-in 1.1s ease-out both}
.auth-story-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(8,11,15,.22),rgba(8,11,15,.03) 28%,rgba(8,11,15,.65) 61%,#0a0e13 100%)}
.auth-brand{position:absolute;top:35px;left:36px;right:36px;display:flex;gap:12px;align-items:center;color:#fff;font-weight:700;font-size:19px;letter-spacing:-.6px}.auth-brand .auth-logo{max-width:38px;width:38px;height:37px;object-fit:contain;object-position:left}
.auth-story-copy{position:absolute;left:42px;right:35px;bottom:112px}.auth-story-kicker{font-size:10px;letter-spacing:2px;font-weight:650;display:flex;align-items:center;gap:9px;color:#e6e7ea}.auth-story-kicker>span{width:6px;height:6px;border-radius:50%;background:var(--auth-accent)}
.auth-story h2{margin:19px 0 20px;font-size:clamp(36px,4vw,65px);line-height:1.08;letter-spacing:-2.8px;font-weight:650}.auth-story-copy>p{color:#b7bdc7;font-size:14px;line-height:1.85;max-width:340px;margin:0}.auth-products{display:flex;gap:7px;flex-wrap:wrap;margin-top:28px}.auth-products span{font-size:10px;font-weight:500;letter-spacing:.1px;color:#d8dbe1;padding:7px 10px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:rgba(255,255,255,.03)}
.auth-story-bottom{position:absolute;bottom:30px;left:42px;right:36px;border-top:1px solid rgba(255,255,255,.13);padding-top:22px;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#9da4b1}.auth-story-bottom>span:first-child{color:#d4d7dd;font-weight:550}
.auth-main{min-width:0;display:flex;flex-direction:column;padding:19px 48px 12px}.auth-topbar{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#9ca2ae}.auth-topbar a{color:inherit;transition:color .2s}.auth-topbar a:hover{color:#fff}.auth-topbar a>span{margin-inline:4px}.auth-form-area{flex:1;display:flex;align-items:center;justify-content:center;padding:60px 0}.auth-form{width:100%;max-width:430px;animation:auth-form-in .5s ease-out both}.auth-register{max-width:490px}.auth-mode-register .auth-form-area{align-items:flex-start;padding-top:50px;padding-bottom:40px}
.auth-intro{margin-bottom:28px}.auth-eyebrow{display:block;font-size:9px;font-weight:650;letter-spacing:1.8px;color:var(--auth-accent);margin-bottom:12px}.auth-intro h1{font-size:33px;letter-spacing:-1.15px;font-weight:650;line-height:1.2;margin:0 0 12px;color:#f8f8fa}.auth-intro p{color:var(--auth-muted);line-height:1.7;font-size:13px;margin:0;max-width:410px}
.auth-social{display:flex;flex-direction:column;gap:10px}.auth-google{background:#f2f3f5!important;color:#17191e!important;display:flex;align-items:center;justify-content:center;gap:11px;border:1px solid #f2f3f5;border-radius:9px;min-height:48px;font-size:12px;font-weight:600;position:relative;transition:background .2s,transform .2s}.auth-google:hover{background:#fff!important;transform:translateY(-1px)}.auth-google>span{position:absolute;right:16px;color:#656a76;font-size:15px}.auth-social-secondary{display:flex;gap:10px}.auth-social-secondary>a{display:flex;align-items:center;justify-content:center;gap:9px;flex:1;border:1px solid #2b2f39;background:#14171e;border-radius:9px;min-height:45px;font-size:11px;font-weight:500;color:#d4d7df;transition:background .2s,border-color .2s}.auth-social-secondary>a:hover{background:#1a1e27;border-color:#515869}.auth-social img{flex-shrink:0}
.auth-divider{display:flex;align-items:center;gap:15px;margin:24px 0;font-size:10px;color:#717986}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:#252a34;flex:1}.auth-fields{display:flex;flex-direction:column;gap:20px}.auth-form fieldset{border:0;padding:0;margin:0;min-width:0}.auth-form label{font-size:11px!important;line-height:1.5;color:#ccd0d9!important;font-weight:500}.auth-form fieldset>label,.auth-password>label,.auth-country-field>label,.auth-mobile-field>label{display:block;margin-bottom:8px}
.auth-form input:not([type=checkbox]),.auth-form select,.auth-form textarea{font-family:inherit!important;font-size:12px!important;line-height:1.5;min-height:46px;background:#151820!important;border:1px solid #2b303c!important;border-radius:8px!important;color:#edf0f5!important;width:100%;padding:12px 13px!important;box-shadow:none!important;transition:border-color .2s,box-shadow .2s!important;outline:none!important}.auth-form input::placeholder,.auth-form textarea::placeholder{color:#6a7383!important;opacity:1}.auth-form input:not([type=checkbox]):focus,.auth-form select:focus,.auth-form textarea:focus{border-color:#e27642!important;box-shadow:0 0 0 3px rgba(255,122,53,.09)!important}.auth-form select{padding-right:32px!important;color-scheme:dark}.auth-form input[aria-invalid=true]{border-color:#e17777!important}.auth-password-control{position:relative}.auth-password-control>input{padding-right:66px!important}.auth-password-control>button{position:absolute;top:0;right:0;bottom:0;padding:0 15px;color:#a6aebb;background:none;border:0;font-size:10px;font-weight:550}.auth-password-control>button:hover{color:#fff}
.auth-form-options{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:18px 0 24px;font-size:11px}.auth-form-options fieldset{width:auto}.auth-form-options a,.auth-terms a,.auth-switch a,.auth-switch button{color:#ff9660;font-weight:550}.auth-form-options a:hover,.auth-switch a:hover,.auth-terms a:hover{text-decoration:underline;text-underline-offset:3px}.auth-form input[type=checkbox]{accent-color:#ff7a35!important;border-radius:4px!important;border-color:#414857!important;width:15px;height:15px;flex-shrink:0;background-color:#151820!important}.auth-form input[type=checkbox]:checked{background-color:#ff7a35!important;border-color:#ff7a35!important}.auth-form-options label{font-size:10px!important;color:#9ca5b4!important}
.auth-submit{border:1px solid #ff7a35;border-radius:9px;background:#fa7837;color:#111318;min-height:48px;width:100%;padding:13px 18px;font-weight:650;font-size:12px;box-shadow:0 3px 12px rgba(255,100,35,.08);transition:background .2s,transform .2s,box-shadow .2s;margin-top:8px}.auth-submit>span{width:100%}.auth-submit>span>span{float:right;font-size:17px;line-height:18px}.auth-submit:hover{background:#ff8c50;box-shadow:0 4px 18px rgba(255,100,35,.16);transform:translateY(-1px)}.auth-submit:active{transform:translateY(0)}.auth-submit:disabled{cursor:wait;opacity:.65;transform:none}
.auth-switch{font-size:11px;color:#929baa;line-height:1.7;text-align:center;margin:25px 0 0}.auth-switch a{margin-left:3px}.auth-switch button{border:0;background:none;font-size:11px}.auth-reassurance{margin-top:37px;border-top:1px solid #242a34;padding-top:22px;display:flex;align-items:center;justify-content:center;gap:8px;color:#697382;font-size:10px}.auth-reassurance>span{font-size:19px;color:#98a2b1}
.auth-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#646e7e;font-size:9px;padding-top:16px}.auth-footer>div{display:flex;gap:18px}.auth-footer a{color:#8d96a5}.auth-footer a:hover{color:#f2f3f5}.auth-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:17px 15px}.auth-grid>.auth-full-width{grid-column:1/-1}.auth-section-title{display:flex;align-items:center;gap:14px;justify-content:space-between;margin:24px 0 17px}.auth-section-title h2{font-size:12px;letter-spacing:-.1px;color:#e0e4eb;font-weight:600;margin:0}.auth-section-title>span{font-size:10px;color:#687487;font-variant-numeric:tabular-nums}.auth-section-description{font-size:11px;color:#778292;line-height:1.7;margin:-5px 0 17px}.auth-custom-fields label>span{font-size:10px;color:#ff9660}.auth-hint{font-size:10px;color:#7f899a;margin:11px 0 23px;line-height:1.7}.auth-terms{margin:22px 0 20px}.auth-terms label{font-size:10px!important;line-height:1.8;color:#939fb0!important}.auth-terms input{margin-top:2px}.auth-alert{background:#341d20;border:1px solid #73333e;color:#ffc1c1;padding:13px;border-radius:9px;font-size:12px;line-height:1.6;margin-bottom:22px}.auth-field-error,.auth-form .text-red-500{font-size:11px!important;color:#f4a3a3!important;line-height:1.6;margin-top:6px}
.auth-step{display:flex;align-items:center;gap:9px;font-size:10px;color:#a5afbf;margin-bottom:32px}.auth-step-complete{display:flex;align-items:center;justify-content:center;background:#20352c;color:#86d1a7;border-radius:50%;width:21px;height:21px}.auth-step-line{height:1px;flex:1;background:#2b3240;margin:0 7px}.auth-step strong{font-weight:550;color:#eeaf86}.auth-phone-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;background:#2c221d;border:1px solid #5d3827;border-radius:14px;color:#ffab7c;margin-bottom:24px}.auth-account-chip{display:flex;gap:12px;align-items:center;padding:13px 15px;border:1px solid #2a303c;border-radius:10px;margin-bottom:25px;background:#13171e}.auth-account-chip>span{width:34px;height:34px;border-radius:50%;background:#29313e;display:flex;align-items:center;justify-content:center;font-size:13px;color:#e0e7f0}.auth-account-chip>div{min-width:0}.auth-account-chip strong{display:block;font-size:11px;font-weight:550;color:#cdd5e1}.auth-account-chip small{display:block;font-size:10px;color:#7e8da1;margin-top:3px;overflow-wrap:anywhere}.auth-phone-fields{display:flex;flex-direction:column;gap:18px}.auth-mobile-control{display:flex;align-items:center;background:#151820;border:1px solid #2b303c;border-radius:8px;transition:border-color .2s,box-shadow .2s}.auth-mobile-control:focus-within{border-color:#e27642;box-shadow:0 0 0 3px rgba(255,122,53,.09)}.auth-mobile-control>span{padding-left:14px;font-size:12px;color:#d6deea;border-right:1px solid #343b47;padding-right:13px;font-variant-numeric:tabular-nums}.auth-form .auth-mobile-control>input:not([type=checkbox]){border:0!important;background:none!important;box-shadow:none!important;flex:1;min-width:0}.auth-form .auth-mobile-control>input:not([type=checkbox]):focus{box-shadow:none!important}.auth-phone-note{border-left:2px solid #454f60;padding:2px 0 2px 13px;font-size:10px;line-height:1.8;color:#7e8a9d;margin:5px 0 20px}
@keyframes auth-form-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes auth-image-in{from{opacity:.65;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@media(min-width:1600px){.auth-main{padding-inline:85px}.auth-story-copy{left:55px;bottom:135px}.auth-brand{left:55px}.auth-story-bottom{left:55px}}
@media(max-width:1100px){.auth-shell{grid-template-columns:39% minmax(0,1fr)}.auth-main{padding-inline:28px}.auth-story-copy{left:27px;right:25px}.auth-story h2{font-size:42px;letter-spacing:-1.8px}.auth-story-copy>p{font-size:12px}.auth-brand{left:27px;right:25px}.auth-story-bottom{left:27px;right:25px}.auth-story-bottom>span:last-child{display:none}.auth-intro h1{font-size:29px}}
@media(max-width:800px){.auth-shell{display:block;padding:12px}.auth-story{position:relative;top:0;min-height:0;height:195px;border-radius:15px}.auth-story-image{object-position:50% 42%}.auth-story-shade{background:linear-gradient(90deg,rgba(7,10,14,.85),rgba(7,10,14,.25)),linear-gradient(0deg,rgba(7,10,14,.6),transparent)}.auth-brand{top:20px;left:23px}.auth-brand .auth-logo{height:28px;width:28px;max-width:28px}.auth-story-copy{left:24px;bottom:22px;right:22px}.auth-story-kicker,.auth-story-copy>p,.auth-products,.auth-story-bottom{display:none}.auth-story h2{font-size:28px;letter-spacing:-1px;line-height:1.12;margin:0}.auth-story h2 br{display:none}.auth-main{padding:24px 16px 12px}.auth-topbar{font-size:10px}.auth-form-area,.auth-mode-register .auth-form-area{padding:38px 0 32px}.auth-form{max-width:470px}.auth-intro h1{font-size:29px}.auth-intro{margin-bottom:25px}.auth-footer{max-width:470px;width:100%;margin:auto}.auth-reassurance{margin-top:28px}.auth-mode-register .auth-story{height:168px}.auth-mode-phone .auth-story{height:150px}.auth-mode-phone .auth-story h2{font-size:24px}.auth-mode-phone .auth-form-area{padding-top:30px}.auth-phone .auth-step{margin-bottom:25px}}
@media(max-width:420px){.auth-shell{padding:9px}.auth-main{padding-inline:13px}.auth-grid{gap:16px 11px}.auth-register .auth-grid>.auth-password{grid-column:1/-1}.auth-custom-fields{grid-template-columns:minmax(0,1fr)}.auth-story h2{font-size:25px}.auth-intro h1{font-size:27px}.auth-topbar{gap:10px}.auth-story-copy{left:20px}.auth-brand{left:20px}.auth-story{height:175px}.auth-form-options{font-size:10px}.auth-form-options label{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){.auth-experience *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
