:root{
  --green:#1b7f4b; --green-dark:#14633a; --bg:#f4f7f5; --card:#ffffff;
  --text:#1f2d27; --muted:#5f6f67; --border:#d9e2dd; --red:#c0392b; --red-bg:#fdecea;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Devanagari",sans-serif;
  background:var(--bg);color:var(--text);line-height:1.5;font-size:16px}
a{color:var(--green)}
.topbar{display:flex;align-items:center;justify-content:space-between;
  background:var(--green);color:#fff;padding:12px 16px;position:sticky;top:0;z-index:10}
.brand{color:#fff;font-weight:700;font-size:1.2rem;text-decoration:none}
.topright{display:flex;align-items:center;gap:14px}
.langlink,.linkbtn{color:#fff;font-size:.95rem;text-decoration:none;background:none;border:0;
  padding:0;cursor:pointer;font-family:inherit}
.inline{display:inline;margin:0}
.menu{display:flex;gap:4px;overflow-x:auto;background:#fff;border-bottom:1px solid var(--border);padding:0 8px}
.menu a{padding:12px 12px;text-decoration:none;color:var(--muted);white-space:nowrap;font-size:.95rem;
  border-bottom:3px solid transparent}
.menu a.active{color:var(--green);border-bottom-color:var(--green);font-weight:600}
.container{max-width:560px;margin:0 auto;padding:16px}
.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px;margin-bottom:16px}
h1{font-size:1.5rem;margin:0 0 12px}
h2{font-size:1.2rem;margin:0 0 8px}
label{display:block;font-weight:600;margin:12px 0 4px}
input[type=text],input[type=password],input[type=tel],input[type=number],input[type=date],select{
  width:100%;padding:12px;font-size:16px;border:1px solid var(--border);border-radius:8px;background:#fff;
  font-family:inherit}
input:focus,select:focus{outline:2px solid var(--green);border-color:var(--green)}
.hint{font-size:.85rem;color:var(--muted);margin-top:2px}
.btn{display:inline-block;width:100%;padding:13px;margin-top:16px;background:var(--green);color:#fff;
  border:0;border-radius:8px;font-size:1rem;font-weight:600;text-align:center;text-decoration:none;cursor:pointer}
.btn:hover{background:var(--green-dark)}
.btn.secondary{background:#fff;color:var(--green);border:1px solid var(--green)}
.alert{background:var(--red-bg);color:var(--red);border:1px solid #f1b5ae;border-radius:8px;
  padding:10px 12px;margin-bottom:12px}
.center{text-align:center}
.muted{color:var(--muted)}
.hero{text-align:center;padding:28px 8px 12px}
.hero h1{font-size:2rem;color:var(--green);margin-bottom:6px}
.hero p{color:var(--muted);margin:0 0 16px}
.features{display:grid;gap:12px;margin-top:8px}
.feature{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px}
.feature h2{color:var(--green)}
.feature p{margin:0;color:var(--muted)}
.footer{text-align:center;color:var(--muted);font-size:.85rem;padding:20px 12px 30px}