@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800;900&display=swap');
:root{
--maroon:#800000;
--maroon-glow:#b30000;
--gold:#f1bb00;
--dark-bg:#050505;
--card-bg:rgba(255, 255, 255, 0.03);
--border:rgba(255, 255, 255, 0.08);
--transition:all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
body{
background-color:var(--dark-bg);
background-image:
radial-gradient(circle at 10% 20%, rgba(128, 0, 0, 0.1) 0%, transparent 40%),
radial-gradient(circle at 90% 80%, rgba(241, 187, 0, 0.05) 0%, transparent 40%);
color:#ffffff;
font-family:'Inter', sans-serif;
margin:0;
padding:0;
line-height:1.6;
overflow-x:hidden;
}
::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-track{background:var(--dark-bg);}
::-webkit-scrollbar-thumb{background:var(--maroon);border-radius:10px;}
.membership-wrapper{
max-width:1200px;
margin:0 auto;
padding:80px 20px;
}
.page-header{
text-align:center;
margin-bottom:60px;
animation:fadeInDown 0.8s ease-out;
}
.page-header h1{
font-size:clamp(32px, 6vw, 52px);
text-transform:uppercase;
font-weight:900;
letter-spacing:-2px;
margin-bottom:15px;
background:linear-gradient(135deg, #ffffff 30%, var(--gold) 100%);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}
.page-header p{
color:#888;
font-size:clamp(14px, 2vw, 18px);
max-width:600px;
margin:0 auto;
font-weight:300;
}
.pricing-grid{
display:grid;
grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
gap:30px;
margin-bottom:50px;
perspective:1000px;
}
.price-card{
background:var(--card-bg);
backdrop-filter:blur(15px);
-webkit-backdrop-filter:blur(15px);
border:1px solid var(--border);
border-radius:30px;
padding:40px;
display:flex;
flex-direction:column;
transition:var(--transition);
position:relative;
box-shadow:0 10px 30px rgba(0,0,0,0.5);
}
.price-card:hover{
transform:translateY(-15px) rotateX(2deg);
border-color:var(--maroon-glow);
background:rgba(128, 0, 0, 0.06);
box-shadow:0 30px 60px rgba(128, 0, 0, 0.2);
}
.price-card.master{
border:1px solid rgba(241, 187, 0, 0.3);
background:linear-gradient(180deg, rgba(241, 187, 0, 0.05) 0%, rgba(5, 5, 5, 0) 100%);
}
.price-card.master::after{
content:'';
position:absolute;
inset:0;
border-radius:30px;
padding:2px;
background:linear-gradient(to bottom, var(--gold), transparent);
-webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite:xor;
mask-composite:exclude;
pointer-events:none;
}
.discount-tag{
background:var(--maroon);
color:#fff;
padding:6px 16px;
border-radius:100px;
font-size:10px;
font-weight:900;
letter-spacing:1px;
margin-bottom:20px;
display:inline-block;
box-shadow:0 4px 15px rgba(128, 0, 0, 0.4);
}
.price-card h2{
font-size:22px;
color:var(--gold);
margin:0;
font-weight:800;
}
.cost{
font-size:42px;
font-weight:900;
margin:20px 0;
display:flex;
align-items:baseline;
gap:5px;
}
.cost span{font-size:14px;color:#666;font-weight:400;}
.old-price{
text-decoration:line-through;
color:#ff4d4d;
font-size:18px;
font-weight:600;
opacity:0.8;
display:block;
}
.features-list{
list-style:none;
padding:0;
margin:25px 0;
flex-grow:1;
border-top:1px solid var(--border);
padding-top:25px;
}
.features-list li{
display:flex;
align-items:center;
gap:12px;
margin-bottom:12px;
font-size:14px;
color:#bbb;
transition:0.3s;
}
.features-list li:hover{color:#fff;transform:translateX(5px);}
.features-list li svg{color:var(--gold);width:18px;flex-shrink:0;}
.cta-btn{
display:flex;
align-items:center;
justify-content:center;
gap:10px;
padding:16px;
border-radius:18px;
text-decoration:none;
font-weight:800;
font-size:13px;
text-transform:uppercase;
letter-spacing:1px;
transition:var(--transition);
}
.btn-maroon{background:var(--maroon);color:white;}
.btn-maroon:hover{background:var(--maroon-glow);box-shadow:0 15px 30px rgba(128, 0, 0, 0.3);}
.btn-gold{background:var(--gold);color:#000;}
.btn-gold:hover{transform:scale(1.05);box-shadow:0 15px 30px rgba(241, 187, 0, 0.4);}
.follow-section{
background:#0a0a0a;
padding:60px;
border-radius:40px;
text-align:center;
border:1px solid var(--border);
margin-top:40px;
}
.social-row{
display:flex;
justify-content:center;
align-items:center;
gap:20px;
margin-top:30px;
flex-wrap:wrap;
}
.soc-pill{
width:55px;
height:55px;
background:#111;
border-radius:18px;
display:flex;
align-items:center;
justify-content:center;
color:white;
transition:var(--transition);
text-decoration:none;
border:1px solid var(--border);
}
.soc-pill:hover{
border-color:var(--gold);
transform:translateY(-8px) rotate(5deg);
color:var(--gold);
background:#000;
}
.wa-footer-btn{
display:inline-flex;
align-items:center;
gap:10px;
background:#25D366;
color:#fff;
padding:14px 30px;
border-radius:50px;
text-decoration:none;
font-weight:800;
margin-top:30px;
transition:0.3s;
}
.wa-footer-btn:hover{transform:scale(1.05);box-shadow:0 10px 20px rgba(37, 211, 102, 0.3);}
@keyframes fadeInDown {
from{opacity:0;transform:translateY(-30px);}
to{opacity:1;transform:translateY(0);}
}
@media(max-width:768px){
.pricing-grid{grid-template-columns:1fr;}
.follow-section{padding:40px 20px;}
}
Artist Membership Plans
Your journey to the top starts here. Choose the distribution tier that matches your hustle.
Bronze Pulse
- 25 Music Uploads
- Fast Distribution
- Basic Artist Page
- Verified Tag
Silver Wave
- 40 Music Uploads
- Video Link Embeds
- Weekly Trending Spot
- Fanbase Insights
Gold Peak
- 60 Music Uploads
- Priority Promo
- FB Page Boosting
- Featured Artist Status
Yearly Master
- Unlimited Uploads
- Lifetime Master Badge
- Full Label Management
- Daily Site Features
- Dedicated A&R Support
Ready to Go Viral?
Follow our community or reach out for custom promo packages.






