
.nx-health{direction:rtl;max-width:920px;margin:30px auto;padding:28px;border-radius:30px;color:#f4f7fa;background:linear-gradient(145deg,rgba(22,29,34,.97),rgba(10,15,18,.99));border:1px solid rgba(255,255,255,.11);box-shadow:0 30px 90px rgba(0,0,0,.3);font-family:inherit}
.nx-health-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.nx-kicker{color:#d9aa55;font-size:10px;font-weight:900;letter-spacing:2px}.nx-health h2{margin:7px 0}.nx-health-head p,.nx-step>p{color:#96a1af}
.nx-health-ring{width:68px;height:68px;flex:0 0 68px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(217,170,85,.35);background:rgba(217,170,85,.06);color:#f1d18c;font-weight:900}
.nx-progress{height:4px;margin:22px 0 30px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}.nx-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#b98a3f,#f1d18c);transition:.35s}
.nx-step{display:none;min-height:330px}.nx-step.active{display:block;animation:nxIn .35s ease}.nx-step-no{font-size:50px;font-weight:900;color:rgba(255,255,255,.045);line-height:1}.nx-step h3{font-size:22px;margin:5px 0 7px}
.nx-options{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:22px}.nx-options label{cursor:pointer}.nx-options input{position:absolute;opacity:0}.nx-options span{display:block;padding:15px 16px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.035);transition:.22s}.nx-options span:hover{transform:translateY(-2px);border-color:rgba(217,170,85,.35)}.nx-options input:checked+span{background:rgba(217,170,85,.12);border-color:rgba(217,170,85,.6);color:#f1d18c;box-shadow:0 10px 30px rgba(217,170,85,.08)}
.nx-nav{display:flex;justify-content:space-between;gap:10px}.nx-next,.nx-back,.nx-primary,.nx-secondary{padding:12px 18px;border-radius:14px;border:0;font:inherit;font-weight:800;cursor:pointer;text-decoration:none;transition:.2s}.nx-next,.nx-primary{background:linear-gradient(135deg,#f1d18c,#d9aa55);color:#17130d}.nx-back,.nx-secondary{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);color:#fff}.nx-back:disabled{opacity:.3}.nx-next:hover,.nx-primary:hover,.nx-secondary:hover{transform:translateY(-2px)}
.nx-result{animation:nxIn .45s ease}.nx-score-wrap{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:25px;margin:22px 0}.nx-score{width:150px;height:150px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(217,170,85,.07);border:1px solid rgba(217,170,85,.35)}.nx-score strong{font-size:52px;color:#f1d18c}.nx-score span{font-size:13px;color:#8d98a6}.nx-meter{height:8px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}.nx-meter i{display:block;height:100%;background:linear-gradient(90deg,#b98a3f,#f1d18c);transition:1s}
.nx-analysis{margin:22px 0;padding:19px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.nx-analysis h3{margin-top:0}.nx-analysis p{line-height:1.9;color:#cbd2db}.nx-warning{font-size:11px;line-height:1.8;color:#8f99a7}.nx-result-actions{display:flex;gap:10px;margin-top:20px}.nx-result>small{display:block;margin-top:15px;color:#a99465}.nx-shake{animation:nxShake .35s}
@keyframes nxIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes nxShake{25%{transform:translateX(5px)}50%{transform:translateX(-5px)}75%{transform:translateX(3px)}}
@media(max-width:650px){.nx-health{padding:20px;border-radius:22px}.nx-options{grid-template-columns:1fr}.nx-step{min-height:470px}.nx-score-wrap{grid-template-columns:1fr;text-align:center}.nx-score{margin:auto}.nx-result-actions{flex-direction:column}.nx-health-head p{font-size:12px}}
