.membership-crown-button{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border:1px solid #d99b18;border-radius:999px;background:linear-gradient(135deg,#fff8d8,#f7c94b);color:#744b00;font:inherit;font-size:13px;font-weight:800;box-shadow:0 6px 18px #c58b1630;cursor:pointer}.membership-crown-button:hover{transform:translateY(-1px);box-shadow:0 9px 22px #c58b1645}.membership-crown-button svg{width:18px;height:18px;fill:#f4b821;stroke:#8b5c00}.membership-profile-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;margin-bottom:18px;padding:15px;border:1px solid #e7c15a;border-radius:16px;background:linear-gradient(135deg,#fffbeb,#fff7cc);color:#744b00}.membership-profile-card.is-active{background:linear-gradient(135deg,#211806,#4a3104);color:#ffe79a}.membership-profile-icon,.membership-hero-crown,.membership-lock-crown{display:grid;place-items:center;color:#d99b18}.membership-profile-icon svg{width:30px;height:30px;fill:#f5c542}.membership-profile-card>div:nth-child(2){display:grid;gap:3px}.membership-profile-card span{font-size:12px;opacity:.76}.membership-gold-button{border-color:#d99b18!important;background:linear-gradient(135deg,#f7c94b,#e7a91d)!important;color:#4f3300!important;font-weight:800!important}.membership-center{display:grid;gap:18px}.membership-hero{display:flex;align-items:center;gap:18px;padding:22px;border:1px solid #e7c15a;border-radius:18px;background:linear-gradient(135deg,#fffbeb,#fff1a8);color:#744b00}.membership-hero.is-active{background:linear-gradient(135deg,#211806,#573b07);color:#ffe79a}.membership-hero-crown svg{width:58px;height:58px;fill:#f5c542;stroke:#9b6600}.membership-hero span{font-size:10px;font-weight:900;letter-spacing:.18em}.membership-hero h2{margin:3px 0;font-size:22px}.membership-hero p{margin:0;font-size:13px;opacity:.8}.membership-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px}.membership-benefits article{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.membership-benefits svg{width:22px;height:22px;color:#d99b18}.membership-benefits article div{display:grid;gap:3px}.membership-benefits span{color:var(--text-secondary);font-size:11px;line-height:1.5}.membership-redeem{padding-top:4px}.membership-redeem>div{display:flex;gap:8px}.membership-redeem input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.membership-lock-state{min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;border:1px solid #e7c15a;border-radius:20px;background:radial-gradient(circle at top,#fff5bd,var(--surface) 52%)}.membership-lock-crown svg{width:68px;height:68px;fill:#f5c542;stroke:#8b5c00}.membership-lock-state>span{margin-top:12px;padding:3px 10px;border-radius:999px;background:#fff0a3;color:#744b00;font-size:11px;font-weight:900}.membership-lock-state h2{margin:12px 0 4px}.membership-lock-state p{max-width:480px;margin:0 0 20px;color:var(--text-secondary);line-height:1.7}
@media(max-width:600px){.membership-crown-button span{display:none}.membership-crown-button{padding:8px}.membership-benefits{grid-template-columns:1fr}.membership-redeem>div{align-items:stretch;flex-direction:column}.membership-profile-card{grid-template-columns:auto 1fr}.membership-profile-card button{grid-column:1/-1;width:100%}}
@media(prefers-reduced-motion:reduce){.membership-crown-button{transition:none}}