/* Membership-only styling; the existing desktop navigation/hero are unchanged. */
.membership-page{margin:0;color:#171717;background:#f8f7f4;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.65}
.membership-page *{box-sizing:border-box}
.membership-page [hidden]{display:none!important}
.membership-page a{color:inherit;text-underline-offset:5px}
.membership-page a:focus-visible,.membership-page button:focus-visible,.membership-page input:focus-visible,.membership-page select:focus-visible{outline:2px solid #111;outline-offset:4px}
.membership-header{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1320px;margin:auto;padding:32px 48px;border-bottom:1px solid #ddd9d2}
.membership-header img{display:block;width:190px;height:auto;background:transparent}
.membership-header nav{display:flex;gap:28px;flex-wrap:wrap}
.membership-header nav a{display:flex;min-height:44px;align-items:center;text-decoration:none;font-size:14px}
.membership-shell{max-width:1320px;margin:auto;padding:76px 48px 48px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px 76px}
.membership-eyebrow{font-size:11px;letter-spacing:.2em;margin:0 0 24px;color:#655f55}
.membership-intro h1{font-size:clamp(38px,4.5vw,62px);line-height:1.22;letter-spacing:-.035em;font-weight:500;margin:0 0 24px}
.membership-lead{font-size:18px;margin:0 0 24px}
.membership-description{max-width:440px;color:#555;margin-bottom:36px}
.membership-start{display:none}
.membership-card h2{scroll-margin-top:24px}
.membership-steps{list-style:none;margin:0 0 32px;padding:0;max-width:440px}
.membership-steps li{padding:16px 0;border-top:1px solid #ddd9d2;display:flex;gap:24px;font-size:14px}
.membership-steps span{color:#80766a;font-size:12px}
.membership-note{font-size:12px;color:#67635b;line-height:1.8;margin:10px 0;overflow-wrap:anywhere}
.membership-card{background:#fff;padding:36px;border:1px solid #e5e1d9;min-width:0;align-self:start}
.membership-card h2{font-size:25px;font-weight:500;margin:0 0 12px}
.membership-field{margin:22px 0}
.membership-field label{display:block;font-size:14px;margin-bottom:8px}
.membership-field label span{color:#777;font-size:12px;margin-left:8px}
.membership-field input,.membership-field select{width:100%;min-width:0;min-height:48px;border:1px solid #c9c5bf;border-radius:0;background:#fff;color:#171717;font:inherit;font-size:16px;padding:11px 12px}
.membership-consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.9;margin:26px 0;cursor:pointer;min-height:44px}
.membership-consent input{flex:0 0 18px;width:18px;height:18px;margin:4px 0;accent-color:#111}
.membership-submit{display:flex;align-items:center;justify-content:space-between;width:100%;border:1px solid #151515;background:#151515;color:#fff;min-height:54px;padding:14px 18px;font:inherit;font-size:15px;cursor:pointer}
.membership-submit:disabled{opacity:.6;cursor:wait}
.membership-result{font-size:14px;line-height:1.8;margin:16px 0 0;color:#8d3024;overflow-wrap:anywhere}
.membership-success{padding:32px 0;min-height:260px}
.membership-success h3{font-size:26px;font-weight:500}
.membership-success a{display:inline-flex;min-height:44px;align-items:center}
.membership-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.membership-notice{grid-column:1/-1;border-top:1px solid #d7d2c9;padding-top:32px;scroll-margin-top:24px}
.membership-notice h2{font-size:18px;font-weight:500;margin:0 0 16px}
.membership-notice p{max-width:1000px;font-size:13px;color:#5a564f}
.membership-store-contacts{display:flex;flex-wrap:wrap;gap:12px 32px;font-size:13px}
.membership-store-contacts a{display:inline-flex;min-height:44px;align-items:center}
.membership-footer{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:24px 32px;border-top:1px solid #ddd9d2;font-size:12px;color:#666}
.membership-footer a{display:inline-flex;min-height:44px;align-items:center}
@media(max-width:1000px){.membership-header{padding:24px 28px}.membership-shell{padding:48px 28px;gap:32px}.membership-card{padding:28px}.membership-intro h1{font-size:44px}}
@media(max-width:700px){.membership-header{align-items:flex-start;flex-direction:column;gap:16px;padding:24px}.membership-header nav{gap:20px}.membership-shell{grid-template-columns:1fr;padding:36px 24px;gap:32px}.membership-intro h1{font-size:40px}.membership-card{padding:24px}.membership-intro .membership-note{max-width:440px}.membership-notice{grid-column:1}.membership-footer{justify-content:flex-start;padding:20px 24px}}
@media(max-width:360px){.membership-header,.membership-shell{padding-left:18px;padding-right:18px}.membership-card{padding:18px}.membership-header nav{gap:12px}.membership-intro h1{font-size:36px}}
@media(max-width:700px){.membership-description{margin-bottom:12px}.membership-start{display:inline-flex;gap:32px;align-items:center;min-height:44px;margin-bottom:24px;font-size:14px}}