:root{--primary:#032e29;--secondary:#075044;--gold:#d6b86e;--bg:#f6f1e6;--text:#173a35;--green:#032e29;--green2:#075b4f;--gold:#c9a45c;--cream:#fbf5e9;--paper:#fffdf8;--ink:#203d37;--muted:#6e7973;--line:#dfd4bf;--shadow:0 12px 34px rgba(22,30,25,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eeeae1;color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:15px;line-height:1.55}body.dark{background:#071f1c;color:#eaf0eb}body.dark .paper,body.dark .card,body.dark .filterbar{background:#102e29;color:#eaf0eb;border-color:#25443e}body.dark input,body.dark select,body.dark textarea{background:#0b2622;color:#fff;border-color:#31524a}a{text-decoration:none;color:inherit}.container{width:min(1280px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(3,46,41,.98);color:#fff;border-bottom:1px solid rgba(201,164,92,.3)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center}.brand-logo{width:46px;height:46px;object-fit:contain;border-radius:8px}.brandmark{width:46px;height:46px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:21px}.brand b,.brand small{display:block}.brand b{font:700 20px Georgia,serif;letter-spacing:1px}.brand small{font-size:11px;letter-spacing:2px;color:#ddd}.menu{display:none;background:none;border:0;color:#fff;font-size:25px}.navlinks{display:flex;align-items:center;gap:25px;font-size:15px;font-weight:500}.navlinks a{padding:30px 0;border-bottom:2px solid transparent}.navlinks a:hover,.navlinks a.active{color:#e7cf94;border-color:var(--gold)}.navbtn{background:transparent;color:#fff;border:1px solid rgba(201,164,92,.5);border-radius:7px;padding:8px 11px;cursor:pointer}.hero{background:linear-gradient(100deg,#032e29,#075044);color:#fff;min-height:510px;display:grid;grid-template-columns:52% 48%;overflow:hidden;border-radius:0 0 14px 14px;box-shadow:var(--shadow)}.hero-copy{padding:78px 55px 60px 65px;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:14px;letter-spacing:2px;color:#dbc98e}.hero h1{font:700 clamp(56px,6vw,82px)/1.02 Georgia,serif;margin:8px 0;color:#fff}.hero h2{font:600 31px Georgia,serif;color:#e2ca91;margin:15px 0}.hero p{max-width:590px;line-height:1.8;color:#e2e9e5;font-size:17px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:7px;padding:13px 19px;font-weight:700;font-size:14px;border:1px solid transparent;cursor:pointer}.primary{background:#087d6a;color:#fff}.outline{border-color:var(--gold);color:#f0dca6;background:transparent}.gold{background:var(--gold);color:#173c36}.hero-art{position:relative;background:radial-gradient(circle at 55% 60%,rgba(224,203,145,.18),transparent 35%),linear-gradient(145deg,#0a564b,#032e29)}.hero-art:before{content:"";position:absolute;inset:20px;border:1px solid rgba(201,164,92,.22);border-radius:50%}.dome{position:absolute;width:220px;height:160px;left:25%;top:80px;background:linear-gradient(100deg,#cdbb8d,#fff8e8,#c6ad73);border-radius:50% 50% 12% 12%}.dome:before{content:"✦";position:absolute;top:-45px;left:calc(50% - 8px);color:var(--gold);font-size:16px}.building{position:absolute;left:10%;right:8%;bottom:0;height:205px;background:linear-gradient(#f3e8d1,#bfa879);border-radius:28% 28% 0 0}.building:before,.building:after{content:"";position:absolute;bottom:0;width:65px;height:105px;border:5px solid #c9b381;background:#344840;border-radius:42px 42px 0 0}.building:before{left:16%}.building:after{right:16%}.minaret{position:absolute;bottom:0;width:28px;height:270px;background:linear-gradient(90deg,#b99d64,#f4e5c5,#b18f54);border-radius:12px 12px 0 0}.minaret:before{content:"";position:absolute;left:-15px;top:45px;width:58px;height:9px;background:#bd9e5e;border-radius:8px}.minaret.left{left:5%}.minaret.right{right:2%}.section{padding:38px 0}.heading{display:flex;justify-content:center;align-items:center;gap:14px;margin:5px 0}.heading:before,.heading:after{content:"";height:1px;width:70px;background:linear-gradient(90deg,transparent,var(--gold))}.heading:after{background:linear-gradient(90deg,var(--gold),transparent)}.heading h2{font:700 31px Georgia,serif;margin:0;color:var(--ink)}.darksection .heading h2{color:#f7ecd0}.sub{text-align:center;font-size:14px;color:var(--muted);margin:7px 0 20px}.darksection{background:var(--green);color:#fff;border-radius:14px;box-shadow:var(--shadow);position:relative;overflow:hidden}.darksection:after{content:"";position:absolute;inset:10px;border:1px solid rgba(201,164,92,.17);pointer-events:none}.darksection>*{position:relative;z-index:1}.cards5{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.card,.paper{background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.feature{padding:24px 17px;text-align:center;min-height:190px}.feature .ico{font-size:34px;color:#b28a48}.feature h3{font:700 20px Georgia,serif;margin:12px 0 8px}.feature p{font-size:13px;line-height:1.6;min-height:48px;color:#52645d}.feature a{font-size:13px;color:#8d682d;font-weight:700}.timeline{display:grid;grid-template-columns:repeat(5,1fr);position:relative;gap:10px}.timeline:before{content:"";position:absolute;top:16px;left:9%;right:9%;height:1px;background:#9e8450}.tl{text-align:center;position:relative}.tl i{width:34px;height:34px;border:1px solid #a7894d;background:#f8efdf;border-radius:50%;display:grid;place-items:center;margin:auto;color:#765823;font-size:9px;font-style:normal}.tl b{font:600 14px Georgia,serif;display:block;margin-top:9px}.grid3{display:grid;grid-template-columns:1.1fr 1.1fr .9fr;gap:20px}.panel{padding:26px}.panel h2{font:700 27px Georgia,serif;margin:0}.panelhead{display:flex;justify-content:space-between;align-items:center}.panelhead a{font-size:13px;color:#8c672f}.news{display:flex;gap:13px;margin:16px 0}.thumb{width:72px;height:58px;border-radius:7px;background:linear-gradient(135deg,#0a5a4e,#d6bd7e);flex:none}.news small{display:block;color:#a27b3d;font-size:11px}.news strong{display:block;font-size:14px;margin-top:4px}.photo4{display:grid;grid-template-columns:1fr 1fr;gap:7px}.photo{height:70px;border-radius:7px;background:linear-gradient(135deg,#d9c38e,#2c574e)}.p2{background:linear-gradient(135deg,#3b6258,#d7c18b)}.p3{background:linear-gradient(135deg,#9c8557,#28584f)}.p4{background:linear-gradient(135deg,#d6c291,#557266)}.book{font-size:70px;text-align:center;margin:12px}.library{padding:34px}.filterbar{display:grid;grid-template-columns:2fr 1fr 1fr .8fr;gap:8px;background:#fbf5e9;padding:10px;border-radius:10px;margin:18px 0}.filterbar input,.filterbar select,.filterbar button{height:38px;border:1px solid #ddd1bc;background:#fffdf8;border-radius:6px;padding:0 10px;font-size:11px}.resourcegrid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.resource{padding:17px 10px;min-height:125px;text-align:center;background:#fffdf8;color:#32453f;border-radius:8px;border:1px solid #e2d7c3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.resource .ico{font-size:29px;color:#b28a48}.resource b{font:600 14px Georgia,serif}.resource small{font-size:11px;color:#7b817b}.tabs{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.tabs button{border:1px solid rgba(201,164,92,.4);background:rgba(255,255,255,.05);color:#fff;border-radius:20px;padding:7px 11px;font-size:10px;cursor:pointer}.tabs button.active{background:#d1b46e;color:#173d36}.bio-tabs{display:grid;grid-template-columns:repeat(6,1fr);background:#fbf5e9;border-radius:10px 10px 0 0;padding:8px 8px 0}.bio-tabs button{border:0;background:none;padding:11px 4px;color:#44554f;cursor:pointer}.bio-tabs button span{display:block;font-size:10px;margin-top:4px}.bio-tabs button.active{background:#f3e9d7;border-radius:8px 8px 0 0;color:#a47a35}.bio-body{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:#fbf5e9;color:#31463f;padding:24px;border-radius:0 0 10px 10px}.bio-body h3{font:700 28px Georgia,serif;margin:0 0 8px}.bio-body p{font-size:12px;line-height:1.7}.gallerygrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.media{height:150px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#d7c18c,#2c5b51);position:relative}.media:after{content:"";position:absolute;inset:25% 20% 0;background:rgba(245,234,207,.5);border-radius:50% 50% 0 0}.m2{background:linear-gradient(135deg,#244e46,#d6bd7e)}.m3{background:linear-gradient(135deg,#7f6a45,#e3d0a1)}.m4{background:linear-gradient(135deg,#c0a76e,#2c564c)}.m5{background:linear-gradient(135deg,#d5c28f,#46685c)}.m6{background:linear-gradient(135deg,#355d52,#c6a764)}.m7{background:linear-gradient(135deg,#d4bd82,#5a6d5c)}.m8{background:linear-gradient(135deg,#786441,#d4be88)}.support{padding:38px 48px;background:linear-gradient(90deg,#063c35,#0a5549);color:#fff;border-radius:12px;display:flex;justify-content:space-between;align-items:center}.support h2{font:700 34px Georgia,serif;margin:0}.support p{font-size:15px;max-width:600px;color:#d9e2dc}.footer{background:#022c27;color:#fff;margin-top:24px;padding:40px 0 95px}.arabic{text-align:center;color:#d6b86e;font:600 32px serif}.footergrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr;gap:22px;border-top:1px solid rgba(201,164,92,.3);padding-top:24px;margin-top:20px}.footer h4{font:700 19px Georgia,serif;color:#e0c98e;margin:0 0 10px}.footer a,.footer p{font-size:13px;line-height:1.9;color:#c9d4ce;margin:0;display:block}.social{display:flex;gap:7px;margin-top:10px}.social a{width:28px;height:28px;border:1px solid rgba(201,164,92,.5);border-radius:50%;display:grid;place-items:center;color:#e0c98e}.bottom{position:fixed;z-index:60;bottom:0;left:50%;transform:translateX(-50%);background:#fffaf0;border:1px solid #d8ccb5;border-radius:12px 12px 0 0;box-shadow:0 -6px 25px rgba(0,0,0,.12);display:flex}.bottom button{border:0;background:none;padding:8px 15px;color:#765b30;cursor:pointer}.bottom span{display:block;font-size:8px;color:#52605a}.breadcrumbs{padding:13px 0;font-size:10px;color:#777}.pagehero{background:linear-gradient(100deg,#032e29,#075044);color:#fff;border-radius:14px;padding:58px 42px;margin-bottom:18px}.pagehero h1{font:700 56px Georgia,serif;margin:0 0 8px}.pagehero p{font-size:16px;color:#d9e2dc;max-width:700px}.contentlist{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.item{padding:18px}.item h3{font:700 25px Georgia,serif;margin:0 0 7px}.item p{font-size:14px;line-height:1.7;color:var(--muted)}.reader{max-width:850px;margin:auto;padding:28px}.search-results{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.empty{text-align:center;padding:35px;color:#718078}.modal{position:fixed;inset:0;background:rgba(0,0,0,.7);display:none;align-items:center;justify-content:center;z-index:100;padding:20px}.modal.open{display:flex}.modalbox{background:#fffaf0;border-radius:12px;max-width:900px;width:100%;max-height:90vh;overflow:auto;padding:18px}.modalbox img{max-width:100%;display:block;margin:auto}.close{float:right;border:0;background:none;font-size:25px;cursor:pointer}.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.formrow{margin-bottom:12px}.formrow label{display:block;font-size:11px;font-weight:700;margin-bottom:5px}.formrow input,.formrow textarea{width:100%;padding:11px;border:1px solid #d9d0c0;border-radius:6px}.map{min-height:280px;background:linear-gradient(135deg,#d9cfb8,#b4c0b7);border-radius:10px;display:grid;place-items:center;color:#35534a}.faq details{background:#fffdf8;border:1px solid var(--line);padding:14px;border-radius:8px;margin:8px 0}.faq summary{font-weight:700;cursor:pointer}.share{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.share button{border:1px solid var(--line);background:#fff;padding:8px 12px;border-radius:6px;cursor:pointer}
@media(max-width:950px){.cards5{grid-template-columns:repeat(3,1fr)}.grid3{grid-template-columns:1fr 1fr}.resourcegrid{grid-template-columns:repeat(4,1fr)}.footergrid{grid-template-columns:repeat(3,1fr)}.gallerygrid{grid-template-columns:repeat(2,1fr)}.contentlist,.search-results{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.nav{height:68px}.menu{display:block}.navlinks{display:none;position:absolute;left:0;right:0;top:62px;background:#032e29;padding:12px 18px;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.navlinks a{padding:10px;border:0}.navbtn{width:100%}.hero{grid-template-columns:1fr}.hero-copy{padding:48px 26px}.hero-art{height:280px}.cards5,.grid3,.contactgrid,.bio-body{grid-template-columns:1fr}.resourcegrid{grid-template-columns:repeat(2,1fr)}.filterbar{grid-template-columns:1fr}.footergrid{grid-template-columns:1fr 1fr}.footerbrand{grid-column:1/-1}.bottom{width:100%;justify-content:space-around;border-radius:0}.bottom button{padding:7px 4px}.bottom span{font-size:7px}.timeline{grid-template-columns:1fr;gap:14px}.timeline:before{top:16px;bottom:16px;left:50%;right:auto;width:1px;height:auto}.tl{display:grid;grid-template-columns:1fr 45px 1fr;align-items:center}.tl i{grid-column:2}.tl b{grid-column:3;text-align:left;padding-left:8px}.contentlist,.search-results{grid-template-columns:1fr}.pagehero h1{font-size:42px}.gallerygrid{grid-template-columns:1fr 1fr}}
@media(max-width:430px){body{font-size:14px}.hero h1{font-size:45px}.hero h2{font-size:24px}.hero p{font-size:15px}.heading h2{font-size:25px}.footergrid{grid-template-columns:1fr}.resourcegrid{grid-template-columns:1fr 1fr}.bio-tabs{grid-template-columns:repeat(2,1fr)}.gallerygrid{grid-template-columns:1fr}}