:root{--canvas:#f7f6f4;--ink:#202323;--muted:#58615f;--accent:#ad5043;--line:#e4e3df;--blue:#202323;--blue-deep:#383d3b;--blue-soft:#f2f1ed;--ink-2:#58615f;--ink-3:#64706b;--shadow:none;font-family:"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif}
body{background:var(--canvas)}
.auth-shell{max-width:1440px;margin:auto;grid-template-columns:minmax(0,1fr) minmax(440px,540px);gap:72px;padding:48px 56px;min-height:100dvh;align-items:center}
.auth-story{background:transparent;color:var(--ink);padding:0;min-height:650px;overflow:visible}
.auth-story:after{display:none}.brand{gap:14px;color:var(--ink);flex-wrap:wrap}.brand-logo{height:42px;width:42px;object-fit:contain}.brand-word{font-size:30px;font-weight:750;letter-spacing:-1px}.brand-cross{font-size:23px;color:#7b827e;font-weight:400}.brand-provider{font-size:19px;letter-spacing:-.5px;font-weight:650}
.story-copy{margin:56px 0}.story-copy h1{font-size:clamp(38px,4.3vw,64px);line-height:1.2;letter-spacing:-2px;white-space:pre-line;font-weight:650}.story-copy>p{color:var(--muted);font-size:17px;line-height:1.85;max-width:490px}.story-copy .eyebrow{color:var(--accent);font:12px ui-monospace,monospace;letter-spacing:2px;margin-bottom:24px}
.trust-list{display:flex;flex-wrap:wrap;gap:0;margin-top:36px}.trust-list span{border:0;border-radius:0;background:none;color:var(--muted);padding:0 18px;font-size:13px;border-left:1px solid #c9ccc7}.trust-list span:first-child{padding-left:0;border-left:0}.story-foot{color:var(--muted);font-size:13px;line-height:1.7}
.auth-pane{padding:0;display:block}.auth-card{padding:32px;border:1px solid var(--line);border-radius:12px;box-shadow:none}.auth-card h2{font-size:26px}.group-tabs{margin-top:22px;border:0;padding:4px;background:#f2f1ed}.group-tabs button[aria-selected=true]{box-shadow:none;color:var(--ink)}
.product-option{min-height:54px;padding:9px;gap:8px;border-radius:7px}.product-option small{font-size:11px}.product-option:hover{border-color:#8b9590;background:#fafaf8}.product-option.is-active{border-color:var(--ink);box-shadow:none;background:#f5f5f1}.product-icon{width:28px;height:28px;border-radius:5px;background:#f0f1ee;color:#58615f}.selected-product{margin:18px 0 16px}.selected-product a{white-space:normal;overflow-wrap:anywhere;font-size:11px}.selected-product strong{font-size:15px}.selected-product>div{min-width:0}.selected-product .product-icon{background:#f0f1ee;color:var(--ink)}
.login-form{gap:13px}.field input{border-color:#d6d9d2;border-radius:6px}.field input:focus{border-color:#53635b;box-shadow:0 0 0 3px #53635b18}.submit-button{box-shadow:none;border-radius:6px;font-weight:600}.submit-button:hover{background:#383d3b}.form-meta{font-size:12px}.help-note{color:var(--muted);font-size:12px}.login-error{font-size:13px;line-height:1.5}.auth-card-head{gap:12px}.field label{color:var(--ink)}
body[data-theme=retail]{--accent:#386c45;--canvas:#f6f7ed;--blue:#285b3e;--blue-deep:#204930;--blue-soft:#edf3e6;--ink:#203b2b}
body[data-theme=retail] .auth-story{min-height:690px}body[data-theme=retail] .story-copy{margin:42px 0 0}body[data-theme=retail] .story-copy h1{font-weight:700}body[data-theme=retail] .brand-word{color:#285b3e;letter-spacing:1px}body[data-theme=retail] .submit-button{background:#285b3e}body[data-theme=retail] .submit-button:hover{background:#204930}.fruit-art{display:block;width:100%;max-width:560px;height:auto;margin:20px 0 12px}.retail-label{margin-top:22px;border-bottom:1px solid var(--line);padding-bottom:10px;font-size:14px;font-weight:700}.retail-label:before{content:"";display:inline-block;width:7px;height:7px;background:#23634e;border-radius:50%;margin-right:9px}
@media(max-width:820px){body[data-theme=retail] .auth-story{min-height:0}body[data-theme=retail] .story-copy{margin:28px 0 0}.fruit-art{max-width:310px;margin:0 auto 12px}}
a:focus-visible,button:focus-visible{outline:3px solid #9aafa2;outline-offset:3px}
@media(max-width:1100px){.auth-shell{gap:36px;padding:32px;grid-template-columns:minmax(0,1fr) minmax(400px,1fr)}.auth-card{padding:25px}.story-copy h1{font-size:44px}}
@media(max-width:820px){.auth-shell{display:block;max-width:620px;padding:26px 22px}.auth-story{min-height:0}.story-copy{margin:34px 0 25px}.story-copy h1{font-size:37px;letter-spacing:-1px}.story-copy>p{font-size:15px;margin-top:16px}.trust-list{display:none}.story-foot{display:block;margin:0 0 24px}.auth-pane{padding:0}.brand-word{font-size:27px}.brand-provider{font-size:17px}.brand-logo{width:34px;height:34px}.auth-card-head{display:flex}.lang-link{margin-top:4px}.product-list{grid-template-columns:repeat(2,minmax(0,1fr))}.product-option small{display:none}.auth-card{padding:22px 18px}.auth-card h2{font-size:23px}}
@media(max-width:380px){.auth-shell{padding:22px 14px}.product-option strong{font-size:12px}.brand{gap:10px}.brand-word{font-size:24px}.story-copy h1{font-size:33px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:600px){.auth-story{position:relative}.story-copy,body[data-theme=retail] .story-copy{margin:22px 0 14px}.story-copy .eyebrow,.story-copy>p{display:none}.story-copy h1{font-size:29px;line-height:1.25;letter-spacing:-.7px}.story-foot{font-size:12px;margin:0 0 22px}.fruit-art{position:absolute;right:0;top:63px;width:145px;margin:0}body[data-theme=retail] .story-copy h1{max-width:195px}.auth-card-head p{font-size:13px}.product-option{min-height:48px}.product-icon{width:24px;height:24px}.product-option strong{font-size:12px}.form-meta{flex-wrap:wrap;gap:10px}.help-note{font-size:11px}}
