.nm-wrap{
max-width:1200px;
margin:0 auto;
padding:20px;
}

.nm-hero{
background:linear-gradient(135deg,#5a0f1d,#7b1527);
color:#fff;
border-radius:24px;
padding:30px;
margin-bottom:20px;
}

.nm-balance{
font-size:42px;
font-weight:700;
color:#d4af37;
}

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

.nm-card{
background:#fff;
border-radius:20px;
padding:20px;
box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.nm-card h2,
.nm-card h3{
margin-top:0;
}

.nm-btn{
display:inline-block;
background:#5a0f1d;
color:#fff;
text-decoration:none;
padding:12px 18px;
border-radius:10px;
font-weight:600;
}

.nm-btn-gold{
background:#d4af37;
color:#000;
}

.nm-table{
width:100%;
border-collapse:collapse;
}

.nm-table th{
background:#5a0f1d;
color:#fff;
padding:12px;
}

.nm-table td{
padding:12px;
border-bottom:1px solid #eee;
}

.nm-section{
background:#fff;
border-radius:20px;
padding:20px;
margin-top:20px;
box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.nm-menu{
text-decoration:none;
color:#333;
text-align:center;
display:block;
}

.nm-menu-icon{
font-size:30px;
margin-bottom:8px;
}

.nm-bottom-nav{
position:fixed;
bottom:0;
left:0;
right:0;
background:#5a0f1d;
display:none;
justify-content:space-around;
padding:12px;
z-index:9999;
}

.nm-bottom-nav a{
color:#fff;
text-decoration:none;
font-size:22px;
}

@media(max-width:768px){

.nm-wrap{
    padding:15px;
}

.nm-balance{
    font-size:30px;
}

.nm-bottom-nav{
    display:flex;
}

body{
    padding-bottom:70px;
}

}
body{
    background:#f6f7fb;
}