.profile-hero{
display:flex;
align-items:center;
gap:24px;
background:#151124;
border:1px solid rgba(56,189,248,.15);
border-radius:20px;
padding:24px;
margin-bottom:20px;
}

.profile-hero-avatar{
width:72px;
height:72px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:36px;
background:linear-gradient(135deg,#0ea5e9,#38bdf8);
}

.profile-hero-name{
font-size:30px;
font-weight:800;
}

.profile-hero-sub{
margin-top:6px;
color:#94a3b8;
}

.profile-hero-rank{
margin-top:10px;
font-size:20px;
font-weight:700;
color:#d4af37;
}

.profile-premium{
display:grid;
gap:20px;
}

.profile-premium-top,
.profile-premium-bottom{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:20px;
}

.profile-premium-card{
background:#151124;
border:1px solid rgba(56,189,248,.15);
border-radius:20px;
padding:20px;
}

.profile-premium-title{
color:#94a3b8;
font-size:14px;
margin-bottom:12px;
}

.profile-tier{
font-size:24px;
font-weight:800;
color:#d4af37;
}

.profile-premium-big{
font-size:42px;
font-weight:900;
color:white;
}

.profile-progress{
background:#151124;
border:1px solid rgba(56,189,248,.15);
border-radius:20px;
padding:20px;
}

.profile-progress-header{
display:flex;
justify-content:space-between;
margin-bottom:14px;
font-weight:700;
}

.profile-progress-track{
height:16px;
background:#0b0912;
border-radius:999px;
overflow:hidden;
}

.profile-progress-fill{
height:100%;
background:linear-gradient(90deg,#06b6d4,#38bdf8);
}

.profile-progress-label{
margin-top:12px;
color:#94a3b8;
}

.profile-wallet-box,
.profile-last-activity{
word-break:break-word;
}

@media(max-width:768px){

.profile-hero{
flex-direction:column;
text-align:center;
}

.profile-hero-name{
font-size:24px;
}

.profile-premium-big{
font-size:32px;
}

}