:root{
  --accent:#d97706;--accent-ink:#fff;--ink:#0f172a;--muted:#6b7280;
  --bg:#eeeeef;--card:#fff;--stroke:#e5e7eb;--radius-xl:24px;--shadow:0 10px 30px rgba(2,6,23,.08);
}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;color:var(--ink);background:var(--bg);}
.nsfas-wrapper{max-width:900px;margin:20px auto;padding:20px}
.hero{text-align:left;margin-bottom:20px}
.hero h1{font-size:42px;margin:0 0 10px}
.hero p{font-size:18px;color:var(--muted);margin:0}
.card{r(--card);border-radius:var(--radius-xl);padding:26px;box-shadow:var(--shadow)}
.grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:25px;}
.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}
.field input,.field select{width:100%;padding:14px 12px;border-radius:8px;border:1px solid var(--stroke);background:var(--card);font-size:16px}
.btn{padding:14px 18px;border:0;border-radius:12px;font-weight:700;cursor:pointer}
.btn.primary{background:var(--accent);color:var(--accent-ink);width:100%}
.result{padding:16px;border-radius:12px;margin-top:14px;border-left:6px solid #94a3b8;background:#f9fafb}
.result.good{border-left-color:#0891b2;background:#ecfeff}
.result.bad{border-left-color:#f97316;background:#fff7ed}
footer{text-align:center;color:var(--muted);margin-top:18px;font-size:13px}
@media(max-width:780px){.grid{grid-template-columns:1fr}.hero h1{font-size:34px}}