@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#081d18;--paper:#f4f3eb;--muted:#b7c7bd;--gold:#e4c68d;--golddeep:#b9a16a;--border:#315249;--glass:#15362e;--card:#102d26;--shadow:0 18px 60px rgba(0,0,0,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--paper);font-family:'Plus Jakarta Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.skip-link{position:absolute;z-index:500;left:20px;top:-90px;padding:12px;background:var(--gold);color:#152d28}.skip-link:focus{top:12px}.wrap{width:min(1220px,calc(100% - 64px));margin-inline:auto}
.site-top{position:sticky;top:0;z-index:80;background:#091e1aee;border-bottom:1px solid rgba(222,197,138,.11);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.top-inner{min-height:88px;width:min(1310px,calc(100% - 58px));margin:auto;display:flex;align-items:center;gap:30px}.identity{display:flex;align-items:center;gap:12px;flex:none}.identity img{width:50px;height:50px;border-radius:14px;border:1px solid #98794380}.identity strong{font-size:23px;letter-spacing:-.9px;display:block}.identity small{display:block;font-size:8px;letter-spacing:1.25px;line-height:1.5;color:var(--muted);margin-top:3px;font-weight:800}.main-tabs{display:flex;margin:auto;gap:36px;font-size:13px;color:#bfc9c2;font-weight:700}.main-tabs a{transition:color .2s}.main-tabs a:hover{color:var(--gold)}.top-actions{display:flex;align-items:center;gap:10px}.top-install,.theme-toggle{color:var(--paper);display:inline-flex;gap:10px;align-items:center;justify-content:center;background:#15342d;border:1px solid #31574a;border-radius:999px;height:42px;white-space:nowrap;font-size:12px;font-weight:750}.top-install{padding:0 17px}.top-install svg,.theme-toggle svg{width:18px;height:18px}.theme-toggle{width:42px}
.hero{min-height:590px;display:grid;grid-template-columns:1.13fr .87fr;gap:32px;align-items:center;padding-top:52px;padding-bottom:68px}.hero-body{position:relative;z-index:1;padding:16px 0 18px}.eyebrow{display:flex;gap:12px;align-items:center;color:var(--gold);font-weight:800;letter-spacing:2.9px;font-size:10px}.eyebrow-rule{width:26px;height:1px;background:var(--gold)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(46px,5.2vw,77px);max-width:670px;line-height:1.13;letter-spacing:-3.5px;font-weight:800;margin:28px 0 22px}.hero h1 em,.section-head h2 em{font-style:normal;color:var(--gold)}.hero-desc{font-size:16px;line-height:1.9;max-width:540px;color:#bfcdc4}.hero-buttons{display:flex;gap:13px;flex-wrap:wrap;margin-top:32px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:53px;border-radius:13px;padding:0 23px;white-space:nowrap;font-size:13px;font-weight:800;border:1px solid transparent}.primary-button{background:var(--gold);color:#0e2b25}.primary-button:hover{background:#f1d6a1}.secondary-button{background:#15342c;color:var(--paper);border-color:#416152}.secondary-button:hover{border-color:var(--gold)}.hero-features{display:flex;align-items:center;gap:22px;margin-top:33px;color:#c6d0ca;font-weight:650;font-size:11px;flex-wrap:wrap}.small-diamond{color:var(--gold);font-size:18px;padding-right:3px}.hero-visual{position:relative;min-height:460px;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-visual:before{content:"";position:absolute;inset:22px 10px 76px;border-radius:100%;background:radial-gradient(ellipse,#2a6b53bb 0%,#102e2766 39%,transparent 70%);filter:blur(20px)}.hero-visual img{width:min(88%,420px);height:auto;border-radius:22%;object-fit:contain;z-index:1;filter:drop-shadow(0 28px 50px #0007)}.hero-visual .visual-caption{position:relative;z-index:2;font-size:24px;color:#ebdab4;font-family:Georgia,serif;margin-top:16px;direction:rtl}.hero-visual p{position:relative;z-index:2;color:#9fbaa8;text-align:center;font-size:11px;margin-top:11px}.halo{pointer-events:none;position:absolute;border:1px solid #927a4538;border-radius:100%;width:440px;height:440px}.halo-a{transform:rotate(14deg) scale(1.08)}.halo-b{transform:rotate(-15deg) scale(.88)}
.library-section{padding-top:15px;padding-bottom:72px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:28px}.section-head h2{font-size:clamp(28px,3.4vw,44px);line-height:1.2;letter-spacing:-1.9px;margin:16px 0 0}.section-head>p{max-width:310px;font-size:13px;line-height:1.8;color:var(--muted);margin:0}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.library-card{border:1px solid #36544a;background:linear-gradient(152deg,#183c32,#102923);border-radius:24px;padding:28px;min-height:420px;display:flex;flex-direction:column;box-shadow:var(--shadow);position:relative;overflow:hidden}.library-card:before{content:"";position:absolute;right:-95px;top:-84px;width:230px;height:230px;border:1px solid #ffffff0d;border-radius:50%;box-shadow:0 0 0 33px #ffffff03,0 0 0 69px #ffffff02}.hadith-card{background:linear-gradient(145deg,#183930,#102b28)}.dua-card{background:linear-gradient(145deg,#1a3b36,#122c28)}.card-header{display:flex;justify-content:space-between;align-items:start}.card-symbol{border:1px solid #d5c09255;background:#254b3e;width:54px;height:54px;border-radius:16px;display:grid;place-items:center;color:var(--gold);font-size:31px}.card-number{font-size:10px;font-weight:800;color:#aac0b2;letter-spacing:2px}.card-kicker{color:var(--gold);letter-spacing:2.2px;font-size:9px;font-weight:800;margin-top:38px}.library-card h3{font-size:29px;letter-spacing:-1.2px;margin:13px 0}.library-card p{color:#c5d2cb;font-size:12.5px;line-height:1.95;margin-bottom:26px}.card-metrics{margin-top:auto;display:flex;gap:6px;flex-wrap:wrap;padding-bottom:24px}.card-metrics span{border:1px solid #5778697a;border-radius:999px;padding:8px 10px;font-size:10px;color:#e3d2ac}.card-link{border-top:1px solid #3e6153;display:flex;justify-content:space-between;align-items:center;padding-top:21px;font-weight:800;font-size:12px;color:#fff}.card-link span{color:var(--gold);font-size:24px}.library-card:hover{border-color:#b39d68;transform:translateY(-3px);transition:transform .18s,border-color .18s}
.quick-section{padding-bottom:78px}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.quick-item{min-width:0;display:flex;align-items:center;gap:12px;border:1px solid #305247;border-radius:17px;background:#122f28;padding:18px;transition:background .2s,border-color .2s}.quick-item:hover{border-color:#c1ab76;background:#21473a}.quick-icon{background:#21483b;border-radius:12px;display:grid;place-items:center;color:var(--gold);width:45px;height:45px;flex:none}.quick-icon svg{width:22px;height:22px}.quick-item>span:nth-child(2){min-width:0;flex:1}.quick-item strong,.quick-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-item strong{font-size:12px}.quick-item small{font-size:10px;color:#b0c2b8;margin-top:6px}.quick-arr{color:var(--gold);font-size:18px}.statement{text-align:center;max-width:680px;padding-bottom:75px}.statement-rule{font-size:26px;color:var(--gold)}.statement p{font-size:clamp(22px,3vw,35px);font-weight:600;line-height:1.5;letter-spacing:-.6px;margin:18px 0}.statement span{font-size:10px;letter-spacing:1.9px;color:var(--gold)}
.footer{border-top:1px solid #304a41;background:#0a1d19;padding:30px 0}.footer-inner{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.footer-brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:19px}.footer-brand img{height:30px;width:30px;border-radius:9px}.footer-inner>span{font-size:10px;color:var(--muted)}.footer nav{display:flex;gap:20px;margin-left:auto;flex-wrap:wrap;color:#abbdb2;font-size:10px}.smallprint{font-size:10px;line-height:1.8;color:#7d9c8c;padding-top:20px}.mobile-dock{display:none}
.install-layer[hidden]{display:none}.install-layer{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:20px}.install-backdrop{position:absolute;inset:0;background:#03110dcc;backdrop-filter:blur(10px)}.install-dialog{background:#16372e;border:1px solid #57725d;color:#fff;border-radius:24px;padding:25px;position:relative;width:min(460px,100%);max-height:min(92dvh,760px);overflow-y:auto;box-shadow:0 24px 90px #000b}.install-close{position:absolute;right:17px;top:15px;width:36px;height:36px;border:1px solid #ffffff44;background:#234b40;color:#fff;border-radius:50%;font-size:23px}.install-top{display:flex;align-items:center;gap:17px;padding-right:33px}.install-top img{width:69px;height:69px;border-radius:17px}.install-top h2{font-size:23px;letter-spacing:-.9px;margin:8px 0 5px}.install-top p{font-size:12px;line-height:1.6;color:#bcd0c3;margin:0}.install-steps{position:relative;margin:25px 0 21px}.install-step{background:#0d2922;border:1px solid #3d6454;padding:14px;border-radius:15px;display:flex;gap:14px;align-items:center;margin-bottom:10px;position:relative}.install-step .step-number{height:36px;width:36px;flex:none;display:grid;place-items:center;color:#e5c689;background:#245040;border-radius:11px;font-weight:800}.install-step strong{display:block;font-size:12px}.install-step small{display:block;color:#afc5b9;font-size:11px;line-height:1.7;margin-top:3px}.install-step[data-highlight="true"]{border-color:#e2c17e;box-shadow:0 0 0 3px #e2c17e20}.gold-pointer{position:absolute;z-index:5;right:23px;top:-28px;width:32px;height:32px;pointer-events:none;animation:point-tap 2.1s ease-in-out infinite;filter:drop-shadow(0 0 8px #ebc97a)}.gold-pointer svg{width:32px;height:32px}.gold-pointer:before{content:"";position:absolute;top:-15px;left:13px;width:4px;height:20px;border-radius:10px;background:linear-gradient(transparent,#e8cc81)}@keyframes point-tap{0%,100%{transform:translate(-7px,-8px) rotate(-13deg);opacity:.7}55%{transform:translate(0px,4px) rotate(0deg);opacity:1}73%{transform:translate(0px,4px) scale(.91);opacity:1}}.install-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.install-actions .primary-button{flex:1}.install-actions .secondary-button{min-width:115px}.install-note{font-size:11px;color:#d0dfd1;line-height:1.8}.install-preview{display:flex;justify-content:center;margin:15px 0}.install-preview span{color:var(--gold);border:1px solid #c6a86688;border-radius:9px;padding:9px 14px;font-size:13px;min-width:120px;text-align:center}
html.light{color-scheme:light;--bg:#f7f5ec;--paper:#12392e;--muted:#566e62;--card:#e7eee6;--border:#d5ddd4}html.light body{background:var(--bg)}html.light .site-top{background:#f8f5eeef;border-bottom:1px solid #d5ddd2}html.light .top-install,html.light .theme-toggle{background:#e7eade;color:#16382c;border-color:#c9d3c7}html.light .hero-desc,html.light .section-head>p{color:#576e63}html.light .hero-features{color:#566a60}html.light .hero-visual p{color:#526e60}html.light .library-card,html.light .quick-item{color:#fff}html.light .library-card p{color:#c4d2cb}html.light .quick-item strong{color:#fff}html.light .quick-item small{color:#d2ded4}html.light .statement{color:#15382d}html.light .footer{background:#e9ece3}html.light .footer-inner>span,html.light .footer nav,html.light .smallprint{color:#547368}html.light .install-dialog{color:white}
@media(max-width:1050px){.wrap{width:min(100% - 38px,1220px)}.top-inner{width:calc(100% - 34px)}.main-tabs{gap:18px}.hero{grid-template-columns:1fr .8fr}.hero h1{letter-spacing:-2px}.library-grid{gap:12px}.library-card{padding:20px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){.wrap{width:calc(100% - 30px)}.top-inner{min-height:70px;gap:9px}.identity img{width:40px;height:40px}.identity strong{font-size:19px}.identity small{display:none}.main-tabs{display:none}.top-actions{margin-left:auto}.top-install{width:38px;height:38px;padding:0}.top-install span{display:none}.theme-toggle{height:38px;width:38px}.hero{display:flex;flex-direction:column;min-height:0;gap:10px;padding-top:36px;padding-bottom:41px}.hero-body{padding:0}.hero h1{font-size:clamp(39px,9vw,62px);margin:20px 0 17px;letter-spacing:-1.9px}.hero-desc{font-size:13px;line-height:1.85}.hero-buttons{margin-top:22px;gap:8px}.primary-button,.secondary-button{min-height:45px;padding:0 15px;font-size:11px;gap:10px}.hero-features{margin-top:23px;gap:9px 16px;font-size:9px}.hero-visual{min-height:260px;max-height:320px;width:100%;margin-top:0}.hero-visual img{width:min(55%,210px);border-radius:20%}.hero-visual .visual-caption{font-size:18px;margin-top:8px}.hero-visual p{font-size:9px}.halo{width:260px;height:260px}.section-head{display:block}.section-head h2{font-size:30px;margin-top:11px}.section-head>p{font-size:11px;margin-top:12px}.library-grid{grid-template-columns:1fr;gap:12px}.library-card{min-height:0;padding:21px;border-radius:19px}.card-kicker{margin-top:23px}.library-card h3{font-size:27px;margin:10px 0}.library-card p{font-size:12px;margin-bottom:13px}.card-metrics{padding-bottom:17px}.quick-grid{grid-template-columns:1fr;gap:9px}.quick-item{padding:12px 14px}.library-section{padding-bottom:49px}.quick-section{padding-bottom:34px}.statement{padding-bottom:50px}.footer{padding-bottom:115px}.footer nav{margin:0}.mobile-dock{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:95;background:#0c231dbd;backdrop-filter:blur(18px);border-top:1px solid #466455;justify-content:space-evenly;align-items:stretch;padding:9px 7px calc(10px + env(safe-area-inset-bottom,0px))}.mobile-dock a{color:#b7c5bc;flex:1;min-width:0;text-align:center;font-size:10px;font-weight:700;display:flex;flex-direction:column;gap:2px;align-items:center}.mobile-dock a[aria-current]{color:var(--gold)}.mobile-dock span{font-size:21px;line-height:1.25}.install-layer{padding:12px}.install-dialog{max-height:calc(100dvh - 24px);padding:21px 16px;border-radius:20px}.install-top img{width:58px;height:58px}.install-top h2{font-size:20px}.install-actions{flex-direction:column}.install-actions button{width:100%}html.light .mobile-dock{background:#e8ede6e8}html.light .mobile-dock a{color:#546c62}}
@media(max-width:355px){.identity strong{font-size:17px}.hero-buttons{flex-direction:column}.hero-buttons a{width:100%}.hero h1{font-size:38px}.install-step{padding:11px}.install-top p{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
@media(max-width:740px){.hero-visual{overflow:clip}}