*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#fff;color:#10151a}a{text-decoration:none;color:inherit}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;padding:14px 5%;background:#081017;color:#fff;border-bottom:1px solid #1d2a2f}.brand{display:flex;align-items:center;gap:10px;min-width:230px}.brand-mark{width:48px;height:48px;border:2px solid #eabf55;border-radius:14px;display:grid;place-items:center;color:#eabf55;font-weight:900}.brand strong{font-size:20px;line-height:.9;letter-spacing:1px}.brand strong span{color:#eabf55}.brand small{display:block;color:#aab4b9;font-size:9px;margin-top:6px}.nav{display:flex;gap:5px;align-items:center;flex:1}.nav a{padding:10px 12px;border-radius:22px;font-size:14px}.nav a:hover,.nav a.active{background:#eabf55;color:#111}.social-top{display:flex;gap:10px;font-size:12px;color:#d8dfe2}.social-top a:hover{color:#eabf55}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:26px}.hero{min-height:650px;padding:80px 7%;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;background:radial-gradient(circle at 75% 45%,#244b3a,#081017 52%,#05090c);color:#fff;overflow:hidden}.hero-content{max-width:700px}.eyebrow{text-transform:uppercase;letter-spacing:3px;color:#eabf55;font-size:12px;font-weight:700}.hero h1{font-size:clamp(48px,7vw,94px);line-height:.9;margin:10px 0 22px;letter-spacing:-4px}.hero h1 span{display:block;color:#eabf55}.hero-text{font-size:20px;line-height:1.6;color:#d8dfe2;max-width:620px}.hero-actions{display:flex;gap:12px;margin:28px 0}.btn{display:inline-block;padding:15px 23px;border-radius:30px;font-weight:700}.btn-gold{background:#eabf55;color:#101010}.btn-outline{border:1px solid #7c898f;color:#fff}.features{display:flex;gap:28px;margin-top:35px}.features div{display:flex;gap:10px;align-items:center;color:#dbe2e4;font-size:12px}.features b{color:#eabf55;font-size:25px}.hero-art{height:470px;position:relative;display:grid;place-items:center}.hero-art:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:linear-gradient(145deg,#344d43,#10171a);box-shadow:0 0 100px #152f25}.mosque{position:relative;font-size:180px;filter:grayscale(1) contrast(1.1);z-index:2}.moon{position:absolute;right:12%;top:5%;font-size:110px;color:#eabf55;z-index:3}.hero-badge{position:absolute;bottom:55px;left:8%;z-index:4;background:#081017dd;border:1px solid #eabf55;padding:14px 18px;color:#eabf55;font-weight:900;letter-spacing:2px}.section{padding:75px 7%}.section.alt{background:#f5f5f1}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-heading h2,.about h2,.contact-section h2,.quote-section h2{font-size:40px;margin:6px 0}.section-heading>a{color:#876d2e;font-weight:700}.cards{display:grid;gap:20px}.video-grid{grid-template-columns:repeat(4,1fr)}.card{border:1px solid #e2e3df;border-radius:16px;overflow:hidden;background:#fff}.thumb{height:190px;display:grid;place-items:center;font-size:42px;color:#fff;background-size:cover}.t1{background:linear-gradient(145deg,#273d35,#b38b43)}.t2{background:linear-gradient(145deg,#72582f,#171b1b)}.t3{background:linear-gradient(145deg,#9b6d2e,#16191b)}.t4{background:linear-gradient(145deg,#2d3031,#999)}.video-card h3,.video-card p,.video-card span{margin-left:17px;margin-right:17px}.video-card h3{margin-bottom:7px}.video-card p{color:#667077;font-size:14px}.video-card span{display:block;margin-bottom:17px;color:#9a7b2e;font-size:12px}.book-grid{grid-template-columns:repeat(4,1fr)}.book-card{background:#fff;border:1px solid #dedfd9;border-radius:14px;padding:18px}.book-cover{height:240px;border-radius:7px;display:grid;place-items:center;text-align:center;font-weight:900;letter-spacing:2px;padding:15px;box-shadow:inset 0 0 0 5px #ffffff22}.green{background:#183d2b;color:#e7c66b}.gold{background:#b88c3a;color:#fff}.dark{background:#171c20;color:#e9c96e}.cream{background:#d9d0bb;color:#29261f}.book-card h3{margin-bottom:5px}.book-card p{color:#777}.book-card button{border:1px solid #bbb;background:#fff;padding:10px 15px;border-radius:20px;cursor:pointer}.quote-section{padding:70px 7%;background:#0a1a14;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:40px}.quote-section h2{max-width:800px}.quote-section p:not(.eyebrow){color:#cbd4d0;line-height:1.6}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery-item{min-height:180px;border-radius:14px;display:grid;place-items:center;color:#fff;font-size:26px;font-weight:800;text-align:center;background:linear-gradient(135deg,#18251f,#b18a3e)}.g2{background:linear-gradient(135deg,#1e2224,#7f6b42)}.g3{background:linear-gradient(135deg,#344f3c,#111)}.g4{background:linear-gradient(135deg,#6e5939,#1b2321)}.g5{background:linear-gradient(135deg,#262d2d,#9a783f)}.g6{background:linear-gradient(135deg,#173d2b,#786038)}.about{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:center}.about p:not(.eyebrow){font-size:18px;line-height:1.7;color:#5d666b}.about-box{background:#f1efe7;padding:40px;border-radius:20px;font-size:22px;line-height:1.8}.contact-section{padding:70px 7%;background:#eabf55;display:flex;justify-content:space-between;gap:40px;align-items:center}.social-buttons{display:flex;flex-wrap:wrap;gap:10px}.social-buttons a{background:#10171a;color:#fff;padding:13px 18px;border-radius:25px}footer{background:#081017;color:#c7d0d3;padding:45px 7%;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-brand{display:flex;gap:10px;align-items:center}.footer-brand strong{color:#eabf55}.footer-brand small{display:block;font-size:10px;margin-top:5px}.footer-links{display:flex;gap:16px;flex-wrap:wrap;font-size:13px}.footer-links a:hover{color:#eabf55}footer p{width:100%;text-align:center;font-size:12px;color:#7f8b90}@media(max-width:1050px){.nav{gap:0}.nav a{padding:9px 7px}.social-top{display:none}.video-grid,.book-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.site-header{justify-content:space-between}.menu-toggle{display:block}.nav{display:none;position:absolute;top:76px;left:0;right:0;padding:12px 5%;background:#081017;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:14px}.hero{grid-template-columns:1fr;padding:55px 6%;min-height:auto}.hero-art{height:280px;order:-1}.hero-art:before{width:250px;height:250px}.mosque{font-size:110px}.moon{font-size:70px}.features{display:grid;grid-template-columns:1fr 1fr}.section{padding:55px 6%}.section-heading{align-items:start;gap:15px}.section-heading h2,.about h2,.contact-section h2,.quote-section h2{font-size:31px}.video-grid,.book-grid,.gallery{grid-template-columns:1fr}.quote-section,.contact-section,.about{display:block}.quote-section .btn{margin-top:20px}.contact-section .social-buttons{margin-top:25px}.brand{min-width:auto}.brand strong{font-size:16px}.brand-mark{width:40px;height:40px}.hero h1{letter-spacing:-2px}.hero-text{font-size:17px}}