@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap');
*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#202532;font-family:Cairo,Arial,sans-serif;direction:rtl}.hero{background:#172338;color:white;text-align:center;padding:48px 16px 42px}.hero h1{margin:0;font-size:34px}.hero p{margin:8px 0 0;color:#d3dbe7}.wrap{max-width:760px;margin:32px auto;padding:0 18px}.card{background:white;border-radius:18px;padding:28px;box-shadow:0 8px 28px #1b27310d;margin-bottom:20px}label{display:block;margin:12px 0 7px;font-weight:700}input,select,textarea{width:100%;font:inherit;padding:13px;border:1px solid #d7dce2;border-radius:10px;background:#fff}textarea{min-height:190px;resize:vertical}button,.btn{font:inherit;display:inline-block;background:#172338;color:white;border:0;border-radius:10px;padding:12px 25px;cursor:pointer;text-decoration:none;margin-top:15px}.muted{color:#687080;font-size:14px}.ok{background:#e9f7ed;color:#176333;padding:14px;border-radius:10px}.err{background:#fff0ee;color:#a32821;padding:14px;border-radius:10px}.msg{border-bottom:1px solid #e6e8ec;padding:18px 0;white-space:pre-wrap;overflow-wrap:anywhere}.meta{font-size:13px;color:#687080}.nav{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.nav a{color:#172338}.count{font-size:14px;color:#687080}