@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');*{box-sizing:border-box}body{margin:0;min-height:100vh;padding:20px 12px;color:#19283b;font-family:"Tajawal",Arial,sans-serif;background:#e8e2d8}main{width:min(100%,520px);margin:auto;overflow:hidden;background:#f7f3eb;border-radius:25px;box-shadow:0 25px 60px #19283b24}header{position:relative;padding:18px 18px 58px;overflow:hidden;color:#fff;background:#183153;border-radius:0 0 0 75px}.bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:38px}.bar img{display:block;width:185px;height:auto;margin-right:-18px}.bar a{padding:8px 10px;color:#19283b;font-size:10px;font-weight:800;text-decoration:none;background:#d8aa63;border-radius:6px}header>span{color:#d8aa63;font-size:9px;font-weight:800;letter-spacing:.15em}h1{margin:7px 0 0;font-size:37px;line-height:1.2;letter-spacing:-.05em}h1 em{color:#d8aa63;font-style:normal}.intro{position:relative;margin:-30px 18px 20px;padding:18px;color:#74808b;font-size:11px;line-height:2;background:#fff;border-radius:7px 26px 7px 7px;box-shadow:7px 7px 0 #ead8ba}.list{display:grid;gap:9px;padding:0 15px 20px}.list section{display:flex;gap:13px;padding:16px;background:#fff;border:1px solid #e4ddd2;border-radius:8px}.list b{display:grid;flex:0 0 auto;width:38px;height:38px;place-items:center;color:#19283b;font-size:10px;background:#d8aa63;border-radius:50%}.list h2{margin:0 0 5px;font-size:13px}.list p{margin:0;color:#74808b;font-size:10px;line-height:1.9}footer{padding:0 18px 22px;color:#87919a;font-size:9px;text-align:center}