@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap');
/* Accessibility: readable authentication and onboarding forms. */
body .eyebrow{font-size:11px}body .auth-copy{font-size:14px}body .auth-links a,body .invite-signup{font-size:13px}body .auth-footer{font-size:12px}body .auth-message,body .auth-error{font-size:13px}
body #shop-form>label{font-size:13px}body #shop-form input,body #shop-form textarea,body #shop-form select{min-height:44px;font-size:16px}body #shop-form label small{font-size:11px}
body .eyebrow,body .auth-copy,body .auth-footer,body #shop-form label small{color:#626772}
.auth-browser-notice{display:grid;gap:5px;margin:0 0 18px;padding:14px 16px;border:1px solid #f1d3a4;border-radius:9px;background:#fff8eb;color:#5b4730;font-size:13px;line-height:1.5}.auth-browser-notice[hidden]{display:none}.auth-browser-notice strong{color:#3c3022;font-size:14px}.auth-browser-notice a{width:max-content;margin-top:3px;color:#8a4b17;font-weight:700;text-underline-offset:3px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #5278df;outline-offset:3px}
:root{font-family:'Outfit',sans-serif;color:#25272b;background:#f5f6f8;--orange:#f15b3a;--ink:#202227;--muted:#858a94;--line:#e9eaed}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}.auth-layout{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 18px}.auth-brand{position:absolute;top:30px;left:34px;display:flex;align-items:center;gap:11px;color:#27292d;text-decoration:none;font:800 13px/1 Outfit,sans-serif;letter-spacing:.11em}.auth-brand small{display:block;margin-top:6px;color:#858a94;font:600 9px/1 'Outfit',sans-serif;letter-spacing:.12em}.brand-mark{width:32px;height:32px;border-radius:9px;background:var(--orange);display:flex;align-items:center;justify-content:center;gap:2px}.brand-mark i{width:3px;height:15px;border-radius:2px;background:white}.brand-mark i:nth-child(2){height:19px}.brand-mark i:nth-child(3){height:12px}.auth-card{width:min(100%,430px);padding:35px 38px 31px;background:#fff;border:1px solid #e7e8eb;border-radius:13px;box-shadow:0 14px 44px rgba(25,27,32,.07)}.eyebrow{margin:0 0 13px;color:#9297a0;font-size:9px;font-weight:700;letter-spacing:.13em}.auth-card h1{margin:0;font:700 25px/1.2 Outfit,sans-serif;letter-spacing:-.045em}.auth-copy{margin:9px 0 24px;color:#858a94;font-size:12px;line-height:1.6}.auth-links{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.auth-links a{color:#5b6472;font-size:11px;text-decoration:none}.auth-links a:hover{color:var(--orange)}.auth-message{margin-top:14px;color:#b1442c;font-size:11px;line-height:1.5}.auth-message:empty{display:none}.auth-footer{margin:22px 0 0;color:#9a9ea6;font-size:10px}#auth-widget{min-height:80px}.auth-error{padding:14px;border:1px solid #f1c7be;border-radius:7px;background:#fff8f6;color:#8f3e2c;font-size:12px;line-height:1.6}.auth-error a{color:inherit}@media(max-width:540px){.auth-brand{top:20px;left:20px}.auth-card{padding:28px 22px}.auth-layout{justify-content:center}}
#shop-form{display:grid;gap:13px}#shop-form>label{display:grid;gap:6px;color:#555962;font-size:10px;font-weight:600}#shop-form input,#shop-form textarea,#shop-form select{width:100%;min-height:40px;padding:10px 11px;border:1px solid #e1e2e5;border-radius:5px;background:white;color:#2b2d32;font:400 14px 'Outfit',sans-serif}#shop-form textarea{min-height:72px;resize:vertical}#shop-form label small{color:#8d929a;font-size:9px;font-weight:400}#shop-form button:disabled{opacity:.55;cursor:wait}.invite-signup{display:block;margin-top:17px;color:#565c66;font-size:11px}
.auth-widget-page .auth-card>.eyebrow,.auth-widget-page .auth-card>#auth-title,.auth-widget-page .auth-card>#auth-copy{display:none}.auth-widget-page .auth-card{width:min(100%,430px)}.auth-widget-page #auth-widget{width:100%;min-height:0}.auth-widget-page #auth-widget .cl-rootBox,.auth-widget-page #auth-widget .cl-cardBox,.auth-widget-page #auth-widget .cl-card{width:100%;min-width:0;max-width:100%}.auth-widget-page #auth-widget .cl-rootBox *{max-width:100%}
.auth-signin-page,.auth-signin-page .auth-layout{background:#fff}
.auth-signin-page .auth-card{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.auth-signin-page .auth-links{justify-content:center;margin-top:28px}
.auth-signin-page .auth-links a,.auth-signin-page #auth-widget .cl-footerActionLink{color:#315dc8!important;font-weight:600}
.auth-signin-page .auth-links a:hover,.auth-signin-page #auth-widget .cl-footerActionLink:hover{color:#244aab!important;text-decoration:underline}
.auth-account-hint{margin:18px 0 0;color:#626772;font-size:13px;line-height:1.55}
.auth-session-choice{display:grid;gap:16px;line-height:1.55}.auth-session-choice h2{margin:0;font:700 24px/1.2 Outfit,sans-serif}.auth-session-choice p{margin:0;color:#626772;font-size:15px}.auth-session-choice strong{color:#202227;overflow-wrap:anywhere}.auth-session-choice button{min-height:48px;padding:11px 18px;border:0;border-radius:8px;background:#202227;color:#fff;font:700 15px 'Outfit',sans-serif;cursor:pointer}.auth-session-choice button:disabled{opacity:.6;cursor:wait}.auth-session-choice a{justify-self:center;color:#315dc8;font-size:14px;font-weight:600;text-decoration:none}.auth-session-choice a:hover{text-decoration:underline}
.auth-existing-session-page .auth-account-hint,.auth-existing-session-page .auth-links,.auth-existing-session-page .auth-footer{display:none}


/* Authentication follows the backoffice's neutral surfaces and outlined fields. */
.auth-widget-page{background:#f3f3f3}
.auth-signin-page .auth-layout,.auth-signup-page .auth-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;justify-content:stretch;min-height:100svh;padding:0;background:#f3f3f3}
.auth-widget-page .auth-form-side{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:96px 36px 34px}
.auth-widget-page .auth-brand{top:30px;left:36px}
.auth-widget-page .auth-card{width:min(100%,470px);padding:34px;background:#fff;border:1px solid #e3e3e3;border-radius:14px;box-shadow:0 14px 38px rgba(0,0,0,.055)}
.auth-widget-page .auth-footer{color:#737373;text-align:center}
.auth-widget-page .auth-links{justify-content:center}
.auth-widget-page .auth-links a,.auth-widget-page #auth-widget .cl-footerActionLink{color:#315dc8!important;font-weight:600}
.auth-widget-page .auth-links a:hover,.auth-widget-page #auth-widget .cl-footerActionLink:hover{text-decoration:underline}
.auth-showcase{display:flex;align-items:center;justify-content:center;min-width:0;padding:64px;background:#e9e9e9}
.auth-showcase-content{width:min(100%,520px)}
.auth-showcase-kicker{color:#5d5d5d;font-size:12px;font-weight:700;letter-spacing:.12em}
.auth-showcase h2{margin:22px 0 18px;color:#1a1a1a;font:800 clamp(38px,4.1vw,66px)/1.09 Outfit,sans-serif;letter-spacing:-.06em}
.auth-showcase p{margin:0;color:#5d5d5d;font-size:19px;line-height:1.5}
.auth-widget-page #auth-widget .cl-card,.auth-widget-page #auth-widget .cl-cardBox{background:transparent;box-shadow:none}
.auth-widget-page #auth-widget .cl-headerTitle{font:700 29px/1.2 Outfit,sans-serif;letter-spacing:-.04em}
.auth-widget-page #auth-widget .cl-headerSubtitle{color:#626262;font-size:15px}
.auth-widget-page #auth-widget .cl-formFieldLabel{position:relative;z-index:1;width:max-content;margin:0 0 -8px 12px;padding:0 5px;background:#fff;color:#49454f;font-size:13px;font-weight:600}
.auth-widget-page #auth-widget .cl-formFieldInput{min-height:52px;padding:14px;border-color:#d9d9d9;border-radius:6px;background:#fff;color:#1d1b20;font-size:16px}
.auth-widget-page #auth-widget .cl-formFieldInput:focus{border-color:#171715;box-shadow:0 0 0 3px rgba(29,27,32,.13)}
.auth-widget-page #auth-widget .cl-formButtonPrimary{min-height:48px;border-radius:8px;background:#171715;color:#fff;font-size:15px;font-weight:700;box-shadow:none}
.auth-widget-page #auth-widget .cl-formButtonPrimary:hover{background:#30302d}
.auth-widget-page #auth-widget .cl-socialButtonsBlockButton{min-height:47px;border:1px solid #d7d7d7;border-radius:8px;background:#fff;font-size:15px}
.auth-widget-page #auth-widget .cl-socialButtonsBlockButton:hover{background:#f5f5f5}
.auth-widget-page #auth-widget .cl-footer{background:transparent}
.auth-widget-page .auth-google-button{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;min-height:48px;margin:24px 0 0;border:1px solid #d7d7d7;border-radius:8px;background:#fff;color:#202227;font:600 15px 'Outfit',sans-serif;cursor:pointer}
.auth-widget-page .auth-google-button:hover{background:#f5f5f5}
.auth-widget-page .auth-google-button:disabled{opacity:.6;cursor:wait}
.auth-widget-page .auth-google-button[hidden],.auth-widget-page .auth-divider[hidden]{display:none}
.auth-google-mark{display:grid;place-items:center;width:18px;height:18px;font:bold 18px Arial,sans-serif;background:conic-gradient(#4285f4 0 25%,#34a853 25% 50%,#fbbc05 50% 70%,#ea4335 70% 90%,#4285f4 90%);background-clip:text;color:transparent}
.auth-divider{display:flex;align-items:center;gap:14px;margin:22px 0;color:#777;font-size:13px}
.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#e2e2e2}
.auth-signup-page #auth-widget .cl-header,.auth-signup-page #auth-widget .cl-socialButtons,.auth-signup-page #auth-widget .cl-dividerRow{display:none}
.auth-signup-page .auth-links{display:none}
.auth-signup-page:not(.auth-existing-session-page) .auth-card>.eyebrow,.auth-signup-page:not(.auth-existing-session-page) .auth-card>#auth-title,.auth-signup-page:not(.auth-existing-session-page) .auth-card>#auth-copy{display:block}
.auth-signup-page .auth-card>.eyebrow{color:#626262;font-size:11px}
.auth-signup-page .auth-card>#auth-title{font-size:29px}
.auth-signup-page .auth-card>#auth-copy{margin:9px 0 0;color:#626262;font-size:15px}
.auth-widget-page:has(.password-recovery-form) .auth-card>.eyebrow,.auth-widget-page:has(.password-recovery-form) .auth-card>#auth-title,.auth-widget-page:has(.password-recovery-form) .auth-card>#auth-copy{display:block}
.password-recovery-form{display:grid;gap:18px}.password-recovery-form label{display:grid;gap:8px;color:#49454f;font-size:13px;font-weight:600}.password-recovery-form input{width:100%;min-height:52px;padding:12px 14px;border:1px solid #d9d9d9;border-radius:6px;background:#fff;color:#1d1b20;font:400 16px 'Outfit',sans-serif}.password-recovery-form button{min-height:48px;border:0;border-radius:8px;background:#171715;color:#fff;font:700 15px 'Outfit',sans-serif;cursor:pointer}.password-recovery-form button:disabled{opacity:.6;cursor:wait}.password-recovery-form #password-recovery-resend{min-height:36px;background:transparent;color:#315dc8;font-size:13px}
.auth-callback-page{display:grid;place-items:center;min-height:100svh;background:#f3f3f3}
.auth-callback{width:min(100% - 32px,440px);padding:36px;border:1px solid #e3e3e3;border-radius:14px;background:#fff;text-align:center}
.auth-callback h1{font:700 24px/1.2 Outfit,sans-serif}.auth-callback p{color:#626262;line-height:1.5}.auth-callback a{color:#315dc8}
.auth-spinner{display:block;width:28px;height:28px;margin:auto;border:3px solid #ddd;border-top-color:#171715;border-radius:50%;animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.auth-signin-page .auth-layout,.auth-signup-page .auth-layout{grid-template-columns:1fr}.auth-showcase{display:none}.auth-widget-page .auth-form-side{min-height:100svh}}
@media(max-width:540px){.auth-widget-page .auth-form-side{padding:84px 16px 28px}.auth-widget-page .auth-brand{top:20px;left:20px}.auth-widget-page .auth-card{padding:26px 20px}.auth-widget-page #auth-widget .cl-headerTitle{font-size:27px}.auth-widget-page #auth-widget .cl-headerSubtitle{font-size:15px}.auth-widget-page #auth-widget .cl-formFieldLabel{font-size:13px}}

@media(max-width:540px){
  .auth-layout{min-height:100svh;padding:76px 16px 24px}
  .auth-brand{top:18px;left:18px}
  .auth-brand small{font-size:11px}
  .auth-card{padding:24px 20px}
  .auth-card h1{font-size:28px}
  .auth-copy{font-size:16px;line-height:1.55}
  .auth-card .eyebrow{font-size:12px}
  .auth-links{justify-content:center;flex-wrap:wrap;gap:12px 18px}
  .auth-links a{font-size:14px;line-height:1.45}
  .auth-footer{font-size:13px;line-height:1.5;text-align:center}
  .auth-message,.auth-error{font-size:14px;line-height:1.5}
  .auth-account-hint{font-size:14px}
  #shop-form>label{font-size:15px}
  #shop-form label small{font-size:12px;line-height:1.45}
  #auth-widget .cl-headerTitle{font-size:28px!important;line-height:1.2!important}
  #auth-widget .cl-headerSubtitle,#auth-widget .cl-formFieldLabel,#auth-widget .cl-socialButtonsBlockButtonText,#auth-widget .cl-dividerText,#auth-widget .cl-footerActionText,#auth-widget .cl-footerActionLink,#auth-widget .cl-formButtonPrimary{font-size:15px!important;line-height:1.45!important}
  #auth-widget .cl-formFieldInput,#auth-widget .cl-formFieldInput::placeholder{font-size:16px!important}
}

/* Onboarding uses the backoffice field and combo styles without a card. */
.auth-onboarding-page{background:#fff}
.auth-onboarding-page .auth-layout{min-height:100svh;align-items:stretch;justify-content:flex-start;max-width:1160px;margin:0 auto;padding:116px 28px 72px}
.auth-onboarding-page .auth-brand{top:29px;left:34px}
.onboarding-content{width:min(100%,560px);margin:0 auto}
.onboarding-progress{margin:0 0 46px}
.onboarding-progress ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.onboarding-progress li{min-width:0;padding:0 0 16px;border-bottom:2px solid #e5e4e0;color:#77766f;font-size:13px;font-weight:600;white-space:nowrap}
.onboarding-progress-button{display:flex;align-items:center;gap:9px;width:100%;min-width:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left}
.onboarding-progress-button:disabled{opacity:1;cursor:default}
.onboarding-progress li.completed .onboarding-progress-button{cursor:pointer}
.onboarding-progress li.completed .onboarding-progress-button:hover{color:#171715}
.onboarding-progress-button:focus-visible{border-radius:3px;outline:3px solid #175cd3;outline-offset:4px}
.onboarding-progress li[aria-current="step"]{border-color:#171715;color:#171715}
.onboarding-progress li.completed{border-color:#171715;color:#55544f}
.onboarding-step-number{width:27px;height:27px;flex:none;display:grid;place-items:center;border-radius:50%;background:#f1f0ec;color:#55544f;font-size:12px}
.onboarding-progress li[aria-current="step"] .onboarding-step-number{background:#171715;color:#fff}
.onboarding-progress li.completed .onboarding-step-number{background:#e7e6e1;color:#171715}
.onboarding-header{margin:0 0 31px}
.onboarding-header .eyebrow{display:flex;justify-content:space-between;gap:12px;margin:0 0 13px;color:#626772;font-size:11px;letter-spacing:.1em}
.onboarding-header .eyebrow span{font-weight:600;letter-spacing:0;text-transform:none}
.onboarding-header h1{margin:0;color:#171715;font:800 39px/1.15 Outfit,sans-serif;letter-spacing:-.045em}
.onboarding-header .auth-copy{margin:13px 0 0;color:#626772;font-size:16px;line-height:1.55}
.auth-onboarding-page #shop-form{display:grid;gap:29px;width:100%}
.onboarding-step{display:grid;gap:22px;margin:0;padding:0;border:0}
.auth-onboarding-page [hidden]{display:none!important}
.auth-onboarding-page #shop-form .onboarding-field{position:relative;display:block;padding-top:8px;color:#49454f;font-size:14px;font-weight:400}
.onboarding-field-label{position:absolute;top:8px;left:12px;z-index:1;max-width:calc(100% - 24px);padding:0 4px;background:#fff;color:#49454f;font-size:12px;line-height:16px;font-weight:500;transform:translateY(-50%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.auth-onboarding-page #shop-form .onboarding-field>input,.auth-onboarding-page #shop-form .onboarding-field>select,.auth-onboarding-page #shop-form .onboarding-field>textarea{display:block;width:100%;min-width:0;height:50px;min-height:50px;margin:0;padding:12px 12px 0;border:1px solid #dedede;border-radius:6px;outline:0;background:#fff;color:#1d1b20;font:400 16px/1.4 'Outfit',sans-serif;transition:border-color .15s ease,box-shadow .15s ease}
.auth-onboarding-page #shop-form .onboarding-field>.md-native-select{display:none}
.auth-onboarding-page #shop-form .onboarding-field>textarea{height:auto;min-height:116px;padding-top:20px;resize:vertical}
.auth-onboarding-page #shop-form .onboarding-field>input::placeholder,.auth-onboarding-page #shop-form .onboarding-field>textarea::placeholder{color:#79747e;opacity:1}
.auth-onboarding-page #shop-form .onboarding-field:hover>input,.auth-onboarding-page #shop-form .onboarding-field:hover>select,.auth-onboarding-page #shop-form .onboarding-field:hover>textarea{border-color:#1d1b20}
.auth-onboarding-page #shop-form .onboarding-field:focus-within>.onboarding-field-label{color:#1d1b20}
.auth-onboarding-page #shop-form .onboarding-field>:focus{border-color:#1d1b20;box-shadow:0 0 0 3px rgba(29,27,32,.16)}
.auth-onboarding-page #shop-form .onboarding-field>:focus-visible{outline:3px solid #175cd3;outline-offset:2px}
.auth-onboarding-page #shop-form .onboarding-field>small{display:block;margin:8px 13px 0;color:#626772;font-size:13px;line-height:1.4}
.auth-onboarding-page .md-select-shell{position:relative;width:100%}
.auth-onboarding-page .md-select-trigger{width:100%;height:50px;display:flex;align-items:center;gap:10px;padding:8px 14px 0 12px;border:1px solid #dedede;border-radius:6px;background:#fff;color:#1d1b20;text-align:left;font:400 16px/1.4 'Outfit',sans-serif;transition:border-color .15s ease,box-shadow .15s ease}
.auth-onboarding-page .md-select-trigger:hover{border-color:#1d1b20}
.auth-onboarding-page .md-select-trigger:focus-visible,.auth-onboarding-page .md-select-shell.open>.md-select-trigger{border-color:#1d1b20;outline:0;box-shadow:0 0 0 3px rgba(29,27,32,.16)}
.auth-onboarding-page .md-select-value{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.auth-onboarding-page .md-select-chevron{width:8px;height:8px;flex:none;margin-top:-3px;border-right:1.5px solid #49454f;border-bottom:1.5px solid #49454f;transform:rotate(45deg);transition:transform .15s ease}
.auth-onboarding-page .md-select-shell.open .md-select-chevron{margin-top:4px;transform:rotate(225deg)}
.auth-onboarding-page .md-select-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:45;width:100%;max-height:280px;overflow:auto;padding:8px;border:1px solid #deddd7;border-radius:12px;background:#fff;box-shadow:0 14px 36px rgba(20,20,18,.12)}
.auth-onboarding-page .md-select-option{width:100%;min-height:48px;display:flex;align-items:center;padding:9px 16px;border:0;border-radius:9px;background:#fff;color:#45443f;text-align:left;font:400 16px/1.35 'Outfit',sans-serif}
.auth-onboarding-page .md-select-option:hover,.auth-onboarding-page .md-select-option:focus-visible{outline:0;background:#f5f4f0}
.auth-onboarding-page .md-select-option.selected{background:#efeee9;color:#171715;font-weight:600}
.auth-onboarding-page .md-select-option:disabled{color:#aaa7a1;cursor:not-allowed}
.onboarding-plan-choice{min-width:0;margin:0;padding:0;border:0}
.onboarding-plan-choice legend{margin-bottom:10px;color:#292925;font-size:14px;font-weight:700}
.onboarding-plan-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.onboarding-plan-options label{display:flex;align-items:flex-start;gap:10px;min-width:0;min-height:86px;padding:14px;border:1px solid #dedede;border-radius:10px;background:#fff;cursor:pointer}
.onboarding-plan-options label:has(input:checked){border-color:#4859f4;background:#f3f4ff;box-shadow:0 0 0 1px #4859f4}
.onboarding-plan-options label:focus-within{outline:3px solid rgba(72,89,244,.24);outline-offset:2px}
.auth-onboarding-page #shop-form .onboarding-plan-options input[type="radio"]{width:18px;max-width:18px;height:18px;min-height:18px;flex:none;margin:2px 0 0;padding:0;border:0;border-radius:50%;accent-color:#4859f4}
.onboarding-plan-options strong,.onboarding-plan-options small{display:block}
.onboarding-plan-options strong{color:#20222b;font-size:14px;line-height:1.25}
.onboarding-plan-options small{margin-top:5px;color:#687184;font-size:12px;line-height:1.35}
.onboarding-plan-choice>small{display:block;margin-top:10px;color:#687184;font-size:12px;line-height:1.4}
@media(max-width:520px){.onboarding-plan-options{grid-template-columns:1fr}.onboarding-plan-options label{min-height:0}}
.onboarding-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px;padding-top:6px}
.auth-onboarding-page .button{display:inline-flex;align-items:center;justify-content:center;min-width:168px;min-height:49px;padding:11px 22px;border:1px solid transparent;border-radius:999px;font:700 15px/1.4 'Outfit',sans-serif;cursor:pointer;transition:background .16s ease,transform .16s ease}
.auth-onboarding-page .button:active{transform:translateY(1px)}
.auth-onboarding-page .button-primary{border-color:#171715;background:#171715;color:#fff}
.auth-onboarding-page .button-primary:hover{border-color:#30302d;background:#30302d}
.auth-onboarding-page .button-outline{margin-right:auto;border-color:#d9d8d3;background:#fff;color:#171715}
.auth-onboarding-page .button-outline:hover{border-color:#171715;background:#f5f4f0}
.auth-onboarding-page .button-primary:disabled{opacity:.55;cursor:wait}
.auth-onboarding-page .auth-message{flex-basis:100%;margin:0;font-size:13px}
@media(max-width:540px){
  .auth-onboarding-page .auth-layout{padding:82px 20px 42px}
  .auth-onboarding-page .auth-brand{top:20px;left:20px}
  .onboarding-progress{margin-bottom:39px}
  .onboarding-progress ol{gap:7px}
  .onboarding-progress li{padding-bottom:12px;font-size:11px;white-space:normal}
  .onboarding-progress-button{gap:5px}
  .onboarding-step-number{width:22px;height:22px;font-size:11px}
  .onboarding-header{margin-bottom:26px}
  .onboarding-header h1{font-size:30px}
  .onboarding-header .auth-copy{font-size:15px}
  .auth-onboarding-page #shop-form{gap:26px}
  .onboarding-step{gap:20px}
  .auth-onboarding-page .button-primary{flex:1}
}
@media(max-width:360px){.onboarding-progress li{font-size:10px}.onboarding-progress li:nth-child(2){font-size:9px}.auth-onboarding-page .onboarding-actions .button{width:100%;margin-right:0}}

/* Public sign-in and sign-up use the same light blue identity as marketing. */
.auth-widget-page { --auth-blue:#1746d2; --auth-blue-hover:#1038ad; background:#f8faff; color:#17243d; }
.auth-widget-page .auth-layout { background:#fff; }
.auth-widget-page .auth-form-side { background:#fff; }
.auth-widget-page .auth-brand { color:#17243d; }
.auth-widget-page .auth-brand small { color:#607497; }
.auth-widget-page .brand-mark { background:var(--auth-blue); box-shadow:0 8px 20px rgba(23,70,210,.17); }
.auth-widget-page .auth-card { width:min(100%,500px); padding:40px; border:1px solid #e3eafa; border-radius:20px; box-shadow:0 18px 50px rgba(39,81,165,.075); }
.auth-widget-page .auth-card h1, .auth-widget-page #auth-widget .cl-headerTitle { color:#17243d; letter-spacing:-.055em; }
.auth-widget-page .auth-card>.eyebrow { color:var(--auth-blue); }
.auth-widget-page .auth-copy, .auth-widget-page .auth-card>#auth-copy, .auth-widget-page #auth-widget .cl-headerSubtitle { color:#53647f; }
.auth-widget-page .auth-footer { color:#63748e; }
.auth-footer a { color: inherit; text-underline-offset: 2px; }
.auth-widget-page .auth-links a, .auth-widget-page #auth-widget .cl-footerActionLink { color:var(--auth-blue)!important; }
.auth-widget-page .auth-links a:hover, .auth-widget-page #auth-widget .cl-footerActionLink:hover { color:var(--auth-blue-hover)!important; }
.auth-widget-page #auth-widget .cl-formFieldLabel { color:#445773; }
.auth-widget-page #auth-widget .cl-formFieldInput, .auth-widget-page .password-recovery-form input { border-color:#d3def1; border-radius:10px; }
.auth-widget-page #auth-widget .cl-formFieldInput:focus, .auth-widget-page .password-recovery-form input:focus { border-color:var(--auth-blue); box-shadow:0 0 0 3px rgba(23,70,210,.12); }
.auth-widget-page #auth-widget .cl-formButtonPrimary, .auth-widget-page .password-recovery-form button:not(#password-recovery-resend), .auth-widget-page .auth-session-choice button { border-radius:10px; background:var(--auth-blue); color:#fff; box-shadow:0 9px 19px rgba(23,70,210,.15); }
.auth-widget-page #auth-widget .cl-formButtonPrimary:hover, .auth-widget-page .password-recovery-form button:not(#password-recovery-resend):hover, .auth-widget-page .auth-session-choice button:hover { background:var(--auth-blue-hover); }
.auth-widget-page #auth-widget .cl-socialButtonsBlockButton, .auth-widget-page .auth-google-button { min-height:50px; border-color:#d3def1; border-radius:10px; color:#17243d; }
.auth-widget-page #auth-widget .cl-socialButtonsBlockButton:hover, .auth-widget-page .auth-google-button:hover { background:#f1f5ff; }
.auth-widget-page .auth-session-choice a, .auth-widget-page .password-recovery-form #password-recovery-resend { color:var(--auth-blue); }
.auth-showcase { overflow:hidden; position:relative; background:radial-gradient(circle at 88% 4%,#d7e6ff 0,transparent 36%),linear-gradient(145deg,#f5f9ff 0%,#eaf2ff 100%); }
.auth-showcase::before { content:""; position:absolute; width:460px; height:460px; right:-190px; bottom:-190px; border:1px solid rgba(23,70,210,.1); border-radius:50%; box-shadow:0 0 0 80px rgba(255,255,255,.22),0 0 0 160px rgba(255,255,255,.12); pointer-events:none; }
.auth-showcase-content { position:relative; z-index:1; }
.auth-showcase-kicker { color:var(--auth-blue,#1746d2); font-size:11px; letter-spacing:.17em; }
.auth-showcase h2 { max-width:600px; margin:20px 0 17px; color:#17243d; font-size:clamp(36px,3.7vw,58px); line-height:1.1; letter-spacing:-.058em; }
.auth-showcase p { color:#53647f; font-size:17px; }
.auth-preview { max-width:515px; margin-top:47px; overflow:hidden; border:1px solid #dce6f8; border-radius:20px; background:#fff; box-shadow:0 22px 55px rgba(39,81,165,.12); }
.auth-preview-header { display:flex; align-items:center; justify-content:space-between; padding:20px 24px; border-bottom:1px solid #e8eef8; }
.auth-preview-header span { color:#5872a7; font-size:10px; font-weight:800; letter-spacing:.14em; }
.auth-preview-header strong { color:#17243d; font:700 17px Outfit,sans-serif; }
.auth-preview-row { display:grid; grid-template-columns:62px 1fr 9px; align-items:center; gap:15px; margin:0 24px; padding:18px 0; border-bottom:1px solid #edf1f9; }
.auth-preview-time { color:var(--auth-blue,#1746d2); font-size:13px; font-weight:800; }
.auth-preview-row strong, .auth-preview-row small { display:block; }
.auth-preview-row strong { color:#17243d; font-size:14px; }
.auth-preview-row small { margin-top:4px; color:#70809a; font-size:11px; }
.auth-preview-row i { width:8px; height:8px; border-radius:50%; background:#5c8bef; }
.auth-preview-foot { padding:15px 24px; background:#f7faff; color:#5b6f90; font-size:11px; }
.auth-widget-page :is(a,button,input):focus-visible { outline:3px solid #7396f0; outline-offset:3px; }
@media(max-width:900px) { .auth-widget-page .auth-form-side { background:radial-gradient(circle at 100% 0%,#eef4ff 0,transparent 45%),#fff; } }
@media(max-width:540px) { .auth-widget-page .auth-card { padding:28px 22px; border-radius:17px; } }

/* Match the public editorial site while keeping sign-in screens light. */
.auth-widget-page { --auth-blue:#485cf2; --auth-blue-hover:#3448d7; background:#fff; color:#1d1d23; }
.auth-widget-page .auth-form-side, .auth-widget-page .auth-layout { background:#fff; }
.auth-widget-page .auth-brand { color:#1d1d23; font-size:16px; letter-spacing:-.025em; }
.auth-widget-page .brand-mark { width:36px; height:36px; border-radius:8px; box-shadow:none; }
.auth-widget-page .auth-card { border-color:#e6e8f1; border-radius:12px; box-shadow:0 17px 45px rgba(51,63,140,.07); }
.auth-widget-page .auth-card h1 { color:#1d1d23; font-size:clamp(30px,3vw,39px); font-weight:800; }
.auth-widget-page .auth-copy { color:#606470; }
.auth-widget-page #auth-widget .cl-formButtonPrimary, .auth-widget-page .password-recovery-form button:not(#password-recovery-resend), .auth-widget-page .auth-session-choice button { border-radius:7px; box-shadow:none; }
.auth-widget-page #auth-widget .cl-socialButtonsBlockButton, .auth-widget-page .auth-google-button { border-radius:7px; }
.auth-widget-page .auth-showcase { background:#f9faff; }
.auth-widget-page .auth-showcase::before { display:none; }
.auth-widget-page .auth-showcase-kicker { color:#5868da; }
.auth-widget-page .auth-showcase h2 { color:#1d1d23; font-size:clamp(43px,4.4vw,67px); font-weight:800; line-height:1.1; }
.auth-widget-page .auth-showcase h2 em { background:linear-gradient(95deg,#3a4ce5 5%,#6387e8 52%,#a4759e 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal; }
.auth-widget-page .auth-showcase p { color:#606470; }
.auth-widget-page .auth-preview { border:7px solid transparent; border-radius:15px; background:linear-gradient(#fff,#fff) padding-box,linear-gradient(110deg,#485cf2,#9bc9ee 68%,#cfb4c4) border-box; box-shadow:0 27px 60px rgba(53,75,170,.13); }
.auth-widget-page .auth-preview-header { background:linear-gradient(105deg,#485cf2,#8cb8ed 67%,#c9adc0); border:0; }
.auth-widget-page .auth-preview-header span, .auth-widget-page .auth-preview-header strong { color:#fff; }
@media(max-width:900px) { .auth-widget-page .auth-form-side { background:#fff; } }

/* Dedicated administrator entry uses the platform blue and avoids public sign-up prompts. */
.auth-admin-page,.auth-admin-page .auth-layout{background:#f7f8fc}
.auth-admin-page .brand-mark{background:#485af4}
.auth-admin-page .auth-card{border-color:#e0e5f1;box-shadow:0 18px 52px rgba(31,46,105,.08)}
.auth-admin-page .auth-links a,.auth-admin-page #auth-widget .cl-footerActionLink{color:#4558e9!important}
.auth-admin-page #auth-widget .cl-footerAction{display:none}
.auth-admin-page #auth-widget .cl-formButtonPrimary{background:#485af4}
.auth-admin-page #auth-widget .cl-formButtonPrimary:hover{background:#3648d7}
.auth-admin-page .auth-showcase{background:#eef1ff}
.auth-admin-page .auth-showcase-kicker{color:#4558e9}
.auth-admin-page .auth-showcase h2{letter-spacing:-.035em}
.auth-admin-page .auth-showcase h2 em{color:#4558e9;font-style:normal}
.admin-login-preview{display:grid;gap:10px;margin-top:36px;padding:22px;border:1px solid #dce2fa;border-radius:20px;background:#fff;box-shadow:0 20px 50px rgba(48,68,150,.08)}
.admin-login-preview span{padding:14px 18px;border-radius:10px;color:#4b5369;font-size:15px;font-weight:600}
.admin-login-preview span:first-child{background:#eef1ff;color:#4558e9}
.auth-widget-page.auth-load-error .auth-card>.eyebrow,.auth-widget-page.auth-load-error .auth-card>#auth-title,.auth-widget-page.auth-load-error .auth-card>#auth-copy{display:block}
.auth-admin-page.auth-load-error .auth-card>.eyebrow{color:#4558e9}
.auth-admin-page .admin-preview-link{display:inline-block;margin-top:17px;color:#4558e9;font-size:14px;font-weight:700;text-decoration:none}
.auth-admin-page .admin-preview-link:hover{text-decoration:underline}