.site-language{display:inline-flex;flex-shrink:0;margin:0}
.site-language select{font:inherit;background:#14364c;color:#fff;border:1px solid #8498a8;border-radius:4px;padding:9px 8px;min-height:44px;width:auto;max-width:135px;margin:0}
.site-language select:focus-visible{outline:3px solid #ff8000;outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.header,.site-header{flex-wrap:wrap;gap:16px}header nav{flex-wrap:wrap;align-items:center;gap:14px}
h1,h2,h3,label,.button{overflow-wrap:anywhere;hyphens:auto}.field-pair>*{min-width:0}.code-row{align-items:end}
@media(max-width:800px){header nav{width:100%;display:flex!important}.site-language{margin-left:auto}.field-pair{grid-template-columns:1fr}.hero h1{font-size:clamp(32px,7vw,52px)}}
@media(max-width:500px){header nav{gap:8px 12px;font-size:13px}.header .brand small{max-width:230px;white-space:normal}.code-row{display:flex;flex-wrap:wrap}.code-row>label{flex:1 1 180px}.code-row>button{max-width:100%}.auth-card{min-width:0}.actions{flex-wrap:wrap}}
/* Shared Mineral3D blue/orange brand; applied after locale page styles. */
body{background:#f5f7fa;color:#102d43;font-family:"Segoe UI","Microsoft YaHei",Arial,sans-serif}
.header{max-width:none;background:#0b263c;color:#fff;padding-inline:max(24px,calc((100% - 1288px)/2));gap:18px}
.header nav{gap:16px}.header nav>a:last-child{display:inline-block}
.button,.button.orange{background:#ff8000;border-color:#ff8000;color:#102638}
.button:hover:not(:disabled),.button.orange:hover:not(:disabled){background:#ff9a33;border-color:#ff9a33}
.button.secondary{background:#fff;color:#163b55;border-color:#96aabd}
.button.secondary:hover:not(:disabled){background:#e7eef4;border-color:#607d95}
.button.ghost{background:transparent;border-color:#a1b5c5;color:#fff}
.button.ghost:hover:not(:disabled){background:#163e59;border-color:#fff}
button:disabled{background:#e4eaf0;color:#536778;border-color:#acbac6;opacity:1}
.muted,.hint,.section-title p:not(.eyebrow),.feature-grid p,.case-grid span,.service-list span,.auth-story>p:not(.eyebrow),footer p,.international-contact>p:not(.eyebrow),.whatsapp-scan p{color:#506779}
.hero{background-image:linear-gradient(90deg,rgba(5,25,43,.96),rgba(5,25,43,.72) 45%,rgba(5,25,43,.15)),url('/web-public/site/assets/hero-quarry.webp')}
.hero .lead,.hero .eyebrow,.hero-note{color:#dce8f0}.accent{color:#954200}
.contact-card,.membership,.notice{background:#e8eef3;border-color:#b7c8d5}
.notice{border-left-color:#356783}.notice.warning{background:#fff5e4;color:#754712;border-color:#bd8131}
.feature-grid article,.service-list li,.contact-method,footer,.examples,.customization,.download,details{border-color:#c5d2dd}
.auth-card,.download-card,.case-grid figure{border-color:#bdcdd9}
.auth-card input,.auth-card select{color:#16364c;border-color:#94aabd}.auth-card input::placeholder{color:#607789}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #2274aa;outline-offset:3px}
.header a:focus-visible,.hero a:focus-visible{outline-color:#ffaf5c}
@media(max-width:700px){.header{padding:18px}.header nav>a:last-child{display:inline-block}.header nav{gap:10px 14px}.auth-card h1{font-size:clamp(25px,6vw,31px)}}

/* Shared password-eye presentation, matching the existing Chinese auth component. */
.password-control{position:relative;display:block}
.password-control input{padding-right:54px!important}
.password-control .password-toggle{position:absolute;right:2px;top:2px;bottom:2px;width:44px;min-height:44px;padding:10px;border:0;background:transparent;color:#52667b;display:flex;align-items:center;justify-content:center;cursor:pointer}
.password-control .password-toggle:hover{background:#e7edf4}
.password-control .password-toggle:focus-visible{outline:2px solid #0c2b40;outline-offset:2px}
.password-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.password-toggle .eye-slash{display:none}
.password-toggle[aria-pressed="true"] .eye-slash{display:block}
