.muze-members {
	--muze-members-accent: #ff3ea5;
	--muze-members-panel: rgba(22, 15, 34, .94);
	max-width: 980px;
	margin: 24px auto;
	padding: clamp(18px, 4vw, 34px);
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 24px;
	background: linear-gradient(145deg, rgba(64, 31, 84, .96), var(--muze-members-panel));
	box-shadow: 0 22px 60px rgba(0, 0, 0, .28);
	color: #fff;
	box-sizing: border-box;
}

.muze-members *, .muze-members *::before, .muze-members *::after { box-sizing: border-box; }
.muze-members__hero { display: flex; gap: 16px; align-items: center; }
.muze-members__hero img { flex: 0 0 auto; border-radius: 50%; border: 2px solid rgba(255, 255, 255, .4); object-fit: cover; }
.muze-members__hero p, .muze-members__hero h1 { margin: 0; }
.muze-members__hero p { color: #ffb7dc; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; font-size: .75rem; }
.muze-members__hero h1 { margin-top: 3px; font-size: clamp(1.6rem, 5vw, 2.35rem); line-height: 1.1; }
.muze-members__hero span { display: block; margin-top: 7px; color: rgba(255, 255, 255, .72); }
.muze-members__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 24px; }
.muze-members__grid article { min-width: 0; padding: 18px; border: 1px solid rgba(255, 255, 255, .11); border-radius: 18px; background: rgba(255, 255, 255, .055); }
.muze-members__grid span, .muze-members__grid small { display: block; color: rgba(255, 255, 255, .7); }
.muze-members__grid strong { display: block; margin: 7px 0; color: #fff; font-size: 1.05rem; }
.muze-members__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.muze-members__actions a { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; padding: 10px 16px; border-radius: 999px; background: var(--muze-members-accent); color: #fff; font-weight: 700; text-decoration: none; }
.muze-members__actions a:nth-child(n+2) { background: rgba(255, 255, 255, .1); }
.muze-members__actions a:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.muze-members--notice { max-width: 760px; }

@media (max-width: 680px) {
	.muze-members { margin: 12px; border-radius: 20px; }
	.muze-members__grid { grid-template-columns: 1fr; }
	.muze-members__actions a { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
	.muze-members *, .muze-members *::before, .muze-members *::after { scroll-behavior: auto !important; transition: none !important; }
}
.muze-members__form { display:grid; gap:15px; grid-template-columns:repeat(2,minmax(0,1fr)); padding:clamp(18px,4vw,30px); }
.muze-members__form label { display:grid; font-size:.86rem; font-weight:750; gap:7px; }
.muze-members__form input { background:#211a25; border:1px solid rgba(255,255,255,.15); border-radius:12px; color:#fff; min-height:46px; padding:10px 12px; }
.muze-members__form .muze-members__check { align-items:center; display:flex; font-weight:600; grid-column:1/-1; }
.muze-members__check input { min-height:20px; width:20px; }
.muze-members__form button { background:var(--muze-pink,#ff2d8d); border:0; border-radius:999px; color:#fff; cursor:pointer; font-weight:900; grid-column:1/-1; min-height:48px; padding:10px 20px; }
.muze-members__honeypot { height:1px; left:-9999px; overflow:hidden; position:absolute; width:1px; }
@media(max-width:620px){.muze-members__form{grid-template-columns:1fr}.muze-members__form .muze-members__check,.muze-members__form button{grid-column:auto}}
.muze-members__alert{margin:18px 0 0;border-left:4px solid #ff6b9d;border-radius:10px;background:#421d32;padding:12px}.muze-members__tiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}.muze-members__tiers article{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(255,255,255,.055);padding:16px}.muze-members__tiers ul{flex:1;padding-left:20px}.muze-members__tiers a,.muze-members__tiers button{border:0;border-radius:999px;background:var(--muze-members-accent);color:#fff;padding:11px;text-align:center;text-decoration:none;font-weight:800}.muze-members__tiers button:disabled{background:rgba(255,255,255,.1);color:rgba(255,255,255,.7)}.muze-members--membership>.muze-members{margin:24px 0 0}@media(max-width:840px){.muze-members__tiers{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.muze-members__tiers{grid-template-columns:1fr}}
