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

.gas-info-card{
background:linear-gradient(135deg,#1a1530,#151124);
border:1px solid rgba(212,175,55,.35);
border-radius:18px;
padding:20px 24px;
margin-bottom:20px;
display:flex;
align-items:flex-start;
gap:18px;
box-shadow:0 0 24px rgba(212,175,55,.08);
}

.gas-info-icon{
font-size:36px;
line-height:1;
flex-shrink:0;
filter:drop-shadow(0 0 8px rgba(212,175,55,.5));
}

.gas-info-text h3{
margin:0 0 8px;
color:#d4af37;
font-size:17px;
font-weight:800;
}

.gas-info-text p{
margin:0 0 6px;
color:#e2e8f0;
font-size:14px;
line-height:1.5;
}

.gas-info-text .gas-info-note{
color:#94a3b8;
font-size:12px;
margin-bottom:0;
}

.dashboard-grid{
display:flex;
flex-direction:column;
gap:20px;
}

.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:20px;
}

button{
border:none;
border-radius:14px;
padding:12px 22px;
font-weight:700;
cursor:pointer;
color:#000;
background:linear-gradient(135deg,#00c8ff,#00e5ff);
}

button:hover{
box-shadow:0 0 20px rgba(0,229,255,.25);
}

/* ===== DASHBOARD RESTORE ===== */

.dashboard-grid{
display:flex;
flex-direction:column;
gap:30px;
}

.account-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:20px;
margin-top:20px;
}

.account-box{
background:#121827;
border:1px solid rgba(56,189,248,.15);
border-radius:20px;
padding:20px;
display:flex;
flex-direction:column;
gap:12px;
}

.account-title{
font-size:18px;
font-weight:700;
}

.account-status{
color:#86efac;
font-size:15px;
}

.profile-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:30px;
margin-top:25px;
}

.profile-stat{
display:flex;
flex-direction:column;
gap:4px;
}

.profile-label{
color:#9ca3af;
font-size:14px;
}

.profile-value{
font-size:22px;
font-weight:700;
color:white;
}

@media(max-width:768px){

.account-grid,
.profile-grid{
grid-template-columns:1fr;
}

}