*{box-sizing:border-box}body{margin:0;font-family:Poppins,Arial,sans-serif;color:#17241f;background:#fcfbf7;line-height:1.7}a{text-decoration:none;color:inherit}.container{width:min(1140px,92%);margin:auto}.topbar{background:#082f28;color:#dcebe4;font-size:12px}.topin{display:flex;justify-content:space-between;padding:8px 0}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid #e9e5d7;backdrop-filter:blur(12px)}.navwrap{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.brandmark{width:45px;height:45px;border-radius:13px;background:#0b5a4b;color:#e6c66e;display:grid;place-items:center;font-size:24px}.brand b{display:block;font-size:19px;line-height:1;color:#102e28}.brand b span{color:#b5892d}.brand small{display:block;letter-spacing:3px;color:#87918c;font-size:8px;margin-top:5px}.nav{display:flex;gap:23px;align-items:center;font-weight:600;font-size:14px}.nav a:hover{color:#b5892d}.navbtn,.btn{background:#0b5a4b;color:white!important;padding:11px 19px;border-radius:9px;box-shadow:0 8px 20px #0b5a4b22}.menubtn{display:none;background:none;border:0;font-size:28px}.hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 78% 22%,#d6b45d55 0,transparent 28%),linear-gradient(125deg,#062f28,#0b5a4b);padding:92px 0 105px}.hero:after{content:"";position:absolute;inset:auto -5% -90px;height:180px;background:#fcfbf7;border-radius:50% 50% 0 0}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center;position:relative;z-index:2}.eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#d9b85f;font-weight:800}.hero h1{font-family:Amiri,serif;font-size:64px;line-height:1.02;margin:14px 0}.hero p{font-size:18px;color:#dfece8;max-width:650px}.buttons{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}.gold{background:#d7b35a!important;color:#18231e!important}.hero-art{min-height:390px;display:grid;place-items:center}.quran-card{width:min(390px,100%);background:#ffffff12;border:1px solid #ffffff25;border-radius:28px;padding:38px;text-align:center;box-shadow:0 30px 80px #0004;transform:rotate(1deg)}.quran-card .arabic{font-family:Amiri;font-size:52px;color:#f0d68c}.quran-card h3{font-family:Amiri;font-size:28px;margin:8px}.seal{width:90px;height:90px;border:1px solid #d7b35a;border-radius:50%;margin:25px auto 0;display:grid;place-items:center;color:#d7b35a;font-family:Amiri;font-size:20px}.section{padding:82px 0}.head{text-align:center;max-width:730px;margin:0 auto 48px}.head h2,.section h2{font-family:Amiri,serif;font-size:43px;line-height:1.1;color:#123f34;margin:8px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid #e8e4d8;border-radius:19px;padding:29px;box-shadow:0 12px 34px #173c2c08}.card:hover{box-shadow:0 18px 45px #173c2c12;transform:translateY(-3px);transition:.25s}.icon{font-size:34px}.card h3{color:#0b5a4b;margin:8px 0}.soft{background:#f1efe6}.why{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.why .item{background:white;padding:21px;border-radius:14px;border:1px solid #e7e3d8;display:flex;gap:14px}.tick{color:#b5892d;font-size:22px;font-weight:800}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{text-align:center;padding:25px;background:#fff;border-radius:16px;border:1px solid #e8e4d8}.stat b{display:block;font-size:30px;color:#0b5a4b}.band{background:#d8b55e;padding:46px 0}.bandin{display:flex;justify-content:space-between;align-items:center;gap:25px}.band h2{margin:0;font-family:Amiri;font-size:37px}.pagehero{background:#0b5a4b;color:white;text-align:center;padding:64px 0}.pagehero h1{font-family:Amiri;font-size:50px;margin:0}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.pricecard{position:relative}.popular{border:2px solid #d4ae54}.badge{position:absolute;right:17px;top:17px;background:#d4ae54;padding:5px 11px;border-radius:20px;font-size:10px;font-weight:800}.price{font-size:40px;color:#0b5a4b;font-weight:800}.price small{font-size:13px;color:#7b8781}.list{padding:0;list-style:none}.list li{margin:10px 0}.list li:before{content:"✓";font-weight:800;color:#0b5a4b;margin-right:9px}.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px}.form{background:white;border:1px solid #e8e4d8;border-radius:18px;padding:30px}.form input,.form textarea,.form select{width:100%;padding:13px;border:1px solid #d8ded9;border-radius:9px;font:inherit;margin:7px 0 15px}.form textarea{min-height:140px}.notice{padding:14px;background:#e8f5ee;color:#14563f;border-radius:9px;margin-bottom:15px}.faq details{background:white;border:1px solid #e8e4d8;border-radius:12px;padding:17px 20px;margin:12px 0}.faq summary{font-weight:700;cursor:pointer}.footgrid{display:grid;grid-template-columns:2fr 1fr 1.2fr;gap:45px;padding:60px 0;color:#dce9e4}.footer{background:#0d2f28}.footer h4{color:#e2c36e}.footer a{display:block;margin:8px 0}.whitelink{color:#dce9e4}.footerbtn{display:inline-block!important;background:#d5b35c;color:#18241f!important;padding:10px 15px;border-radius:8px}.copy{border-top:1px solid #ffffff18;color:#a9bbb4;text-align:center;padding:18px;font-size:12px}.wa{position:fixed;right:22px;bottom:22px;z-index:60;width:59px;height:59px;border-radius:50%;display:grid;place-items:center;background:#20b95b;color:#fff;font-size:30px;box-shadow:0 12px 30px #0003}.center{text-align:center}.download{display:flex;justify-content:space-between;align-items:center;gap:20px}@media(max-width:820px){.topin{display:none}.nav{display:none;position:absolute;top:78px;left:0;right:0;background:white;padding:20px;flex-direction:column;border-bottom:1px solid #ddd}.nav.open{display:flex}.menubtn{display:block}.hero-grid,.contact{grid-template-columns:1fr}.hero h1{font-size:48px}.cards,.pricing{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.why{grid-template-columns:1fr}.footgrid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.footgrid{grid-template-columns:1fr}.hero h1{font-size:41px}.section{padding:58px 0}.bandin,.download{flex-direction:column;align-items:flex-start}}
