:root{--ink:#10303A;--teal:#1F7A74;--brass:#B8893B;--paper:#F6F8F7;--line:#D5DFDD;--err:#B3261E}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.9;font-size:17px}
a{color:var(--teal)}img{max-width:100%;height:auto;display:block}
.w{max-width:1100px;margin:auto;padding:0 20px}
header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}
.logo{font-weight:700;font-size:19px;color:var(--ink);text-decoration:none}
.logo span{color:var(--brass)}
nav a{margin-inline-start:20px;color:var(--ink);text-decoration:none;font-size:15px}
.btn{display:inline-block;background:var(--teal);color:#fff;border:2px solid var(--teal);border-radius:10px;padding:10px 24px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
.btn.alt{background:transparent;color:inherit;border-color:currentColor}
.hero{background:var(--ink);color:#fff;padding:56px 0}
.hero .w{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center}
.hero img{border-radius:18px}
h1{font-size:clamp(27px,5vw,42px);line-height:1.45;margin:0 0 14px}
h2{font-size:clamp(22px,3.4vw,30px);line-height:1.5;margin:0 0 12px}
.hero p{color:#cfe0de;max-width:52ch}.hero .btn.alt{color:#fff}
.hero .row{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
section{padding:52px 0}.alt-bg{background:#fff;border-block:1px solid var(--line)}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}
.cols h3{margin:0 0 4px;font-size:18px;border-inline-start:4px solid var(--brass);padding-inline-start:10px}
.cols p{margin:6px 0 0;font-size:16px}
ol.st{padding-inline-start:22px;max-width:70ch}ol.st li{margin-bottom:8px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--ink)}
.card div{padding:14px 18px 18px}.card h3{margin:0 0 6px;font-size:18px;line-height:1.6}.card p{margin:0;font-size:15px;color:#4b6670}
details{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 16px;margin-bottom:10px;max-width:760px}
summary{cursor:pointer;font-weight:600}
form{max-width:1000px}
fieldset{border:1px solid var(--line);background:#fff;border-radius:12px;margin:0 0 18px;padding:12px 18px 18px}
legend{font-weight:700;padding:0 8px;color:var(--teal)}
.g{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:14px 18px}
.f{min-width:0}.f.full{grid-column:1/-1}.f[hidden]{display:none}
label,.lb{display:block;font-size:15px;font-weight:600;margin-bottom:4px}label small,.h{font-weight:400;color:#5b747d}.h{display:block;font-size:13px;line-height:1.6;margin-top:3px}
input[type=text],input[type=date],select,textarea{width:100%;font:inherit;font-size:16px;padding:10px 12px;border:1px solid #9db3b0;border-radius:8px;background:#fff;color:var(--ink)}
textarea{min-height:90px}
.dr{display:grid;grid-template-columns:100px 1fr;gap:8px}
.rg{display:flex;gap:8px;flex-wrap:wrap}.pill input{position:absolute;opacity:0}
.pill span{display:inline-block;padding:8px 18px;border:1px solid #9db3b0;border-radius:99px;cursor:pointer;font-weight:500}
.pill input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink)}
.pill input:focus-visible+span,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--brass);outline-offset:2px}
.e{display:block;color:var(--err);font-size:13px;min-height:0}[aria-invalid=true]{border-color:var(--err)!important}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.acts{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
#st{font-weight:600;margin-top:12px}
.note{font-size:14px;color:#5b747d;max-width:70ch}
article{max-width:760px;margin:auto;padding:30px 20px 50px}article img{border-radius:14px;margin:16px 0}
article h2{margin-top:30px}.cta{background:var(--ink);color:#fff;border-radius:14px;padding:22px;margin-top:34px}.cta a.btn{margin-top:8px}
.meta{font-size:14px;color:#5b747d}
footer{background:var(--ink);color:#cfe0de;padding:30px 0;font-size:15px}footer a{color:#fff}
.wa{position:fixed;inset-block-end:18px;inset-inline-start:18px;background:#1c9a55;color:#fff;border-radius:99px;padding:10px 20px;font-weight:700;text-decoration:none;box-shadow:0 4px 14px #0004;z-index:6}
.rq{color:#D32F2F;font-weight:700;margin-inline-start:4px}.ib{display:flex;direction:ltr}.ib span{background:#e6eeed;border:1px solid #9db3b0;border-inline-end:0;border-radius:8px 0 0 8px;padding:10px 14px;font-weight:700}.ib input{border-radius:0 8px 8px 0}input[dir=ltr]{text-align:right}input[type=date]{-webkit-appearance:none;appearance:none;display:block;position:relative;box-sizing:border-box;width:100%;max-width:100%;min-width:0;height:calc(1.9em + 22px);margin:0;text-align:start;cursor:pointer;padding-inline:12px 42px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F7A74' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E") no-repeat left 12px center/22px 22px}
input[type=date]::-webkit-date-and-time-value{text-align:start;min-height:1.5em;margin:0}input[type=date]::-webkit-datetime-edit{padding:0;display:block}input[type=date]::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
@supports (-webkit-touch-callout:none){input[type=date].empty::before{content:'اختر التاريخ';color:#6b8189}}
.h.low{color:var(--err);font-weight:600}
.src{font-size:15px;border-top:1px solid var(--line);margin-top:28px;padding-top:12px}.src ul{margin:6px 0}
table{border-collapse:collapse;width:100%;font-size:15px;background:#fff}th,td{border:1px solid var(--line);padding:8px 12px;text-align:start}th{background:#e9f0ef}
.calc{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin:18px 0}.calc h3{margin:0 0 8px}.calc input,.calc select{margin-bottom:10px}#rs{margin:0;line-height:2}
.f.wide{grid-column:span 2}select{min-height:calc(1.9em + 22px)}.ib input{flex:1;min-width:0;letter-spacing:1px;font-variant-numeric:tabular-nums}
.agree{display:flex;gap:10px;align-items:flex-start;font-weight:500;cursor:pointer;font-size:16px}.agree input{width:24px;height:24px;flex:none;margin:4px 0 0;accent-color:var(--teal);cursor:pointer}
.logo{display:flex;flex-direction:column;line-height:1.35}.logo small{font-size:12px;font-weight:500;color:#5b747d;letter-spacing:0}.logo b{font-weight:700}
@media(max-width:760px){.hero .w{grid-template-columns:1fr}nav a.h2l{display:none}.dr{grid-template-columns:90px 1fr}.f.wide{grid-column:auto}}