.profileHero{
  padding:22px;
  border-radius:26px;
  background:linear-gradient(135deg,rgba(24,28,38,.95),rgba(9,12,19,.95));
  border:1px solid rgba(255,255,255,.09);
  margin-bottom:18px;
  display:flex;
  align-items:center;
  gap:16px;
}

.profileAvatar{
  width:64px;
  height:64px;
  border-radius:22px;
  background:rgba(255,215,90,.12);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:30px;
  color:#ffd75a;
}

.profileHero b{
  color:#ffd75a;
  font-size:22px;
}

.profileHero span{
  display:block;
  opacity:.65;
  margin-top:6px;
  font-size:13px;
}

.profileGrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin:18px 0;
}

.profileCard{
  padding:18px;
  border-radius:22px;
  background:rgba(18,22,32,.84);
  border:1px solid rgba(255,255,255,.08);
}

.profileCard span{
  display:block;
  opacity:.65;
  font-size:13px;
  margin-bottom:8px;
}

.profileCard b{
  color:#ffd75a;
  font-size:22px;
}

.profileSection{
  padding:18px;
  border-radius:24px;
  background:rgba(18,22,32,.78);
  border:1px solid rgba(255,255,255,.08);
  margin:18px 0;
}

.profileSection h3{
  margin:0 0 14px;
  color:#ffd75a;
}

@media(max-width:520px){
  .profileGrid{
    grid-template-columns:1fr;
  }
}