:root{--e:#0A3D2E;--el:#145A40;--g:#C9A84C;--gl:#E2C47A;--gd:#8B6914;--c:#FBF7EE;--d:#061A12;--cd:#0F4A38;--w7:rgba(255,255,255,.7);--g2:rgba(201,168,76,.2);--g1:rgba(201,168,76,.1)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--d);color:var(--c);font-family:'Outfit',sans-serif;min-height:100vh;overflow-x:hidden}
.app-shell{display:flex;min-height:100vh}
/* SIDEBAR */
.sidebar{width:230px;min-height:100vh;background:var(--e);border-right:1px solid rgba(201,168,76,.18);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}
.sb-logo{padding:24px 20px 20px;text-align:center;border-bottom:1px solid rgba(201,168,76,.12)}
.sb-logo canvas{display:block;margin:0 auto 8px}
.sb-logo h2{font-family:'Outfit',sans-serif;color:var(--g);font-size:20px;letter-spacing:4px;font-weight:700}
.sb-logo p{color:var(--gl);font-size:12px;letter-spacing:5px}
.lang-bar{display:flex;gap:4px;margin:12px 14px 0;background:rgba(6,26,18,.5);border:1px solid rgba(201,168,76,.2);border-radius:28px;padding:4px 5px}
.lbtn{flex:1;text-align:center;padding:6px 8px;border-radius:22px;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s;color:rgba(255,255,255,.55);user-select:none}
.lbtn.on{background:var(--g);color:var(--d)}
.lbtn:not(.on):hover{color:var(--gl)}
.nav{padding:14px 8px 0;flex:1;overflow-y:auto}
.nl{font-size:11px;letter-spacing:2px;color:rgba(201,168,76,.38);padding:0 10px;margin:12px 0 5px}
.ni{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:9px;color:rgba(255,255,255,.6);cursor:pointer;transition:all .2s;margin-bottom:2px;font-size:15px;border:1px solid transparent;user-select:none;text-decoration:none}
.ni:hover{background:rgba(201,168,76,.08);color:var(--gl)}
.ni.on{background:rgba(201,168,76,.13);color:var(--g);border-color:rgba(201,168,76,.28)}
.ni .ic{font-size:15px;width:20px;text-align:center}
.sb-foot{padding:12px 14px;border-top:1px solid rgba(201,168,76,.1);text-align:center}
.date-pill{background:rgba(201,168,76,.07);border:1px solid rgba(201,168,76,.18);border-radius:18px;padding:7px 12px;color:var(--gl);font-size:13px;line-height:1.7}
/* FLOATING LANG */
.flang{position:fixed;top:12px;right:14px;z-index:9999;display:flex;align-items:center;gap:3px;background:rgba(10,61,46,.97);border:1px solid rgba(201,168,76,.42);border-radius:28px;padding:4px 5px;box-shadow:0 4px 20px rgba(0,0,0,.55)}
.flang .ic2{font-size:13px;padding:0 3px}
.flbtn{padding:5px 12px;border-radius:20px;cursor:pointer;font-size:15px;font-weight:700;transition:all .2s;color:rgba(255,255,255,.55);user-select:none;white-space:nowrap}
.flbtn.on{background:var(--g);color:var(--d);box-shadow:0 2px 8px rgba(201,168,76,.35)}
.flbtn:not(.on):hover{color:var(--gl);background:rgba(201,168,76,.1)}
/* MAIN */
.main{margin-left:230px;flex:1;overflow-y:auto;min-height:100vh}
/* HERO */
.hero{position:relative;height:580px;overflow:hidden;display:flex;align-items:center;justify-content:center}
#hcv{position:absolute;inset:0;width:100%;height:100%}
.hov{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(6,26,18,.35),rgba(6,26,18,.82) 65%,var(--d))}
.hcon{position:relative;z-index:2;text-align:center;padding:0 30px;animation:fu 1.1s ease forwards}
@keyframes fu{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.bisml{font-family:'Amiri Quran','Noto Naskh Arabic','Amiri',serif;font-size:26px;color:var(--gl);margin-bottom:14px;direction:rtl;opacity:0;animation:fu 1s .25s ease forwards}
.mname{font-family:'Outfit',sans-serif;font-size:clamp(28px,5vw,56px);font-weight:700;letter-spacing:4px;background:linear-gradient(135deg,var(--g),var(--gl),var(--g));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;animation:fu 1s .45s ease forwards;display:inline-block}
.mtag{color:var(--w7);font-size:17px;letter-spacing:2px;margin-top:7px;opacity:0;animation:fu 1s .65s ease forwards}
.cpill{display:inline-flex;align-items:center;gap:11px;margin-top:32px;background:rgba(201,168,76,.08);border:1px solid rgba(201,168,76,.33);border-radius:38px;padding:11px 22px;opacity:0;animation:fu 1s .85s ease forwards}
.clbl{color:var(--w7);font-size:15px;letter-spacing:.5px}
.ctmr{background:rgba(201,168,76,.18);border-radius:18px;padding:5px 14px;color:var(--gl);font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:2px}
/* HOME */
.hsec{padding:26px 26px 0}
.shead{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}
.shead h3{font-family:'Outfit',sans-serif;font-size:22px;color:var(--c);font-weight:700;letter-spacing:.5px}
.shead span{color:var(--gl);font-size:15px}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:11px;margin-bottom:24px}
.pm{background:var(--cd);border:.5px solid rgba(139,105,20,.25);border-radius:15px;padding:13px;transition:all .3s;animation:siu .5s ease backwards}
.pm:hover{transform:translateY(-2px);border-color:rgba(201,168,76,.4)}
.pm.cur{background:rgba(201,168,76,.12);border:1.5px solid rgba(201,168,76,.55)}
.pm-top{display:flex;align-items:center;gap:5px;margin-bottom:9px}
.nbdg{background:rgba(201,168,76,.2);border-radius:4px;padding:2px 5px;font-size:7px;font-weight:700;color:var(--g);letter-spacing:1px}
.pmar{font-size:22px;color:var(--gl);display:block;font-family:'Cairo','Noto Naskh Arabic',sans-serif;direction:rtl}
.pmn{font-size:12px;color:var(--w7);letter-spacing:1.5px;display:block;margin-top:1px;font-weight:700}
.pmt{font-size:18px;font-weight:700;color:var(--c);margin-top:5px;display:block}
.pm.cur .pmt{color:var(--g)}
.had{margin:0 26px 26px;background:linear-gradient(135deg,var(--e),rgba(20,90,64,.6));border:1px solid rgba(201,168,76,.3);border-radius:18px;padding:26px;text-align:center}
.had-q{font-size:26px;color:var(--g);margin-bottom:10px}
.had-t{font-size:19px;color:var(--c);line-height:1.9;font-style:italic}
.had-s{color:var(--gl);font-size:14px;margin-top:10px}
.fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:11px;margin-bottom:32px}
.fc{background:var(--cd);border:.5px solid rgba(139,105,20,.2);border-radius:15px;padding:18px;transition:all .3s}
.fc:hover{border-color:rgba(201,168,76,.35);transform:translateY(-2px)}
.fci{font-size:24px;margin-bottom:9px}
.fct{font-family:'Outfit',sans-serif;font-size:16px;color:var(--c);margin-bottom:4px;font-weight:700}
.fcd{font-size:14px;color:var(--w7);line-height:1.6}
.annbar{border-left:3px solid var(--g);background:rgba(201,168,76,.07);padding:9px 14px;margin:12px 26px 0;border-radius:0 8px 8px 0;font-size:15px;color:var(--w7)}
.annbar strong{color:var(--g);margin-right:5px}
/* PRAYER */
.prhdr{background:linear-gradient(135deg,var(--e),var(--d));padding:32px 26px 26px;text-align:center}
.prday{color:var(--w7);font-size:16px;letter-spacing:1.5px;font-weight:700}
.prhij{color:var(--gl);font-size:18px;margin-top:4px;font-style:italic}
.prlist{padding:16px 22px}
.prow{display:flex;align-items:center;gap:14px;background:var(--cd);border:.5px solid rgba(139,105,20,.18);border-radius:13px;padding:14px 18px;margin-bottom:9px;transition:all .3s;animation:sil .5s ease backwards}
.prow:hover{border-color:rgba(201,168,76,.33)}
.prow.cur{background:rgba(201,168,76,.1);border:1.5px solid rgba(201,168,76,.5)}
.priw{width:42px;height:42px;border-radius:50%;background:rgba(20,90,64,.5);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}
.prow.cur .priw{background:rgba(201,168,76,.18)}
.pri{flex:1}
.prnrow{display:flex;align-items:center;gap:7px}
.prn{font-family:'Outfit',sans-serif;font-size:19px;font-weight:700;color:var(--c)}
.prow.cur .prn{color:var(--g)}
.cbdg{background:rgba(201,168,76,.2);border-radius:4px;padding:2px 7px;font-size:8px;font-weight:700;color:var(--g);letter-spacing:1px}
.prar{font-size:18px;color:var(--w7);font-family:'Cairo','Noto Naskh Arabic',sans-serif;direction:rtl}
.priq{font-size:13px;color:rgba(201,168,76,.5);margin-top:1px}
.prtm{font-family:'Outfit',sans-serif;font-size:24px;font-weight:700;color:var(--c)}
.prow.cur .prtm{color:var(--g)}
.info-note{margin:4px 22px 32px;background:rgba(201,168,76,.06);border:1px solid rgba(201,168,76,.22);border-radius:11px;padding:13px 14px;display:flex;gap:9px;font-size:15px;color:var(--w7);line-height:1.7}
.jcard{margin:0 22px 4px;background:linear-gradient(135deg,var(--e),rgba(20,90,64,.5));border:1px solid rgba(201,168,76,.4);border-radius:13px;padding:16px}
.jlbl{font-family:'Outfit',sans-serif;font-size:14px;letter-spacing:2px;color:var(--g);margin-bottom:11px;font-weight:700}
.jtimes{display:flex}
.jtb{flex:1}
.jtb label{font-size:12px;color:var(--w7);letter-spacing:1px;display:block;font-family:'Outfit',sans-serif}
.jtb span{font-family:'Outfit',sans-serif;font-size:26px;font-weight:700;color:var(--c)}
.jtopic{color:var(--gl);font-size:15px;font-style:italic;margin-top:9px}
.jimam{color:var(--w7);font-size:14px;margin-top:2px}
/* QURAN */
.qhdr{background:linear-gradient(135deg,var(--e),rgba(10,61,46,.7));padding:32px 26px 22px;border-bottom:1px solid rgba(201,168,76,.18)}
.qhdr h1{font-family:'Outfit',sans-serif;font-size:34px;color:var(--g);font-weight:700;letter-spacing:1px}
.qhdr p{color:var(--w7);font-size:16px;margin-top:4px}
.cbar{display:flex;gap:7px;padding:14px 22px;background:rgba(6,26,18,.5);border-bottom:1px solid rgba(201,168,76,.1);overflow-x:auto}
.cbtn{flex-shrink:0;padding:7px 14px;border-radius:18px;border:1px solid rgba(201,168,76,.22);cursor:pointer;font-size:15px;color:var(--w7);transition:all .2s;user-select:none;display:flex;align-items:center;gap:5px}
.cbtn.on{background:var(--g1);border-color:var(--g);color:var(--g)}
.qbody{display:flex;min-height:calc(100vh - 190px)}
.slist{width:230px;flex-shrink:0;border-right:1px solid rgba(201,168,76,.1);overflow-y:auto;max-height:calc(100vh - 190px)}
.si{display:flex;align-items:center;gap:11px;padding:11px 14px;cursor:pointer;border-bottom:.5px solid rgba(255,255,255,.03);transition:background .2s;user-select:none}
.si:hover{background:rgba(201,168,76,.06)}
.si.on{background:rgba(201,168,76,.11);border-right:3px solid var(--g)}
.snum{width:30px;height:30px;border-radius:50%;background:rgba(201,168,76,.09);border:1px solid rgba(201,168,76,.18);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--g);font-weight:700;flex-shrink:0}
.si.on .snum{background:var(--g);color:var(--d)}
.sinfo{flex:1;min-width:0}
.sen{font-family:'Outfit',sans-serif;font-size:15px;color:var(--c);font-weight:700}
.sar{font-family:'Cairo','Noto Naskh Arabic',sans-serif;font-size:17px;color:var(--gl);direction:rtl;line-height:1.2}
.smet{font-size:12px;color:var(--w7);margin-top:1px}
.qrd{flex:1;padding:22px 28px;overflow-y:auto;max-height:calc(100vh - 190px)}
.qrh{text-align:center;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid rgba(201,168,76,.13)}
.qrha{font-family:'Cairo','Noto Naskh Arabic',sans-serif;font-size:32px;color:var(--g);direction:rtl;line-height:1.5}
.qrhe{font-family:'Outfit',sans-serif;font-size:17px;color:var(--c);margin-top:3px;font-weight:700}
.qrhi{font-size:12px;color:var(--w7);margin-top:3px}
.basml{text-align:center;margin-bottom:22px;font-family:'Amiri Quran','Noto Naskh Arabic',serif;font-size:26px;color:var(--gl);direction:rtl;padding:14px;background:rgba(201,168,76,.04);border-radius:11px;border:1px solid rgba(201,168,76,.09)}
.vrs{margin-bottom:18px;padding:16px 18px;background:var(--cd);border-radius:13px;border:.5px solid rgba(139,105,20,.2);transition:all .3s}
.vrs:hover{border-color:rgba(201,168,76,.33)}
.var{font-size:26px;color:var(--c);direction:rtl;line-height:2;text-align:right;margin-bottom:12px;transition:all .3s}
.cn .var{font-family:'Noto Naskh Arabic',serif}
.ca .var{font-family:'Amiri Quran','Amiri',serif;font-size:28px}
.cu .var{font-family:'Amiri Quran','Noto Naskh Arabic',serif;font-size:30px;line-height:2.2;word-spacing:4px}
.vdiv{display:flex;align-items:center;gap:9px;margin-bottom:9px}
.vnum{width:26px;height:26px;border-radius:50%;background:rgba(201,168,76,.14);border:1px solid rgba(201,168,76,.28);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--g);font-weight:700;flex-shrink:0}
.vdl{flex:1;height:.5px;background:rgba(201,168,76,.09)}
.vtr{font-size:13px;color:var(--w7);line-height:1.8}
.vtlit{font-size:11px;color:rgba(201,168,76,.55);margin-top:4px;font-style:italic}
/* EVENTS */
.evhdr{background:var(--e);padding:38px 26px 24px}
.eybrow{color:var(--gl);font-size:10px;letter-spacing:4px;font-family:'Outfit',sans-serif}
.evhdr h1{font-family:'Outfit',sans-serif;font-size:32px;color:var(--g);letter-spacing:2px;margin-top:3px;font-weight:700}
.evhdr p{color:var(--w7);font-size:13px;margin-top:3px}
.evlist{padding:16px 22px 32px}
.evc{background:var(--cd);border:.5px solid rgba(139,105,20,.18);border-radius:15px;padding:16px;margin-bottom:13px;display:flex;gap:13px;transition:all .3s;animation:siu .5s ease backwards}
.evc:hover{border-color:rgba(201,168,76,.33);transform:translateY(-1px)}
.eib{width:48px;height:48px;flex-shrink:0;background:rgba(201,168,76,.1);border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:20px}
.evb{flex:1}
.evtop{display:flex;align-items:flex-start;justify-content:space-between;gap:7px;margin-bottom:4px}
.evt{font-family:'Outfit',sans-serif;font-size:14px;font-weight:700;color:var(--c);line-height:1.3}
.evbdg{background:rgba(201,168,76,.13);color:var(--gl);font-size:8px;padding:3px 7px;border-radius:4px;white-space:nowrap;font-weight:700;letter-spacing:.5px;flex-shrink:0}
.evmeta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.evmeta span{font-size:11px;color:var(--gl);display:flex;align-items:center;gap:3px}
.evdesc{font-size:12px;color:var(--w7);line-height:1.7}
/* ABOUT */
.abhr{position:relative;height:220px;overflow:hidden}
#abcv{width:100%;height:100%;display:block}
.abhov{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 30%,var(--d) 100%)}
.abtxt{position:absolute;bottom:22px;left:26px}
.abey{color:var(--gl);font-size:10px;letter-spacing:4px}
.abtxt h1{font-family:'Outfit',sans-serif;font-size:28px;color:var(--g);margin-top:2px;font-weight:700}
.abody{padding:22px 26px 36px}
.abintro{color:var(--w7);font-size:14px;line-height:1.9;margin-bottom:26px}
.abst{font-family:'Outfit',sans-serif;font-size:17px;color:var(--c);letter-spacing:1px;margin-bottom:12px;font-weight:700}
.imc{background:var(--cd);border:1px solid rgba(201,168,76,.2);border-radius:15px;padding:18px;display:flex;gap:14px;align-items:flex-start;margin-bottom:24px}
.imav{width:68px;height:68px;border-radius:50%;background:var(--el);display:flex;align-items:center;justify-content:center;font-size:30px;flex-shrink:0}
.imn{font-family:'Outfit',sans-serif;font-size:17px;color:var(--c);font-weight:700}
.imt{color:var(--gl);font-size:12px;letter-spacing:.5px;margin:3px 0 7px}
.imb{font-size:12px;color:var(--w7);line-height:1.7}
.clist{display:grid;gap:9px}
.ci{background:var(--cd);border:.5px solid rgba(139,105,20,.18);border-radius:11px;padding:13px 14px;display:flex;align-items:center;gap:13px}
.cico{font-size:17px;color:var(--g);width:20px;text-align:center;flex-shrink:0}
.clbl{font-size:9px;color:var(--w7);letter-spacing:1px}
.cval{font-size:13px;color:var(--c);font-weight:500;margin-top:1px}
/* QIBLA */
.qblhdr{background:linear-gradient(135deg,var(--e),var(--d));padding:32px 26px 20px;text-align:center}
.qblhdr h1{font-family:'Outfit',sans-serif;font-size:28px;color:var(--g);font-weight:700}
.qblhdr p{color:var(--w7);font-size:13px;margin-top:3px}
.compass-sec{display:flex;flex-direction:column;align-items:center;padding:20px 26px 4px}
.qdeg{font-family:'Outfit',sans-serif;font-size:40px;font-weight:700;color:var(--g);margin-top:10px}
.qdlbl{font-size:12px;color:var(--w7);margin-top:2px}
.qgrid{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:16px 26px 32px}
.qstat{background:var(--cd);border:.5px solid rgba(139,105,20,.2);border-radius:13px;padding:16px;text-align:center}
.qsv{font-family:'Outfit',sans-serif;font-size:20px;font-weight:700;color:var(--g)}
.qsl{font-size:11px;color:var(--w7);margin-top:3px}
/* DONATE */
.dnhdr{background:linear-gradient(135deg,var(--e),var(--d));padding:38px 26px 26px}
.dnhdr h1{font-family:'Outfit',sans-serif;font-size:30px;color:var(--g);font-weight:700}
.dnhdr p{color:var(--w7);font-size:13px;margin-top:5px;line-height:1.7}
.dnbody{padding:22px 26px 36px}
.dnstats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}
.dst{background:var(--cd);border:.5px solid rgba(139,105,20,.18);border-radius:11px;padding:14px;text-align:center}
.dstv{font-family:'Outfit',sans-serif;font-size:19px;font-weight:700;color:var(--g)}
.dstl{font-size:10px;color:var(--w7);margin-top:2px}
.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:11px;margin-bottom:18px}
.tc{background:var(--cd);border:1.5px solid rgba(139,105,20,.2);border-radius:15px;padding:16px;text-align:center;cursor:pointer;transition:all .25s;user-select:none}
.tc:hover{border-color:rgba(201,168,76,.45);transform:translateY(-2px)}
.tc.on{background:rgba(201,168,76,.12);border-color:var(--g)}
.tci{font-size:24px;margin-bottom:5px}
.tca{font-family:'Outfit',sans-serif;font-size:22px;font-weight:700;color:var(--g)}
.tcl{font-size:11px;color:var(--w7);margin-top:2px}
.tcd{font-size:10px;color:rgba(201,168,76,.5);margin-top:4px;line-height:1.5}
.dcats{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}
.dcat{padding:6px 13px;border-radius:18px;border:1px solid rgba(201,168,76,.22);cursor:pointer;font-size:12px;color:var(--w7);transition:all .2s;user-select:none}
.dcat.on{background:rgba(201,168,76,.14);border-color:var(--g);color:var(--g)}
.caw{background:var(--cd);border:.5px solid rgba(139,105,20,.2);border-radius:13px;padding:16px;margin-bottom:16px}
.caw label{font-size:11px;color:var(--gl);display:block;margin-bottom:7px;letter-spacing:1px}
.carow{display:flex;gap:9px;align-items:center}
.cur-b{background:rgba(201,168,76,.14);border:1px solid rgba(201,168,76,.28);border-radius:7px;padding:9px 12px;font-size:14px;color:var(--g)}
.cainp{flex:1;background:#061A12;border:1px solid rgba(201,168,76,.18);border-radius:7px;padding:9px 12px;color:var(--c);font-size:15px;outline:none}
.cainp:focus{border-color:rgba(201,168,76,.5)}
.dnbtn{width:100%;padding:15px;border-radius:13px;border:none;cursor:pointer;background:linear-gradient(135deg,var(--g),var(--gd));color:#061A12;font-family:'Outfit',sans-serif;font-size:17px;font-weight:700;letter-spacing:1px;transition:all .25s}
.dnbtn:hover{opacity:.87;transform:translateY(-1px);box-shadow:0 5px 18px rgba(201,168,76,.28)}
.dnnote{text-align:center;font-size:11px;color:var(--w7);margin-top:9px}
.dnsuc{display:none;text-align:center;padding:28px;background:rgba(201,168,76,.07);border:1px solid rgba(201,168,76,.28);border-radius:14px;margin-top:14px;animation:fu .5s ease}
.dnsuc.show{display:block}
.dnsuc .dsi{font-size:44px;margin-bottom:10px}
.dnsuc h3{font-family:'Outfit',sans-serif;font-size:20px;color:var(--g);margin-bottom:7px}
.dnsuc p{color:var(--w7);font-size:13px;line-height:1.7}
/* SETTINGS */
.sthdr{background:linear-gradient(135deg,var(--e),var(--d));padding:38px 26px 26px}
.sthdr h1{font-family:'Outfit',sans-serif;font-size:28px;color:var(--g);font-weight:700}
.sthdr p{color:var(--w7);font-size:13px;margin-top:3px}
.stbody{padding:18px 26px 36px}
.stsc{margin-bottom:20px}
.sstl{font-size:10px;font-weight:700;color:rgba(201,168,76,.58);letter-spacing:2px;margin-bottom:9px}
.srow{display:flex;align-items:center;justify-content:space-between;background:var(--cd);border:.5px solid rgba(139,105,20,.18);border-radius:11px;padding:13px 14px;margin-bottom:7px;transition:border-color .2s}
.srow:hover{border-color:rgba(201,168,76,.22)}
.sl{display:flex;align-items:center;gap:11px}
.sic{font-size:17px;width:21px;text-align:center}
.sn{font-family:'Outfit',sans-serif;font-size:14px;color:var(--c)}
.ss{font-size:11px;color:var(--w7);margin-top:1px}
.tgl{position:relative;width:46px;height:25px;flex-shrink:0}
.tgl input{opacity:0;width:0;height:0;position:absolute}
.sldr{position:absolute;inset:0;background:#1a2e26;border-radius:25px;cursor:pointer;border:1px solid rgba(139,105,20,.3);transition:background .2s}
.sldr::before{content:'';position:absolute;width:19px;height:19px;left:2px;bottom:2px;background:rgba(255,255,255,.32);border-radius:50%;transition:transform .25s,background .2s}
.tgl input:checked+.sldr{background:rgba(201,168,76,.2);border-color:var(--g)}
.tgl input:checked+.sldr::before{transform:translateX(21px);background:var(--g)}
.trow{display:flex;gap:8px}
.topt{flex:1;padding:10px;border-radius:9px;text-align:center;cursor:pointer;border:1px solid rgba(139,105,20,.2);font-size:12px;color:var(--w7);transition:all .2s;user-select:none}
.topt.on{background:rgba(201,168,76,.11);border-color:var(--g);color:var(--g)}
.versl{text-align:center;color:rgba(255,255,255,.18);font-size:10px;margin-top:20px}
/* BOTTOM NAV */
.bnav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--e);border-top:1px solid rgba(201,168,76,.18);padding:6px 0;z-index:200}
.bni{display:flex;justify-content:space-around}
.bni .it{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;border-radius:10px;cursor:pointer;transition:all .2s;color:rgba(255,255,255,.55);font-size:9px;text-decoration:none}
.bni .it.on{color:var(--g);background:rgba(201,168,76,.1)}
.bni .it .bc{font-size:19px}
/* QURAN LOADING */
.q-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--gl)}
.q-spinner{width:40px;height:40px;border:3px solid rgba(201,168,76,.2);border-top-color:var(--g);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}
@keyframes spin{to{transform:rotate(360deg)}}
.q-error{padding:40px;text-align:center;color:var(--w7)}
.q-error button{margin-top:14px;padding:9px 22px;border-radius:9px;border:1px solid var(--g);background:transparent;color:var(--g);cursor:pointer;font-size:14px}
/* ANIMS */
@keyframes siu{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@keyframes sil{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}
/* RESPONSIVE */
@media(max-width:820px){
  .sidebar{display:none}.main{margin-left:0;padding-bottom:68px}.bnav{display:block}
  .hero{height:490px}.mname{font-size:26px;letter-spacing:2px}
  .pgrid{grid-template-columns:repeat(2,1fr)}
  .qbody{flex-direction:column}.slist{width:100%;max-height:210px;border-right:none;border-bottom:1px solid rgba(201,168,76,.1)}.qrd{max-height:none}
  .flang{top:9px;right:9px}
}
/* APPS PAGE */
.aphr{position:relative;height:320px;background:linear-gradient(160deg,var(--e) 0%,var(--cd) 50%,var(--d) 100%);display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid rgba(201,168,76,.15)}
.ap-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,.08) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}
.ap-hcon{position:relative;z-index:2;text-align:center;padding:0 30px;animation:fu 1s ease forwards}
.ap-eyebrow{font-size:12px;letter-spacing:4px;color:var(--g);opacity:.7;margin-bottom:10px}
.ap-title{font-family:'Outfit',sans-serif;font-size:clamp(28px,4vw,46px);font-weight:700;letter-spacing:1px;background:linear-gradient(135deg,var(--g),var(--gl),var(--g));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ap-sub{color:rgba(255,255,255,.55);font-size:16px;margin-top:8px;letter-spacing:.5px}
.ap-body{padding:36px 28px 60px;max-width:820px;margin:0 auto}
.ap-intro{margin-bottom:36px;text-align:center}
.ap-intro p{color:rgba(255,255,255,.6);font-size:16px;line-height:1.7;max-width:560px;margin:0 auto}
.ap-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px;margin-bottom:40px}
.ap-card{background:var(--cd);border:1px solid rgba(201,168,76,.18);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:16px;transition:border-color .2s}
.ap-card:hover{border-color:rgba(201,168,76,.4)}
.ap-card-icon{width:56px;height:56px;border-radius:14px;overflow:hidden;flex-shrink:0}
.ap-card-info{flex:1}
.ap-platform{font-size:12px;letter-spacing:3px;color:var(--g);font-weight:700;margin-bottom:3px}
.ap-pname{font-size:18px;font-weight:600;color:var(--c);margin-bottom:4px}
.ap-pdesc{font-size:13px;color:rgba(255,255,255,.45)}
.ap-dl-btn{display:inline-block;margin-top:4px}
.ap-badge{height:44px;width:auto;display:block;border-radius:8px}
.ap-badge-gp{height:52px;margin-top:-4px}
.ap-features{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.ap-feat{display:flex;align-items:flex-start;gap:14px;background:rgba(201,168,76,.04);border:1px solid rgba(201,168,76,.1);border-radius:12px;padding:16px}
.ap-feat-ic{font-size:22px;flex-shrink:0;margin-top:1px}
.ap-feat-t{font-size:15px;font-weight:600;color:var(--c);margin-bottom:3px}
.ap-feat-d{font-size:13px;color:rgba(255,255,255,.45);line-height:1.5}
@media(max-width:700px){
  .ap-cards{grid-template-columns:1fr}
  .ap-features{grid-template-columns:1fr}
  .ap-body{padding:24px 16px 60px}
  .aphr{height:240px}
}
/* ML FONT */
body.ml .mname,.ml .mtag,.ml .clbl,.ml .shead h3,.ml .shead span,.ml .had-t,.ml .had-s,.ml .fct,.ml .fcd,.ml .ni span:not(.ic),.ml .prday,.ml .prhij,.ml .prn,.ml .priq,.ml .prtm,.ml .jlbl,.ml .jtopic,.ml .jimam,.ml .jlbl,.ml .jtb label,.ml .evhdr h1,.ml .evhdr p,.ml .evt,.ml .evdesc,.ml .abintro,.ml .abst,.ml .imn,.ml .imt,.ml .imb,.ml .clbl,.ml .cval,.ml .abtxt h1,.ml .qhdr h1,.ml .qhdr p,.ml .cbtn span,.ml .sen,.ml .smet,.ml .qrhe,.ml .qrhi,.ml .vtr,.ml .dnhdr h1,.ml .dnhdr p,.ml .dstl,.ml .tcl,.ml .tcd,.ml .dcat,.ml .caw label,.ml .dnnote,.ml .dnsuc p,.ml .dnsuc h3,.ml .qblhdr h1,.ml .qblhdr p,.ml .qdlbl,.ml .qsl,.ml .sthdr h1,.ml .sthdr p,.ml .sstl,.ml .sn,.ml .ss,.ml .topt,.ml .versl,.ml .annbar,.ml .info-note,.ml .date-pill,.ml .nb,.ml .bni .it span:not(.bc),.ml .prday{font-family:'Noto Sans Malayalam',sans-serif!important}