.eb-membership .mem-hero{
	position:relative; overflow:hidden; padding:120px 24px 100px; text-align:center;
	background:linear-gradient(135deg, var(--primary-deep) 0%, #10286b 55%, var(--primary-dark) 100%);
}
.mem-hero-glow{
	position:absolute; inset:0; z-index:1; pointer-events:none;
	background:
		radial-gradient(620px circle at 12% 18%, rgba(92,138,240,.38), transparent 62%),
		radial-gradient(520px circle at 88% 12%, rgba(255,217,138,.22), transparent 60%),
		radial-gradient(760px circle at 92% 95%, rgba(30,90,220,.32), transparent 65%),
		radial-gradient(420px circle at 6% 92%, rgba(255,194,75,.14), transparent 60%);
}
.mem-hero-inner{max-width:760px; margin:0 auto; position:relative; z-index:2;}
.mem-hero-inner h1{color:#fff; font-size:42px; font-weight:800; margin:0 0 14px; line-height:1.35;}
.mem-hero-inner h1 span{background:linear-gradient(90deg,#FFD98A,#FFC24B); -webkit-background-clip:text; background-clip:text; color:transparent;}
.mem-hero-inner p{color:#C7D6F5; font-size:15px; margin:0 0 26px; line-height:1.8;}
.mem-hero .hero-eyebrow{color:#BFDBFF; display:inline-block;}

.mem-fade{opacity:0; transform:translateY(16px); animation:memFadeUp .8s var(--ease) forwards;}
@keyframes memFadeUp{from{opacity:0; transform:translateY(16px);} to{opacity:1; transform:translateY(0);}}
@media (prefers-reduced-motion: reduce){
	.mem-fade{opacity:1; transform:none; animation:none;}
}

.mem-section-head{max-width:640px; margin:0 auto 34px; text-align:center;}
.mem-section-head h2{font-size:26px; font-weight:800; margin:0 0 8px;}
.mem-section-head p{color:var(--text-soft); font-size:14px; margin:0;}
.mem-section-head-start{text-align:right; margin:0 0 22px;}

.mem-tier-grid{
	display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:8px;
}
.mem-tier-card{
	position:relative; background:var(--surface); border:1.5px solid var(--border-soft); border-radius:var(--radius-lg);
	padding:32px 24px 28px; text-align:center; box-shadow:var(--shadow-sm); transition:all .3s var(--ease);
	display:flex; flex-direction:column; align-items:center; overflow:hidden;
}
.mem-tier-card::before{
	content:""; position:absolute; inset:0; opacity:0; transition:opacity .3s var(--ease);
	background:radial-gradient(120% 80% at 50% -10%, rgba(30,90,220,.08), transparent 70%);
}
.mem-tier-card:hover{box-shadow:0 26px 56px -14px rgba(10,30,70,.22); transform:translateY(-6px); border-color:var(--primary-light);}
.mem-tier-card:hover::before{opacity:1;}

.mem-tier-icon{
	width:52px; height:52px; border-radius:14px; display:flex; align-items:center; justify-content:center;
	margin-bottom:14px; background:var(--surface-2); color:var(--primary);
}
.mem-tier-icon svg{width:24px; height:24px;}

.mem-tier-badge{font-size:16px; font-weight:800; color:var(--primary-dark); margin-bottom:6px; position:relative; z-index:2;}
.mem-tier-discount{font-size:32px; font-weight:800; margin-bottom:18px; position:relative; z-index:2;}
.mem-tier-perks{list-style:none; margin:0; padding:0; text-align:right; width:100%; display:flex; flex-direction:column; gap:10px; position:relative; z-index:2;}
.mem-tier-perks li{
	font-size:12.5px; color:var(--text-soft); font-weight:600; line-height:1.7; padding-right:20px; position:relative;
}
.mem-tier-perks li::before{
	content:""; position:absolute; right:0; top:7px; width:8px; height:8px; border-radius:50%;
	background:linear-gradient(135deg,var(--primary),var(--accent));
}

.mem-tier-silver{border-top:4px solid #9CA9BD;}
.mem-tier-silver .mem-tier-icon{color:#6B7688; background:#F1F3F6;}
.mem-tier-silver .mem-tier-discount{color:#6B7688;}
.mem-tier-gold{border-top:4px solid #E0A93A; transform:scale(1.04); box-shadow:var(--shadow);}
.mem-tier-gold .mem-tier-icon{color:#B9821F; background:#FEF3DA;}
.mem-tier-gold .mem-tier-discount{color:#B9821F;}
.mem-tier-gold:hover{transform:scale(1.04) translateY(-6px);}
.mem-tier-platinum{border-top:4px solid #0A2E7A;}
.mem-tier-platinum .mem-tier-icon{color:var(--primary-dark); background:var(--info-bg,#EAF1FE);}
.mem-tier-platinum .mem-tier-discount{color:var(--primary-dark);}

.mem-tiers-note{
	margin:36px auto 0; max-width:820px; text-align:center; color:var(--text-faint); font-size:11.5px; line-height:1.9;
}

.mem-apply-section{max-width:720px;}
.mem-apply-card{
	background:var(--surface); border:1px solid var(--border-soft); border-radius:var(--radius-lg);
	box-shadow:var(--shadow); padding:36px 32px; position:relative; overflow:hidden;
}
.mem-apply-card::before{
	content:""; position:absolute; top:-60px; left:-60px; width:200px; height:200px; border-radius:50%;
	background:radial-gradient(circle, rgba(30,90,220,.08), transparent 70%); pointer-events:none;
}
.mem-apply-card .form-grid{margin:0 0 6px;}
.mem-apply-error{color:var(--danger); background:var(--danger-bg); border-radius:10px; padding:10px 14px; font-size:12.5px; font-weight:700; margin:0 0 14px;}

.mem-success-icon{
	width:64px; height:64px; border-radius:50%; background:var(--success-bg); color:var(--success);
	display:flex; align-items:center; justify-content:center; margin:0 auto 18px;
	animation:memPop .5s var(--ease);
}
@keyframes memPop{from{opacity:0; transform:scale(.7);} to{opacity:1; transform:scale(1);}}

@media (max-width:900px){
	.mem-tier-grid{grid-template-columns:1fr;}
	.mem-tier-gold{transform:none;}
	.mem-tier-gold:hover{transform:translateY(-6px);}
}
@media (max-width:640px){
	.mem-hero{padding:90px 18px 64px;}
	.mem-hero-inner h1{font-size:30px;}
	.mem-apply-card{padding:26px 18px;}
	.mem-section-head-start{text-align:center;}
}