*{box-sizing:border-box}body{margin:0;background:#f4faf8;color:#102629;font-family:'Noto Sans Arabic',Tahoma,sans-serif}main{max-width:1440px;margin:auto;padding:45px 28px}header{text-align:center;max-width:750px;margin:0 auto 45px}header img{border-radius:50%}h1{font:600 clamp(38px,5vw,64px)/1.5 'Noto Naskh Arabic',serif;margin:10px 0}p{font-size:14px;line-height:2}.options{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.options article{border:1px solid #ccdad7;border-radius:18px;overflow:hidden;background:white}.option-head{padding:25px;background:#baf4ef;min-height:245px}.option-head span{font-size:12px}.option-head h2{font:600 34px 'Noto Naskh Arabic',serif;margin:15px 0 5px}.option-head a{display:inline-block;padding:11px 18px;background:#102629;color:white;border-radius:7px;text-decoration:none;font-size:13px}.options article:nth-child(2) .option-head{background:#ffebc4}.options article:nth-child(3) .option-head{background:#102b33;color:white}.options article:nth-child(3) a{background:#00d4df;color:#102629}iframe{width:100%;height:680px;border:0;display:block}footer{text-align:center;font-size:12px;line-height:2;margin:35px 0}footer a{color:#007d83;margin:15px}@media(max-width:1000px){.options{grid-template-columns:1fr}.option-head{min-height:0}iframe{height:780px}main{padding:30px 18px}}
.design-preview{display:block;width:100%;height:auto;aspect-ratio:1265/712;object-fit:cover}