*{box-sizing:border-box}body{margin:0;font-family:'Noto Nastaliq Urdu','Jameel Noori Nastaleeq','Noto Naskh Arabic','Segoe UI',Tahoma,serif;line-height:2.4;background:#f6f8f7;color:#1d2b25}
a{color:#0b6b4b;text-decoration:none}header{background:#0b6b4b;color:#fff;padding:0 16px}
.wrap{max-width:900px;margin:auto;padding:16px}
nav{display:flex;flex-wrap:wrap;gap:4px 18px;align-items:center;max-width:900px;margin:auto}
nav a{color:#fff;font-size:15px}nav .logo{font-size:20px;font-weight:700;margin-left:auto}
h1{font-size:26px;line-height:2}h2{font-size:20px;color:#0b6b4b}
.card{background:#fff;border-radius:12px;padding:16px;margin:14px 0;box-shadow:0 1px 4px #0001}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.grid a.card{display:block;text-align:center;font-weight:700}
label{display:block;margin-top:8px;font-size:15px}
input,textarea{width:100%;padding:8px;border:1px solid #bcc9c3;border-radius:8px;font:inherit;font-size:15px;direction:ltr;text-align:right}
textarea{min-height:140px;direction:rtl}
button{margin-top:12px;background:#0b6b4b;color:#fff;border:0;border-radius:8px;padding:6px 22px;font:inherit;cursor:pointer}
#result{margin-top:12px;background:#e8f4ee;border-radius:8px;padding:8px 14px;display:none}
footer{background:#14352a;color:#cfe;text-align:center;padding:12px;margin-top:30px;font-size:14px}
footer a{color:#fff;margin:0 8px}
@media(max-width:600px){h1{font-size:21px}}

.hero{display:block;width:100%;height:auto;border-radius:12px;margin:8px 0 16px;box-shadow:0 1px 4px #0001}