@font-face{font-family:Amiri Quran;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/amiri-quran-arabic.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Fustat;font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/fustat-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fustat;font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/fustat-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Marcellus;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/marcellus-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Marcellus;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/marcellus-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--cream:#f5f0e5;--parchment:#ece3d0;--ink:#241f18;--muted:#6e6653;--muted-2:#8d8574;--green:#1f6b4f;--green-deep:#17503c;--teal:#4fd8db;--teal-deep:#1b6a72;--gold:#d9a94c;--gold-soft:#efd9a0;--gold-line:#d9bc6c;--red:#b23b2e;--night:#05141a;--night-2:#0a2831;--night-3:#0f3b44;--line:#d9bc6c29;--shadow:0 30px 80px #05141a73;--sky-night-a:#05141a;--sky-night-b:#0a2831;--sky-predawn-a:#0c1a33;--sky-predawn-b:#1a2a4a;--sky-fajr-a:#16233f;--sky-fajr-b:#3a3550;--sky-fajr-line:#d9a94c;--sky-duha:#f5f0e5;--ink-on-night:#f5f0e5c7;--ink-on-night-2:#f5f0e599;--kicker-on-night:#efd9a0;--tartil:#4fd8db;--wamdah:#efd9a0;--mizan:#8fd6b3;--skip:#e59a8c;--plate:#ece3d0f5;--line-strong:#d9bc6c57;--t-hero:clamp(44px, 6.4vw, 76px);--lh-hero:1.02;--t-giant:clamp(64px, 15vw, 208px);--lh-giant:.9;--t-h2:clamp(30px, 4.2vw, 50px);--lh-h2:1.08;--t-h3:clamp(20px, 2.2vw, 26px);--lh-h3:1.2;--t-lead:clamp(18px, 1.6vw, 21px);--lh-lead:1.5;--t-body:17px;--lh-body:1.6;--t-small:14px;--lh-small:1.5;--t-meta:12px;--lh-meta:1.4;--tr-meta:.12em;--t-ayah:clamp(44px, 6vw, 64px);--lh-ayah:1.9;--t-mushaf:clamp(28px, 3.6vw, 42px);--lh-mushaf:2.1;--t-ar-inline:1.35em;--step--1:13.6px;--step-0:17px;--step-1:21px;--step-2:27px;--step-3:33px;--step-4:42px;--step-5:52px;--step-6:65px;--font-display:"Marcellus", Georgia, serif;--font-body:"Fustat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-quran:"Amiri Quran", "Amiri", serif;--ease:cubic-bezier(.16, .84, .24, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.76, 0, .24, 1);--ease-press:cubic-bezier(.2, 0, 0, 1);--d-fast:.16s;--d-base:.32s;--d-slow:.64s;--d-sky:.9s;--stagger-word:40ms;--stagger-item:60ms;--glow:0 0 24px 0 #d9a94c73;--focus-ring:0 0 0 2px var(--night), 0 0 0 4px var(--gold-line);--focus-ring-light:0 0 0 2px var(--cream), 0 0 0 4px var(--green);--tap-min:44px;--radius-panel:12px;--gutter:32px}*,:before,:after{box-sizing:border-box}html{background:var(--night);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;color:var(--cream);font-family:var(--font-body);font-size:var(--t-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:0 0;margin:0}button,input,select,textarea{font:inherit;color:inherit}button{border:0}a{color:inherit}img,svg{max-width:100%}h1,h2,h3,h4{text-wrap:balance}p{text-wrap:pretty}[lang|=ar]{font-family:var(--font-quran);letter-spacing:0;word-spacing:normal;font-kerning:normal}.page{min-height:100vh;position:relative;overflow-x:clip}.shell{width:min(1240px, calc(100% - var(--gutter) * 2));margin-inline:auto}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:200;min-height:var(--tap-min);font:500 14px/1 var(--font-body);color:var(--night);background:var(--gold-soft);transition:transform var(--d-fast) var(--ease);border-radius:2px;align-items:center;padding:12px 18px;display:inline-flex;position:absolute;top:8px;left:8px;transform:translateY(-200%)}.skip-link:focus-visible{transform:translateY(0)}:focus-visible{outline:2px solid var(--gold-line);outline-offset:3px;border-radius:3px}section[data-sky=duha] :focus-visible,.plate :focus-visible{outline-color:var(--green)}.btn{white-space:nowrap;cursor:pointer;min-height:48px;transition:transform var(--d-fast) var(--ease-press);border-radius:14px;justify-content:center;align-items:center;gap:9px;padding:13px 22px;font-size:15px;font-weight:800;line-height:1.2;text-decoration:none;display:inline-flex;position:relative}.btn:hover{transform:translateY(-2px)}.btn:active{transform:scale(.97)}.btn--gold{background:linear-gradient(120deg, var(--gold-soft), var(--gold));color:var(--night);box-shadow:0 10px 30px #d9a94c38}.btn--gold:before{content:"";border-radius:inherit;box-shadow:var(--glow);opacity:0;pointer-events:none;transition:opacity var(--d-base) var(--ease-out);position:absolute;inset:0}.btn--gold:hover:before,.btn--gold:focus-visible:before{opacity:1}.btn--ghost{border:1px solid var(--line-strong);color:var(--gold-soft);background:#ffffff0f}.btn:disabled{cursor:default}.kicker{font-size:var(--t-meta);line-height:var(--lh-meta);letter-spacing:var(--tr-meta);text-transform:uppercase;color:var(--kicker-on-night);margin:0;font-weight:700}.title{max-width:22ch;font-family:var(--font-display);font-size:var(--t-h2);line-height:var(--lh-h2);letter-spacing:0;color:var(--cream);margin:12px 0 0;font-weight:400}.lead{max-width:60ch;font-size:var(--t-lead);line-height:var(--lh-lead);color:var(--ink-on-night);margin:18px 0 0}section[data-sky=duha]{color:var(--ink)}section[data-sky=duha] .kicker{color:var(--green-deep)}section[data-sky=duha] .title{color:var(--ink)}section[data-sky=duha] .lead{color:var(--muted)}.title-gold{background:linear-gradient(100deg, var(--gold) 10%, #f2e3b3 45%, var(--gold) 85%);-webkit-text-fill-color:transparent;color:var(--gold);-webkit-background-clip:text;background-clip:text}.hairline{background:var(--line);border:0;height:1px;margin:0}.plate{isolation:isolate;border-radius:var(--radius-panel);background:var(--plate);color:var(--ink);position:relative}.plate:after{content:"";z-index:-1;border-radius:inherit;opacity:.06;pointer-events:none;background:url(/assets/tex/grain-128.png) 0 0/128px 128px;position:absolute;inset:0}.chip{border:1px solid var(--line-strong);min-height:28px;font-size:var(--t-meta);line-height:var(--lh-meta);letter-spacing:var(--tr-meta);text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-weight:700;display:inline-flex}.chip[data-plan=free]{color:var(--teal);border-color:#4fd8db57}.chip[data-plan=premium]{color:var(--gold-soft)}section[data-sky=duha] .chip[data-plan=free],.plate .chip[data-plan=free]{color:var(--green-deep);border-color:#1f6b4f57}.dfn{font-size:var(--t-small);line-height:var(--lh-small);color:var(--ink-on-night);margin:0}.dfn dfn{color:var(--cream);font-style:normal;font-weight:700}section[data-sky=duha] .dfn,.plate .dfn{color:var(--muted)}section[data-sky=duha] .dfn dfn,.plate .dfn dfn{color:var(--ink)}.ar-inline{font-family:var(--font-quran);font-size:var(--t-ar-inline);line-height:1}.ayah{margin:0}.ayah__arabic{min-height:calc(var(--t-ayah) * 2.1);text-align:center;font-family:var(--font-quran);font-size:var(--t-ayah);line-height:var(--lh-ayah);color:var(--cream);direction:rtl;margin:0}.ayah__caption{text-align:center;gap:6px;margin-top:6px;display:grid}.ayah__translation{color:var(--ink-on-night);font-size:16px;font-style:italic;font-weight:300;line-height:1.6}.ayah__ref{font-size:var(--t-meta);line-height:var(--lh-meta);letter-spacing:var(--tr-meta);text-transform:uppercase;color:var(--ink-on-night-2)}section[data-sky=duha] .ayah__arabic{color:var(--ink)}section[data-sky=duha] .ayah__translation,section[data-sky=duha] .ayah__ref{color:var(--muted)}.proof__shot{max-width:300px;margin:0}.proof__frame{border:1px solid var(--line);background:var(--night);box-shadow:var(--shadow);border-radius:22px;overflow:hidden}.proof__shot--arch .proof__frame{box-shadow:none;background:0 0;border:0;border-radius:0}.proof__frame img{width:100%;height:auto;display:block}.proof__caption{font-size:var(--t-small);color:var(--ink-on-night);margin:16px 2px 0;line-height:1.6;display:block}.proof__note{border-left:1px solid var(--line);color:var(--ink-on-night-2);margin:8px 2px 0;padding-left:12px;font-size:13px;line-height:1.55;display:block}section[data-sky=duha] .proof__caption,section[data-sky=duha] .proof__note{color:var(--muted)}.proof__steps{gap:28px;margin:36px 0 0;padding:0;list-style:none;display:grid}.proof__steps h3{font-family:var(--font-display);font-size:var(--t-h3);line-height:var(--lh-h3);color:var(--cream);margin:0 0 6px}.proof__steps p{color:var(--ink-on-night);margin:0;font-size:15px;line-height:1.6}.proof__review{border:1px solid var(--line);font-size:var(--t-small);color:var(--gold-soft);background:#d9bc6c0f;border-radius:10px;margin:40px 0 0;padding:14px 18px}.jadwal{border:1px solid var(--line);pointer-events:none;position:absolute;inset:20px}.jadwal__ticks{height:12px;position:absolute;left:-1px;right:-1px}.jadwal__ticks--top{top:-1px}.jadwal__ticks--bottom{bottom:-1px}.jadwal__ticks:before,.jadwal__ticks:after{content:"";border-color:var(--gold-line);border-style:solid;border-width:0;width:12px;height:12px;position:absolute}.jadwal__ticks--top:before{border-top-width:1px;border-left-width:1px;top:0;left:0}.jadwal__ticks--top:after{border-top-width:1px;border-right-width:1px;top:0;right:0}.jadwal__ticks--bottom:before{border-bottom-width:1px;border-left-width:1px;bottom:0;left:0}.jadwal__ticks--bottom:after{border-bottom-width:1px;border-right-width:1px;bottom:0;right:0}.arch{position:relative}.arch img{width:100%;height:auto;display:block}.arch__defs{width:0;height:0;position:absolute;overflow:hidden}.ornament{fill:none;stroke:var(--gold-line);stroke-width:.7px;display:block;overflow:visible}.ornament *{vector-effect:non-scaling-stroke}.ornament__faint{stroke-opacity:.14}.daydial__tahajjud{fill:#1a2a4a8c;stroke:none}.daydial__arc{stroke:var(--gold);stroke-width:2px;stroke-linecap:round}.daydial__tick{stroke-opacity:.5}.daydial__mark{fill:var(--gold-soft);stroke:none}.daydial__hand{transform-box:view-box;transform-origin:50%;stroke:var(--cream);stroke-width:1.2px}.daydial__hub{fill:var(--cream);stroke:none}html.is-enhanced [data-reveal=up],html.is-enhanced [data-reveal=words] .rv-w{opacity:0;transition:opacity var(--d-slow) var(--ease-out), transform var(--d-slow) var(--ease-out);transform:translateY(16px)}html.is-enhanced [data-reveal=up]{transition-delay:calc(min(var(--i,0), 8) * var(--stagger-item))}.rv-w{display:inline-block}html.is-enhanced [data-reveal=words] .rv-w{transition-delay:calc(min(var(--i,0), 10) * var(--stagger-word))}html.is-enhanced [data-reveal=up].is-in,html.is-enhanced [data-reveal=words].is-in .rv-w{opacity:1;transform:none}.scene{height:var(--scene-length,calc(var(--scene-panel,100vh) * 1.5));view-timeline:--scene block;position:relative}.scene__sticky{height:var(--scene-panel,100vh);position:sticky;top:0}html.is-enhanced [data-scrub]{transition:opacity var(--d-slow) var(--ease-out), transform var(--d-slow) var(--ease-out), clip-path var(--d-slow) var(--ease-out)}html.is-enhanced [data-scrub=fade]:not(.is-in){opacity:0}html.is-enhanced [data-scrub=rise]:not(.is-in){opacity:0;transform:translateY(48px)}html.is-enhanced [data-scrub=clip-up]:not(.is-in){clip-path:inset(100% 0 0)}html.is-enhanced [data-scrub=clip-down]:not(.is-in){clip-path:inset(0 0 100%)}@supports (animation-timeline:view()){html.is-enhanced:not(.no-st) [data-reveal=up]{animation:linear both rv-up;animation-timeline:view();animation-range:entry calc(10% + min(var(--i,0), 8) * 3%) entry calc(60% + min(var(--i,0), 8) * 3%);transition:none}html.is-enhanced:not(.no-st) [data-reveal=words]{view-timeline:--rv-words block}html.is-enhanced:not(.no-st) [data-reveal=words] .rv-w{animation:linear both rv-up;animation-timeline:--rv-words;animation-range:entry calc(5% + min(var(--i,0), 10) * 4%) entry calc(45% + min(var(--i,0), 10) * 4%);transition:none}html.is-enhanced:not(.no-st) [data-scrub]{animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:var(--scrub-range,entry 0% cover 50%);transition:none}html.is-enhanced:not(.no-st) [data-scrub=fade]{animation-name:scrub-fade}html.is-enhanced:not(.no-st) [data-scrub=rise]{animation-name:scrub-rise}html.is-enhanced:not(.no-st) [data-scrub=clip-up]{animation-name:scrub-clip-up}html.is-enhanced:not(.no-st) [data-scrub=clip-down]{animation-name:scrub-clip-down}html.is-enhanced:not(.no-st) .scene [data-scrub]{animation-timeline:--scene;animation-range:var(--scrub-range,contain 0% contain 25%)}}@keyframes rv-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes scrub-fade{0%{opacity:0}to{opacity:1}}@keyframes scrub-rise{0%{opacity:0;transform:translateY(48px)}to{opacity:1;transform:none}}@keyframes scrub-clip-up{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes scrub-clip-down{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}.loop{animation-play-state:paused!important}[data-ambient=on] .loop{animation-play-state:running!important}@media (max-width:720px){:root{--gutter:20px}.jadwal{inset:12px}.scene{height:auto}.scene__sticky{height:auto;position:relative}@supports (animation-timeline:view()){html.is-enhanced:not(.no-st) .scene [data-scrub]{animation-timeline:view();animation-range:var(--scrub-range-mobile,entry 0% cover 50%)}}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html [data-reveal],html [data-reveal] .rv-w,html [data-scrub],.loop{opacity:1!important;clip-path:none!important;transition:none!important;animation:none!important;transform:none!important}}@media (prefers-reduced-transparency:reduce){.plate:after{display:none}}@media (prefers-reduced-data:reduce){.plate:after{display:none}}@media (prefers-contrast:more){:root{--line:#d9bc6c6b;--line-strong:#d9bc6c99;--muted-2:#b9b1a0;--ink-on-night:#f5f0e5eb;--ink-on-night-2:#f5f0e5d1}.plate:after{display:none}}@media print{html [data-reveal],html [data-reveal] .rv-w,html [data-scrub],.loop{opacity:1!important;clip-path:none!important;transition:none!important;animation:none!important;transform:none!important}.scene{height:auto}.scene__sticky{height:auto;position:relative}}
.sky{z-index:-1;pointer-events:none;width:100%;height:100lvh;position:fixed;top:0;left:0;overflow:hidden}.sky__layer{opacity:0;width:100%;height:100%;transition:opacity var(--d-sky) var(--ease-out);position:absolute;inset:0}.sky__night{opacity:1;background:linear-gradient(180deg, var(--sky-night-a) 0%, var(--sky-night-b) 100%)}.sky__predawn{background:linear-gradient(180deg, var(--sky-predawn-a) 0%, var(--sky-predawn-b) 100%)}.sky__stars{opacity:.5;fill:var(--cream);transition:none}.sky__fajr{background:linear-gradient(180deg, var(--sky-fajr-a) 0%, var(--sky-fajr-b) 70%, #4a3f55 82%, var(--sky-fajr-b) 100%)}.sky__horizon{background:radial-gradient(60% 50%,#d9a94c57,#d9a94c00 70%),linear-gradient(#d9a94c00 0%,#d9a94c38 44%,#d9a94c80 50%,#d9a94c29 58%,#d9a94c00 100%);height:24%;position:absolute;top:70%;left:0;right:0}.sky__horizon:after{content:"";background:linear-gradient(90deg, #d9a94c00 0%, var(--sky-fajr-line) 30%, var(--sky-fajr-line) 70%, #d9a94c00 100%);height:1px;position:absolute;top:50%;left:0;right:0}.sky__duha{background:var(--sky-duha)}html[data-sky=predawn] .sky__predawn,html[data-sky=fajr] .sky__predawn,html[data-sky=duha] .sky__predawn,html[data-sky=fajr] .sky__fajr,html[data-sky=duha] .sky__fajr,html[data-sky=duha] .sky__duha{opacity:1}html{timeline-scope:--subuh}#subuh{view-timeline:--subuh block}@supports (animation-timeline:view()){html.is-enhanced:not(.no-st) .sky__horizon{animation:linear both sky-horizon-rise;animation-timeline:--subuh;animation-range:entry exit}}@keyframes sky-horizon-rise{0%{transform:translateY(3vh)}to{transform:translateY(-3vh)}}html:not([data-sky]) section[data-sky=predawn]{background:linear-gradient(180deg, var(--sky-predawn-a), var(--sky-predawn-b))}html:not([data-sky]) section[data-sky=fajr]{background:linear-gradient(180deg, var(--sky-fajr-a), var(--sky-fajr-b))}html:not([data-sky]) section[data-sky=duha]{background:var(--sky-duha)}@media (prefers-reduced-motion:reduce){.sky__horizon{animation:none!important;transform:none!important}}@media (prefers-contrast:more){.sky__night{background:var(--night)}.sky__predawn,.sky__stars,.sky__fajr{display:none}}@media print{.sky{display:none}}