@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Cairo:wght@400;600;700;800&display=swap');
:root{--green:#063f32;--green2:#086b52;--gold:#d8b35d;--cream:#fff9ed;--ink:#193b32}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 10%,#e8e5d1,transparent 38%),#f8f5eb;color:var(--ink);font-family:Cairo,Tahoma,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}.top{background:linear-gradient(115deg,#063f32,#09634d);color:white;border-bottom:3px solid var(--gold);position:sticky;top:0;z-index:10;box-shadow:0 4px 22px #063f3230}.top-inner{max-width:1220px;margin:auto;padding:13px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:9px;font-size:29px;color:#f1d48e}.brand small{font-size:10px;color:#e4e4d3;display:block}.nav{display:flex;gap:6px;flex-wrap:wrap}.nav a{font-size:13px;padding:7px 11px;border-radius:10px}.nav a:hover{background:#ffffff20;color:#f4d98b}.menu-toggle{display:none}.container{max-width:1160px;margin:auto;padding:28px 20px 70px;min-height:78vh}.hero{position:relative;overflow:hidden;text-align:center;background:radial-gradient(circle at 50% 0,#166f58,#063f32 75%);color:white;border:2px solid var(--gold);border-radius:28px;padding:66px 25px;margin-bottom:28px;box-shadow:0 18px 35px #073b3020}.hero:before,.hero:after{content:'✦ ۞ ✦';position:absolute;font-size:80px;color:#cba7552b;top:12px}.hero:before{right:35px}.hero:after{left:35px}.hero h1{font-family:Amiri,serif;font-size:clamp(45px,7vw,82px);line-height:1.4;margin:0;color:#f1d389}.hero p{font-size:19px;color:#e6e8d8}.eyebrow{color:var(--gold);font-weight:700;letter-spacing:2px}.btn,button{background:var(--green2);color:white;border:0;border-radius:12px;padding:11px 21px;cursor:pointer;font:700 14px Cairo,Tahoma,sans-serif;transition:transform .2s,background .2s}.btn{display:inline-block}.btn:hover,button:hover{transform:translateY(-2px);background:#0c8061}.btn.gold{background:var(--gold);color:#173d30}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.card,.panel{background:#fffdf7;border:1px solid #e8d9b5;border-radius:18px;padding:23px;box-shadow:0 7px 24px #1a47320b}.card{transition:transform .25s,box-shadow .25s}.card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #1a47321a}.card h2,.panel h2{margin-top:0;color:#0a5a44}.card .symbol{font-size:37px}.card a.link{color:#087459;font-weight:700}.section-title{font-family:Amiri,serif;font-size:39px;color:#07523f;margin:5px 0 18px}.muted{color:#6d8176}.row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.row>*{min-width:0}.controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:18px 0}.controls input,.controls select{flex:1;min-width:180px}input,select,textarea{width:100%;background:white;color:#183c32;border:1px solid #d9cba9;border-radius:10px;padding:11px 12px;font:inherit}label{display:block;font-weight:700;margin:10px 0 4px}textarea{min-height:120px}.mushaf{background:#fffdf4;border:7px double #c7a757;border-radius:20px;padding:30px 18px;min-height:370px;text-align:center}.mushaf h2{font-family:Amiri,serif;color:#12533e}.verse{font-family:Amiri,'Traditional Arabic',serif;line-height:2.7;font-size:33px;color:#252b20;white-space:normal}.quran-wrap{max-width:900px;margin:auto}.audio-box{background:#e9f4ed;border-radius:16px;padding:18px}.audio-box audio{width:100%}.status{padding:10px 14px;background:#fff2cf;border-radius:10px;color:#6a5325}.pray-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pray-item{background:#eaf5ed;padding:18px;border-radius:12px;text-align:center}.pray-item strong{display:block;font-size:23px;color:#075a44}.kids{background:linear-gradient(120deg,#f2e7ff,#fff2d6)}.counter{font-size:56px;text-align:center;color:#076047;font-weight:800}footer{background:#063f32;color:#e8d29c;text-align:center;padding:25px}footer span{display:block;font-size:12px;color:#c5d7cd}.error{color:#9e2d2d}.success{color:#11653f}.badge{display:inline-block;background:#fff0c9;color:#755b25;border-radius:20px;padding:3px 12px;font-size:12px}@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{display:none;position:absolute;top:100%;right:0;left:0;background:#063f32;padding:12px;box-shadow:0 12px 20px #0002}.nav.show{display:flex}.menu-toggle{display:block}.hero{padding:40px 15px}.pray-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.grid{grid-template-columns:1fr}.hero:before,.hero:after{display:none}.container{padding:18px 12px 45px}.mushaf{padding:16px 10px}.verse{line-height:2.4}.brand{font-size:23px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}