*{box-sizing:border-box}html{font-family:Tahoma,"Noto Sans Arabic",sans-serif}body{margin:0;background:#f7f8f3;color:#1b2925;min-height:100vh}.topbar{height:78px;max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.brand{text-decoration:none;color:#1c3931;font-size:22px;font-weight:800;display:flex;align-items:center;gap:10px}.brand>b,.brand b{color:#4d9279}.top-note{color:#80908a;font-size:13px}main{max-width:1120px;margin:auto;padding:55px 24px 40px}.intro{max-width:720px;margin-bottom:52px}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border:1px solid #d5e3da;border-radius:30px;color:#357a63;background:#f0f6ef;font-size:13px;font-weight:700}.dot{width:7px;height:7px;border-radius:50%;background:#69ae79}.intro h1{font-size:clamp(42px,7vw,78px);line-height:1.35;letter-spacing:-2px;margin:20px 0 12px}.intro h1 em{font-style:normal;color:#4a9478}.intro p{font-size:17px;line-height:2.1;color:#64746e;max-width:660px;margin:0}.workspace{background:white;border:1px solid #e7ebe6;border-radius:24px;box-shadow:0 18px 50px #1f44320c;padding:38px}.panel-head,.result-top{display:flex;align-items:center;justify-content:space-between}.step{color:#4a9478;font-weight:700;font-size:12px;letter-spacing:.3px}h2{font-size:25px;margin:7px 0 0}.badge{background:#edf6ee;color:#49866b;padding:10px 14px;border-radius:10px;font-size:12px;font-weight:700}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:30px 0 26px}label{display:block;font-weight:700;font-size:14px}select,textarea{font:inherit;width:100%;border:1px solid #dde6df;border-radius:12px;background:#fbfcfa;color:#22352e;outline:none}select{margin-top:10px;height:52px;padding:0 14px}textarea{margin-top:10px;min-height:160px;resize:vertical;padding:16px;line-height:1.9}select:focus,textarea:focus{border-color:#4d9b78;box-shadow:0 0 0 3px #58a88122}textarea::placeholder{color:#a0aaa3}.form-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;color:#9aa69d;font-size:12px}button{border:0;border-radius:11px;background:#317a5b;color:#fff;padding:15px 22px;font:inherit;font-weight:700;cursor:pointer;min-width:180px}button:hover{background:#226c4d}button:disabled{opacity:.55;cursor:wait}.status{color:#995b27;font-size:14px;line-height:1.8;margin-top:14px}.status:empty{display:none}.result{border-top:1px solid #e7eee8;margin-top:26px;padding-top:27px}.result-top{display:block}.answer{white-space:pre-wrap;line-height:2.1;color:#344b40;margin-top:16px;font-size:15px}.footnote{text-align:center;color:#8a998e;padding:38px 0;font-size:13px}.footnote span{color:#65a383;font-size:23px;vertical-align:middle;margin-left:5px}footer{text-align:center;border-top:1px solid #e5eae2;color:#a1aaa1;padding:23px;font-size:12px}@media(max-width:650px){.topbar{height:68px}.top-note,.badge{display:none}main{padding-top:35px}.intro{margin-bottom:32px}.intro h1{letter-spacing:-1px}.intro p{font-size:15px}.workspace{padding:23px;border-radius:18px}.fields{grid-template-columns:1fr;gap:16px;margin:25px 0}.form-foot{align-items:stretch;flex-direction:column-reverse}button{width:100%}h2{font-size:21px}}