:root{color:#071329;background:#f4f7fb;font-family:Noto Sans Arabic,Tahoma,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}main{width:min(1180px,100% - 32px);margin:32px auto}header{color:#fff;background:#071329;border-radius:28px;padding:40px}header span{color:#70e1c1;font-weight:700}h1{margin:12px 0 4px;font-size:clamp(2rem,5vw,4rem)}header p{color:#c9d5e8}section{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:20px;display:grid}article{background:#fff;border:1px solid #d7e0ec;border-radius:20px;min-height:170px;padding:22px}article h2{margin:30px 0 8px}article p{color:#52637b}.status{float:left;color:#075f49;background:#d9f8ec;border-radius:999px;padding:6px 10px;font-size:.8rem;font-weight:700}