:root{

    --nmx-bg:#0f1117;
    --nmx-card:#171a21;
    --nmx-border:#262b36;
    --nmx-gold:#c6a85b;
    --nmx-text:#f5f5f5;
    --nmx-muted:#a9adb7;

}

#nmx-app{

    max-width:1200px;
    margin:60px auto;

}

.nmx-form{

    width:100%;

}

.nmx-form-title{

    text-align:center;
    font-size:56px;
    font-weight:700;
    margin-bottom:15px;

}

.nmx-form-subtitle{

    text-align:center;
    font-size:18px;
    margin-bottom:40px;

}

#nmx-app input{

    width:100%;
    margin-bottom:15px;

}

#nmx-submit{

    width:100%;
    padding:18px;
    font-size:18px;
    font-weight:600;
    cursor:pointer;

}

.nmx-dashboard{

    margin-top:50px;

}

.nmx-hero{

    background:#171a21;
    border:1px solid #262b36;
    border-radius:20px;
    padding:50px;
    text-align:center;
    margin-bottom:30px;
}

.nmx-hero-label{

    color:#c6a85b;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:20px;
}

.nmx-hero-number{

    font-size:120px;
    font-weight:800;
    line-height:1;
}

.nmx-hero-subtitle{

    margin-top:10px;
    color:#c6a85b;
    letter-spacing:2px;
    text-transform:uppercase;
    font-size:14px;
}

.nmx-hero-title{

    font-size:40px;
    font-weight:700;
    margin-top:15px;
}

.nmx-hero-keywords{

    margin-top:15px;
    opacity:.8;
}

.nmx-hero-summary{

    max-width:750px;
    margin:30px auto 0 auto;

    font-size:18px;
    line-height:1.8;

    color:#d7d7d7;
}

.nmx-grid{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;

}

.nmx-card{

    background:#171a21;
    border:1px solid #262b36;
    border-radius:18px;
    padding:25px;

}

.nmx-card-label{

    color:#c6a85b;
    margin-bottom:10px;
}

.nmx-card-number{

    font-size:42px;
    font-weight:700;
}

.nmx-card-title{

    font-size:24px;
    font-weight:600;
    margin-top:10px;
}

.nmx-card-keywords{

    margin-top:12px;
    opacity:.8;
}

.nmx-premium{

    margin-top:40px;
}

.nmx-premium h3{

    margin-bottom:20px;
}

.nmx-lock-card{

    background:#171a21;
    border:1px solid #262b36;
    border-radius:18px;
    padding:25px;
    margin-bottom:15px;
    position:relative;
    overflow:hidden;
}

.nmx-lock-card p{

    filter:blur(4px);
    opacity:.75;
}

.nmx-premium-btn{

    width:100%;
    padding:18px;
    font-size:18px;
    font-weight:700;
    cursor:pointer;
}