:root{--ty-page-bg:#4F1D09;--night:var(--ty-page-bg);--ivory:#f7f0e4;--beige:#c9bcaa;--gold:#d8b977;--burgundy:#7d2c47;--edge:rgba(216,185,119,.24)}

*{box-sizing:border-box}
html{background:var(--night);color-scheme:dark}
body{min-width:0;margin:0;background:radial-gradient(900px 480px at 50% -120px,rgba(125,44,71,.3),transparent 72%),linear-gradient(180deg,#150c0d,var(--night));color:var(--ivory);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans Thai",sans-serif;overflow-x:hidden}
.membership-wrap{width:min(1120px,calc(100% - 40px));margin-inline:auto}
.membership-header{border-bottom:1px solid rgba(216,185,119,.12);background:rgba(18,11,11,.78);backdrop-filter:blur(14px)}
.membership-header-row{display:flex;min-height:78px;align-items:center;justify-content:space-between;gap:20px}
.membership-brand{display:inline-flex;align-items:center;gap:10px;color:var(--ivory);font-weight:850;text-decoration:none}
.membership-brand img{width:42px;height:42px}
.membership-brand em{color:var(--gold);font-style:normal}
.membership-tools{display:flex;align-items:center;gap:14px}
.membership-tools>a{display:inline-flex;min-height:44px;align-items:center;padding:8px 15px;border:1px solid var(--edge);border-radius:10px;color:var(--ivory);font-weight:800;text-decoration:none}
.ty-language{display:flex;align-items:center;gap:8px}
.ty-language button{min-height:40px;padding:7px 10px;border:0;border-radius:9px;background:transparent;color:var(--beige);font-weight:800}
.ty-language button.active{background:var(--burgundy);color:#fff}
.membership-intro{max-width:760px;margin:clamp(58px,8vw,96px) auto 44px;text-align:center}
.membership-kicker{margin:0 0 12px;color:var(--gold);font-size:.76rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.membership-intro h1{margin:0;font:500 clamp(2.4rem,6vw,4.8rem)/1.02 Georgia,"Noto Sans Thai",serif;letter-spacing:-.045em}
.membership-intro>p:last-child{max-width:660px;margin:22px auto 0;color:var(--beige);font-size:1.06rem}
.membership-tiers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.membership-tier{display:flex;min-width:0;min-height:520px;flex-direction:column;padding:clamp(28px,4vw,46px);border:1px solid var(--edge);border-radius:24px;background:linear-gradient(145deg,rgba(47,31,27,.98),rgba(24,16,15,.99));box-shadow:0 24px 64px rgba(0,0,0,.38)}
.membership-tier-name{margin:0;color:var(--gold);font-size:.76rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.membership-tier h2{display:flex;align-items:baseline;gap:8px;margin:18px 0 8px;font-size:clamp(2.35rem,5vw,3.8rem);line-height:1;color:var(--ivory)}
.membership-tier h2 small{color:var(--beige);font-size:.88rem;font-weight:650}
.membership-tier>p:not(.membership-tier-name){margin:12px 0 0;color:var(--beige);font-size:1rem}
.membership-tier ul{display:grid;gap:12px;margin:28px 0 34px;padding:0;list-style:none}
.membership-tier li{position:relative;padding-left:27px;color:#e7ddcf}
.membership-tier li::before{content:"✓";position:absolute;left:0;color:var(--gold);font-weight:900}
.membership-tier>a{display:inline-flex;min-height:50px;align-items:center;justify-content:center;margin-top:auto;padding:10px 18px;border:1px solid #a64a67;border-radius:11px;background:linear-gradient(180deg,#8b324f,#682238);color:#fff;font-weight:850;text-decoration:none;box-shadow:0 12px 30px rgba(66,17,33,.3)}
.membership-note{max-width:760px;margin:28px auto 0;color:var(--beige);font-size:.86rem;text-align:center}
.membership-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:54px 34px;color:#a99a89;font-size:.84rem}
.membership-footer a{color:var(--gold);font-weight:750;text-decoration:none}
html[lang="th"] .membership-intro h1{font-family:"Noto Sans Thai",Tahoma,sans-serif;line-height:1.2;letter-spacing:normal}

@media(max-width:720px){.membership-wrap{width:min(100% - 24px,560px)}
.membership-header-row{min-height:68px}
.membership-brand img{width:36px;height:36px}
.membership-tools{gap:6px}
.membership-tools>a{padding-inline:11px;font-size:.84rem}
.membership-intro{margin:46px auto 30px}
.membership-intro h1{font-size:clamp(2.2rem,12vw,3.15rem)}
.membership-intro>p:last-child{font-size:.94rem}
.membership-tiers{grid-template-columns:1fr;gap:14px}
.membership-tier{min-height:0;padding:28px 23px}
.membership-tier h2{font-size:2.65rem}
.membership-tier ul{margin-block:24px 28px}
.membership-footer{align-items:flex-start;flex-direction:column;padding-top:40px}
}

.membership-tier>button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;margin-top:auto;padding:10px 18px;border:1px solid #a64a67;border-radius:11px;background:linear-gradient(180deg,#8b324f,#682238);color:#fff;font:inherit;font-weight:850;box-shadow:0 12px 30px rgba(66,17,33,.3);cursor:pointer}
.membership-tier>button:disabled{cursor:not-allowed;opacity:.68}
.membership-tier>button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}
}

.membership-tier-featured{border-color:rgba(216,185,119,.46);background:radial-gradient(500px 260px at 100% 0,rgba(125,44,71,.3),transparent 76%),linear-gradient(145deg,#392222,#1a1011)}
.membership-tagline{color:var(--ivory)!important;font-size:1.08rem!important;font-weight:800}
.membership-body{font-size:.96rem!important}
.membership-reassurance{margin-top:auto!important;padding-top:18px;border-top:1px solid rgba(216,185,119,.16);font-size:.9rem!important}
.membership-tier-featured>button{margin-top:20px}
.membership-tier>a:focus-visible,.membership-header a:focus-visible,.membership-footer a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.membership-thailand{max-width:850px;margin:30px auto 0;padding:24px;border:1px solid var(--edge);border-radius:18px;background:rgba(25,15,14,.7);text-align:center}
.membership-thailand h2{margin:0;font-size:1.2rem}
.membership-thailand p{margin:8px 0 0;color:var(--beige)}
@media(max-width:360px){.membership-header-row{flex-wrap:wrap;padding-block:10px}.membership-tools{width:100%;justify-content:space-between}}
.membership-brand{min-height:44px}.ty-language button{min-width:44px;min-height:44px}.membership-footer a{display:inline-flex;min-height:44px;align-items:center}