:root{--ec-blue:#0F3747;--ec-dark:#06232D;--ec-gold:#E9C282;--ec-line:rgba(15,55,71,.14)}
.membership-page{padding:170px 18px 70px;background:#fff;color:#102a35}
.membership-shell{max-width:1180px;margin:0 auto}
.membership-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center;padding:42px;border-radius:28px;background:linear-gradient(135deg,var(--ec-dark),var(--ec-blue));color:#fff;box-shadow:0 24px 60px rgba(6,35,45,.18)}
.membership-eyebrow{display:inline-flex;padding:7px 12px;border:1px solid rgba(233,194,130,.35);border-radius:999px;color:var(--ec-gold);font-weight:800;font-size:13px;letter-spacing:.04em}
.membership-hero h1{margin:16px 0 14px;color:var(--ec-gold);font-size:clamp(34px,5vw,62px);line-height:1.02}
.membership-hero p{margin:0;color:rgba(255,255,255,.88);font-size:18px;line-height:1.7}
.membership-crown-art{display:flex;align-items:center;justify-content:center;min-height:260px;font-size:150px;color:var(--ec-gold);filter:drop-shadow(0 18px 24px rgba(0,0,0,.25))}
.membership-section{margin-top:34px}
.membership-section h2{margin:0 0 16px;color:var(--ec-blue);font-size:30px}
.membership-intro{font-size:17px;line-height:1.75;color:#405762}
.membership-level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.membership-level-card{position:relative;overflow:hidden;border:1px solid var(--ec-line);border-radius:22px;padding:26px;background:#fff;box-shadow:0 14px 36px rgba(15,55,71,.08)}
.membership-level-card::before{content:"";position:absolute;inset:0 0 auto;height:6px;background:currentColor}
.membership-level-card.silver{color:#8d99a2}.membership-level-card.gold{color:#c99620}.membership-level-card.platinum{color:#9caab5}
.membership-level-card h3{margin:8px 0 12px;color:#102a35;font-size:25px}
.membership-level-card .rate{font-size:42px;font-weight:900;line-height:1;color:currentColor}
.membership-level-card .threshold{margin-top:12px;color:#405762;font-weight:700}
.membership-level-card p{margin:14px 0 0;color:#60727b;line-height:1.6}
.membership-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.membership-rule{border:1px solid var(--ec-line);border-radius:18px;padding:20px;background:rgba(15,55,71,.025)}
.membership-rule strong{display:block;margin-bottom:7px;color:var(--ec-blue);font-size:17px}
.membership-rule span{color:#526872;line-height:1.6}
.membership-note{margin-top:24px;padding:22px;border-radius:18px;background:#f5f8f9;border:1px solid var(--ec-line);color:#405762;line-height:1.7}
@media(max-width:850px){.membership-hero{grid-template-columns:1fr;padding:28px}.membership-crown-art{min-height:150px;font-size:100px}.membership-level-grid{grid-template-columns:1fr}.membership-rule-grid{grid-template-columns:1fr}.membership-page{padding-top:145px}}