@font-face{font-family:Almarai;font-style:normal;font-display:swap;font-weight:800;src:url(../media/almarai-arabic-800-normal.17uu6gelgmo-2.woff2)format("woff2"),url(../media/almarai-arabic-800-normal.0wctuqrbuf1u0.woff)format("woff");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:Almarai;font-style:normal;font-display:swap;font-weight:800;src:url(../media/almarai-latin-800-normal.02g2gdvftkjjt.woff2)format("woff2"),url(../media/almarai-latin-800-normal.0gxoz349_qdwm.woff)format("woff");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:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-arabic-arabic-400-normal.035r.27e.vs2o.woff2)format("woff2"),url(../media/ibm-plex-sans-arabic-arabic-400-normal.0fdqxf7d7xjr7.woff)format("woff");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:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-arabic-cyrillic-ext-400-normal.0hgo4sdc18~2q.woff2)format("woff2"),url(../media/ibm-plex-sans-arabic-cyrillic-ext-400-normal.0pomcvv4ps-4f.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-arabic-latin-ext-400-normal.0~r4xoojklo36.woff2)format("woff2"),url(../media/ibm-plex-sans-arabic-latin-ext-400-normal.0zabfik9.smyq.woff)format("woff");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:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-arabic-latin-400-normal.0jup_3~s1d13x.woff2)format("woff2"),url(../media/ibm-plex-sans-arabic-latin-400-normal.06.0~wqg.vw~z.woff)format("woff");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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-cyrillic-ext-400-normal.0~1-8pi.lyc0t.woff2)format("woff2"),url(../media/ibm-plex-sans-cyrillic-ext-400-normal.16hcyj33e0.-~.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-cyrillic-400-normal.0j5xz1mifvml7.woff2)format("woff2"),url(../media/ibm-plex-sans-cyrillic-400-normal.0r4-wm.jk.s_u.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-greek-400-normal.0np-onej.1cff.woff2)format("woff2"),url(../media/ibm-plex-sans-greek-400-normal.0ft1.2~cs0_ox.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-vietnamese-400-normal.174rm78~clk5h.woff2)format("woff2"),url(../media/ibm-plex-sans-vietnamese-400-normal.12f1knjau_n~p.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-latin-ext-400-normal.0xehc83oa1vav.woff2)format("woff2"),url(../media/ibm-plex-sans-latin-ext-400-normal.0ft~mcscblu0h.woff)format("woff");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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-latin-400-normal.0l-vv37ssd90w.woff2)format("woff2"),url(../media/ibm-plex-sans-latin-400-normal.0enq_aif7f~gw.woff)format("woff");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:qcf-p582;src:url(https://hafiz-audio-worker.ahmadmallak2004.workers.dev/mushaf/qcf/v2/fonts/p582.woff2)format("woff2");font-display:block}@font-face{font-family:qcf-p1;src:url(https://hafiz-audio-worker.ahmadmallak2004.workers.dev/mushaf/qcf/v2/fonts/p1.woff2)format("woff2");font-display:block}@font-face{font-family:qcf-surah;src:url(https://hafiz-audio-worker.ahmadmallak2004.workers.dev/mushaf/qcf/misc/surah-header.woff2)format("woff2");font-display:block}:root{--font-almarai:"Almarai";--font-plex-arabic:"IBM Plex Sans Arabic";--font-plex:"IBM Plex Sans";--bg:#faf8f3;--surface:#fff;--sand:#f1ebdd;--tint:#f4ecd9;--ink:#0d3429;--ink-2:#17473a;--ink-deep:#0a2a21;--text:#14231d;--muted:#4d5d55;--on-ink:#f3ecdc;--on-ink-muted:#c3cfc8;--gold:#c9a85c;--gold-deep:#b69445;--gold-ink:#7d6224;--spine:#d4b061;--paper:#fbf6ea;--mark-r:#eab308;--mark-m:#f97316;--mark-x:#ef4444;--margin:clamp(20px, 3.6vw, 56px);--col-gap:clamp(14px, 1.6vw, 24px);--section:clamp(76px, 7.5vw, 120px);--nav-h:76px;--cut:clamp(56px, 6vw, 96px);--s-xl:clamp(42px, 5.4vw, 84px);--s-l:clamp(30px, 3.2vw, 48px);--s-m:clamp(20px, 1.7vw, 26px);--s-body:17px;--s-small:14px;--radius:16px;--display:var(--font-almarai), var(--font-plex-arabic), system-ui, sans-serif;--text-face:var(--font-plex-arabic), var(--font-plex), system-ui, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--girih-gold:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='64'%3E%3Cpath d='M0 0L-2 -0.32M-1.02 -2L0 0M0 64L-2 63.68M-2 32.32L0 32M-2 44.33L5.19 48M0 32L-2 35.93M-2 60.07L0 64M5.19 48L-2 51.67M30.4 41.89L34.12 45.61L38.81 48M13.6 54.11L9.88 50.39L5.19 48M13.6 41.89L9.88 45.61L5.19 48M38.81 48L34.12 50.39L30.4 54.11M13.6 41.89L14.56 48L13.6 54.11M30.4 41.89L29.44 48L30.4 54.11M44 32L26.28 29.19L13.6 41.89M30.4 41.89L17.72 29.19L0 32M13.6 41.89L10.79 24.15L-2 17.63M0 32L8.14 16L0 0M-2 14.37L10.79 7.85M10.79 7.85L12.35 -2M0 0L17.72 2.81L22.52 -2M21.48 -2L26.28 2.81L44 0M31.65 -2L33.21 7.85M33.21 7.85L49.19 16M44 0L35.86 16L44 32M49.19 16L33.21 24.15L30.4 41.89M74.4 9.89L78.12 13.61L82.81 16M57.6 22.11L53.88 18.39L49.19 16M57.6 9.89L53.88 13.61L49.19 16M82.81 16L78.12 18.39L74.4 22.11M74.4 9.89L73.44 16L74.4 22.11M57.6 9.89L58.56 16L57.6 22.11M88 0L75.39 -2M69.47 -2L57.6 9.89M74.4 9.89L62.53 -2M56.61 -2L44 0M57.6 9.89L55.72 -2M44 0L45.02 -2M86.98 -2L88 0M76.28 -2L74.4 9.89M1.02 66L0 64M11.72 66L13.6 54.11M0 64L12.61 66M18.53 66L30.4 54.11M13.6 54.11L25.47 66M31.39 66L44 64M30.4 54.11L32.28 66M44 64L42.98 66M88 64L70.28 61.19L65.48 66M66.52 66L61.72 61.19L44 64M56.35 66L54.79 56.15L38.81 48M44 64L52.14 48L44 32M38.81 48L54.79 39.85L57.6 22.11M44 32L61.72 34.81L74.4 22.11M57.6 22.11L70.28 34.81L88 32M74.4 22.11L77.21 39.85L90 46.37M88 32L79.86 48L88 64M90 49.63L77.21 56.15L75.65 66M90 31.68L88 32M90 19.67L82.81 16M88 32L90 28.07M90 3.93L88 0M82.81 16L90 12.33M88 0L90 0.32M89.02 66L88 64M88 64L90 64.32' fill='none' stroke='rgba(214,182,110,0.22)' stroke-width='0.9' stroke-linejoin='round'/%3E%3C/svg%3E");--girih-paper:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='64'%3E%3Cpath d='M0 0L-2 -0.32M-1.02 -2L0 0M0 64L-2 63.68M-2 32.32L0 32M-2 44.33L5.19 48M0 32L-2 35.93M-2 60.07L0 64M5.19 48L-2 51.67M30.4 41.89L34.12 45.61L38.81 48M13.6 54.11L9.88 50.39L5.19 48M13.6 41.89L9.88 45.61L5.19 48M38.81 48L34.12 50.39L30.4 54.11M13.6 41.89L14.56 48L13.6 54.11M30.4 41.89L29.44 48L30.4 54.11M44 32L26.28 29.19L13.6 41.89M30.4 41.89L17.72 29.19L0 32M13.6 41.89L10.79 24.15L-2 17.63M0 32L8.14 16L0 0M-2 14.37L10.79 7.85M10.79 7.85L12.35 -2M0 0L17.72 2.81L22.52 -2M21.48 -2L26.28 2.81L44 0M31.65 -2L33.21 7.85M33.21 7.85L49.19 16M44 0L35.86 16L44 32M49.19 16L33.21 24.15L30.4 41.89M74.4 9.89L78.12 13.61L82.81 16M57.6 22.11L53.88 18.39L49.19 16M57.6 9.89L53.88 13.61L49.19 16M82.81 16L78.12 18.39L74.4 22.11M74.4 9.89L73.44 16L74.4 22.11M57.6 9.89L58.56 16L57.6 22.11M88 0L75.39 -2M69.47 -2L57.6 9.89M74.4 9.89L62.53 -2M56.61 -2L44 0M57.6 9.89L55.72 -2M44 0L45.02 -2M86.98 -2L88 0M76.28 -2L74.4 9.89M1.02 66L0 64M11.72 66L13.6 54.11M0 64L12.61 66M18.53 66L30.4 54.11M13.6 54.11L25.47 66M31.39 66L44 64M30.4 54.11L32.28 66M44 64L42.98 66M88 64L70.28 61.19L65.48 66M66.52 66L61.72 61.19L44 64M56.35 66L54.79 56.15L38.81 48M44 64L52.14 48L44 32M38.81 48L54.79 39.85L57.6 22.11M44 32L61.72 34.81L74.4 22.11M57.6 22.11L70.28 34.81L88 32M74.4 22.11L77.21 39.85L90 46.37M88 32L79.86 48L88 64M90 49.63L77.21 56.15L75.65 66M90 31.68L88 32M90 19.67L82.81 16M88 32L90 28.07M90 3.93L88 0M82.81 16L90 12.33M88 0L90 0.32M89.02 66L88 64M88 64L90 64.32' fill='none' stroke='rgba(150,122,72,0.2)' stroke-width='0.8' stroke-linejoin='round'/%3E%3C/svg%3E")}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--text-face);font-size:var(--s-body);letter-spacing:normal;-webkit-font-smoothing:antialiased;margin:0;line-height:1.65;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit}button{font:inherit;color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);color:var(--ink);letter-spacing:normal;font-weight:800}:focus-visible{outline:3px solid var(--gold-deep);outline-offset:3px;border-radius:6px}::selection{background:var(--tint);color:var(--ink)}[hidden]{display:none!important}.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}.btn{min-height:52px;font-family:var(--text-face);cursor:pointer;transition:transform .16s var(--ease), background-color .2s var(--ease), color .2s var(--ease);border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 28px;font-size:17px;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn-ink{background:var(--ink);color:var(--on-ink)}.btn-ink:hover{background:var(--ink-2)}.btn-gold{background:var(--spine);color:var(--ink)}.btn-gold:hover{background:#e0c278}.btn svg{flex:none;width:18px;height:18px}.link{color:var(--ink);text-underline-offset:6px;transition:text-decoration-color .22s var(--ease);font-weight:600;-webkit-text-decoration:underline #0d342938;text-decoration:underline #0d342938;text-decoration-thickness:2px}.link:hover{text-decoration-color:currentColor}.voice{aspect-ratio:344/214;width:auto;height:100%;display:block;overflow:visible}.voice rect{transform-box:fill-box;transform-origin:50%}@media (prefers-reduced-motion:no-preference){.voice.is-live rect{animation:2.2s ease-in-out infinite recite;animation-delay:calc(var(--ring) * .14s)}}@keyframes recite{0%,60%,to{transform:scaleY(1)}30%{transform:scaleY(.62)}}.nav{z-index:50;height:var(--nav-h);padding:0 var(--margin);background:var(--bg);transition:box-shadow .22s var(--ease);align-items:center;gap:28px;display:flex;position:sticky;top:0}.nav.is-stuck{box-shadow:0 1px #0d342914,0 10px 24px -18px #0d342959}section[id],#grade{scroll-margin-top:calc(var(--nav-h) + 8px)}.nav .logo img{width:auto;height:44px}.nav-links{gap:26px;margin-inline-start:8px;display:flex}.nav-links a{color:var(--muted);font-size:14px;font-weight:500;text-decoration:none;transition:color .16s}.nav-links a:hover{color:var(--ink)}.nav-end{align-items:center;gap:22px;margin-inline-start:auto;display:flex}.lang{gap:12px;font-size:14px;font-weight:600;display:flex}.lang a{color:var(--muted);text-decoration:none}.lang a[aria-current]{color:var(--ink)}.nav .btn{min-height:44px;padding:0 20px;font-size:14px}.hero{column-gap:var(--col-gap);padding:clamp(36px, 6vh, 80px) var(--margin) 0;grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.hero h1{font-size:var(--s-xl);grid-column:1/span 7;line-height:1.28}.hero h1 span{display:block}.hero-lead{top:calc(var(--nav-h) + 24px);z-index:1;grid-area:2/1/auto/span 4;align-self:start;padding-top:36px;position:sticky}.hero-lead p{max-width:34ch;font-size:17px;line-height:1.75}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:28px;display:flex}.hero-note{font-size:var(--s-small);color:var(--muted);margin-top:16px}.stage-wrap{margin-top:clamp(28px,5vh,56px);grid-area:2/5/auto/-1;margin-inline-end:calc(-1 * var(--margin))}.stage{background-color:var(--ink);background-image:var(--girih-gold);clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);padding:clamp(40px,4vw,56px);background-size:132px 96px;flex-wrap:wrap;align-items:flex-start;gap:clamp(20px,2.4vw,36px);padding-inline-end:calc(var(--margin) + 8px);display:flex}.stage-caption{width:100%;color:var(--on-ink);align-items:center;gap:10px;font-size:14px;display:none}.stage-caption svg{width:20px;height:20px;color:var(--spine);flex:none}.mushaf{aspect-ratio:3/5;background:var(--paper);width:min(100%,460px);font-family:var(--text-face);-webkit-user-select:none;user-select:none;border-radius:10px;flex-direction:column;flex:none;padding:5% 4% 4%;display:flex;position:relative;container-type:inline-size}.mp-head{color:#7a6a45;justify-content:space-between;align-items:baseline;padding:0 1% 2%;font-size:13px;display:flex}.mp-head b{color:#5f4f2c;font-weight:600}.mp-head .live{color:var(--ink);background:#0d342914;border-radius:99px;padding:2px 10px;font-weight:700;transition:background-color .2s,color .2s}.mp-head .live.low{color:#b3362d;background:#b3362d1a}.mp-body{direction:rtl;flex-direction:column;flex:1;justify-content:space-between;display:flex}.mp-line{white-space:nowrap;color:#1b1b1b;justify-content:space-between;align-items:baseline;font-family:qcf-p582;font-size:6.0241cqw;line-height:1.5;display:flex}.mp-header{justify-content:center;align-items:center;height:11.5cqw;display:flex}.mp-frame{color:#8a6d2f;font-family:qcf-surah;font-size:27.8619cqw;line-height:1}.mp-basmala{color:#1b1b1b;justify-content:center;gap:.2em;font-family:qcf-p1;font-size:6.0241cqw;line-height:1.5;display:flex}.mp-w{cursor:pointer;border-radius:.2em;transition:background-color .14s,box-shadow .14s;display:inline-block}.mp-w:hover,.mp-w:focus-visible{background-color:#0d34291f;outline:none;box-shadow:0 0 0 3px #0d34291f}.mp-w.r{background-color:color-mix(in oklab, var(--mark-r) 34%, transparent)}.mp-w.m{background-color:color-mix(in oklab, var(--mark-m) 34%, transparent)}.mp-w.x{background-color:color-mix(in oklab, var(--mark-x) 36%, transparent)}.mp-w.is-open{box-shadow:0 0 0 2px var(--ink)}.mp-end{display:inline-block}.mp-folio{text-align:center;color:#7a6a45;padding-top:2%;font-size:13px}.grade{background:var(--surface);width:280px;color:var(--text);border-radius:14px;flex:none;padding:20px;font-size:14px;line-height:1.5}.grade-do{color:var(--ink);background:var(--tint);border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.grade-do svg{width:18px;height:18px;color:var(--gold-ink);flex:none;margin-top:2px}.grade-who{align-items:center;gap:12px;display:flex}.grade-who .av{background:var(--ink);width:40px;height:40px;color:var(--on-ink);border-radius:50%;flex:none;place-items:center;display:grid}.grade-who .av svg{width:20px;height:20px}.grade-who b{color:var(--ink);font-size:15px;display:block}.grade-who span{color:var(--muted);font-size:13px}.grade-score{align-items:baseline;gap:8px;margin:18px 0 6px;display:flex}.grade-score strong{font-family:var(--display);color:var(--ink);font-size:56px;font-weight:800;line-height:1;transition:color .2s;display:inline-block}.grade-score strong.low{color:#b3362d}.grade-score strong.bump{animation:bump .42s var(--ease)}@keyframes bump{30%{transform:scale(1.12)}}.grade-score span{color:var(--muted)}.meter{background:#ebe6da;border-radius:99px;height:8px;position:relative}.meter i{inset-inline-start:0;background:var(--ink);transition:width .32s var(--ease), background-color .2s;border-radius:99px;position:absolute;top:0;bottom:0}.meter i.low{background:#b3362d}.meter em{top:-5px;bottom:-5px;background:var(--gold-deep);width:2px;position:absolute;inset-inline-start:80%}.meter-note{color:var(--muted);justify-content:space-between;margin-top:8px;font-size:12.5px;display:flex}.grade ul{gap:8px;margin:18px 0 0;padding:0;list-style:none;display:grid}.grade li{background:#f6f3ec;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;display:flex}.grade li .dot{border-radius:4px;flex:none;width:12px;height:12px}.grade li .n{color:var(--ink);font-variant-numeric:tabular-nums;margin-inline-start:auto;font-weight:700}.grade-reset{color:var(--ink);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin-top:14px;padding:0;font-size:13px;font-weight:600;text-decoration:underline}.word-menu{z-index:20;background:var(--surface);border-radius:14px;width:230px;padding:10px;font-size:14px;position:absolute;box-shadow:0 18px 40px -12px #0d342973,0 2px 6px #0d34291f}@media (prefers-reduced-motion:no-preference){.word-menu:not([hidden]){animation:pop .18s var(--ease)}}@keyframes pop{0%{opacity:0;transform:translateY(-6px)scale(.98)}}.word-menu .wm-word{color:var(--muted);justify-content:space-between;align-items:center;padding:4px 8px 10px;font-size:13px;display:flex}.word-menu .wm-glyph{color:#1b1b1b;font-family:qcf-p582;font-size:30px;line-height:1.4}.word-menu button{cursor:pointer;text-align:start;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 10px;font-size:15px;display:flex}.word-menu button:hover,.word-menu button:focus-visible{background:#f3efe6;outline:none}.word-menu button .dot{border-radius:5px;flex:none;width:14px;height:14px}.word-menu button .pts{color:var(--muted);margin-inline-start:auto;font-size:13px}.messages{column-gap:var(--col-gap);margin-top:var(--section);grid-template-columns:repeat(12,minmax(0,1fr));padding-inline-start:var(--margin);display:grid}.msg-head{grid-area:1/1/auto/span 5;padding-top:48px}.msg-head h2{font-size:var(--s-l);line-height:1.3}.msg-read{grid-area:2/1/auto/span 5;padding:0 0 10vh}.msg-intro{color:var(--muted);margin-top:14px}.msg-block{margin-top:9vh}.msg-block:first-of-type{margin-top:6vh}.msg-block h3{font-size:var(--s-m);font-weight:700;line-height:1.4}.seg{background:var(--sand);border-radius:999px;flex-wrap:wrap;gap:6px;margin-top:16px;padding:5px;display:inline-flex}.seg+.seg{margin-top:10px}.seg button{cursor:pointer;white-space:nowrap;min-height:44px;color:var(--ink);transition:background-color .18s var(--ease), color .18s;background:0 0;border:0;border-radius:999px;padding:0 20px;font-size:14px;font-weight:600}.seg button:hover{background:#0d342912}.seg button[aria-pressed=true]{background:var(--ink);color:var(--on-ink)}.toggles{gap:10px;max-width:420px;margin-top:16px;display:grid}.toggle{background:var(--sand);cursor:pointer;min-height:52px;color:var(--ink);border-radius:14px;align-items:center;gap:14px;padding:10px 16px;font-weight:600;display:flex}.toggle input{appearance:none;cursor:pointer;background:#cfc6b2;border-radius:99px;flex:none;width:46px;height:28px;margin:0;transition:background-color .2s;position:relative}.toggle input:after{content:"";top:3px;width:22px;height:22px;transition:inset-inline-start .22s var(--ease);background:#fff;border-radius:50%;position:absolute;inset-inline-start:3px}.toggle input:checked{background:var(--ink)}.toggle input:checked:after{inset-inline-start:21px}.toggle input:disabled{opacity:.75;cursor:default}.toggle small{color:var(--muted);margin-inline-start:auto;font-size:14px;font-weight:500}.msg-out{top:var(--nav-h);height:calc(100svh - var(--nav-h));background-color:var(--tint);background-image:var(--girih-paper);padding:40px var(--margin);background-size:132px 96px;grid-area:1/7/span 2/-1;align-self:start;place-items:center;display:grid;position:sticky}.inbox{width:min(100%,420px)}.inbox-card{background:var(--surface);transition:opacity .2s var(--ease);border-radius:20px;padding:20px 20px 18px}@media (prefers-reduced-motion:no-preference){.inbox-card{animation:card-in .26s var(--ease)}}@keyframes card-in{0%{opacity:.35;transform:translateY(4px)}}.inbox-top{align-items:center;gap:12px;display:flex}.inbox-top .av{background:var(--ink);border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid}.inbox-top .av img{width:26px}.inbox-top b{color:var(--ink);font-size:16px;display:block}.inbox-top span{color:var(--muted);font-size:13px}.inbox-top time{color:var(--muted);align-self:flex-start;margin-inline-start:auto;font-size:13px}.inbox-title{color:var(--ink);margin-top:16px;font-size:16px;font-weight:700}.inbox-text{color:var(--text);margin-top:6px;font-size:16px;line-height:1.7}.inbox-ch{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.chip{height:30px;color:var(--ink);background:#eef3ef;border-radius:99px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.chip svg{width:14px;height:14px}.admin{padding:var(--section) var(--margin) 0;column-gap:var(--col-gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.admin-head{flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:end;gap:24px 48px;display:flex}.admin h2{font-size:var(--s-l);line-height:1.3}.admin-lead{max-width:38ch;color:var(--muted)}.admin-photo{aspect-ratio:1220/760;background:var(--sand);border-radius:14px;grid-column:1/span 8;margin:36px 0 0;position:relative;overflow:hidden}.admin-photo img{object-fit:cover;object-position:top right;opacity:0;width:100%;height:100%;transition:opacity 1.6s;position:absolute;inset:0}.admin-photo img.is-on{opacity:1}.admin-side{flex-direction:column;grid-column:9/-1;gap:16px;margin-top:36px;display:flex}.season{background-color:var(--ink);background-image:var(--girih-gold);color:var(--on-ink);clip-path:polygon(0 0,calc(100% - 40px) 0,100% 40px,100% 100%,0 100%);background-size:132px 96px;border-radius:14px;padding:22px;position:relative}.season b{font-family:var(--display);font-size:var(--s-m);color:var(--on-ink);font-weight:700;line-height:1.3;display:block}.season svg{width:100%;height:auto;margin:18px 0 10px}.season small{color:var(--on-ink-muted);font-size:14px}.facts{gap:8px;margin:0;padding:0;list-style:none;display:grid}.facts li{background:var(--sand);color:var(--ink);border-radius:12px;align-items:center;gap:12px;padding:14px 16px;font-weight:600;display:flex}.facts li svg{width:22px;height:22px;color:var(--gold-ink);flex:none}.apps{--ph:clamp(380px, 54svh, 500px);margin-top:var(--section);background-color:var(--ink);background-image:var(--girih-gold);color:var(--on-ink);clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);background-size:132px 96px;padding:clamp(48px,7vh,72px) 0 clamp(40px,6vh,64px)}.apps-head{padding-inline:var(--margin);text-align:center}.apps h2{color:var(--on-ink);font-size:var(--s-l);line-height:1.3}.apps-head p{color:var(--on-ink-muted);margin-top:10px}.row{scroll-snap-type:x mandatory;padding:8px calc(50% - var(--ph) * .27) 14px;scrollbar-width:none;cursor:grab;gap:clamp(24px,4vw,56px);margin-top:28px;display:flex;overflow-x:auto}.row::-webkit-scrollbar{display:none}.row figure{flex:0 0 calc(var(--ph) * .54);scroll-snap-align:center;opacity:.36;transition:opacity .38s var(--ease), transform .42s var(--ease);margin:0;position:relative;transform:scale(.92)}.row figure:after{content:"";background:var(--spine);opacity:0;border-radius:99px;width:40px;height:4px;margin-left:-20px;transition:opacity .3s;position:absolute;bottom:-14px;left:50%}.row figure.is-lit{opacity:1;transform:none}.row figure.is-lit:after{opacity:1}.row img{width:100%;height:var(--ph);object-fit:cover;object-position:top;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;background:#f8f6f1;border-radius:26px}.apps-foot{padding-inline:var(--margin);justify-content:center;align-items:center;gap:clamp(16px,3vw,40px);margin:30px auto 0;display:flex}.apps-caption{text-align:center;width:min(100%,40ch);transition:opacity .24s var(--ease), transform .24s var(--ease)}.apps-caption.is-swap{opacity:0;transform:translateY(6px)}.apps-caption b{font-family:var(--display);font-weight:700;font-size:var(--s-m);color:var(--on-ink);line-height:1.4;display:block}.apps-caption span{color:var(--on-ink-muted);margin-top:6px;display:block}.arrow{width:56px;height:56px;color:var(--on-ink);cursor:pointer;transition:background-color .18s, transform .16s var(--ease), opacity .2s;background:#f3ecdc1f;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.arrow:hover{background:var(--spine);color:var(--ink)}.arrow:active{transform:scale(.94)}.arrow:disabled{opacity:.3;cursor:default;color:var(--on-ink);background:#f3ecdc1f}.arrow svg{width:22px;height:22px}.pricing{padding:var(--section) var(--margin) 0;column-gap:var(--col-gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.pricing h2{font-size:var(--s-l);grid-column:1/-1;line-height:1.3}.pricing-sub{color:var(--muted);grid-column:1/-1;margin-top:12px}.plans{flex-direction:column;grid-column:1/span 6;align-items:flex-start;margin-top:36px;display:flex}.plan-name{cursor:pointer;font-family:var(--display);font-weight:800;font-size:var(--s-xl);color:#77837d;transition:color .22s var(--ease);text-align:start;background:0 0;border:0;align-items:center;gap:.3em;padding:4px 0;line-height:1.3;display:inline-flex}.plan-name:before{content:"";background:var(--gold-deep);opacity:0;width:.26em;height:.26em;transition:opacity .22s var(--ease), transform .26s var(--ease);border-radius:50%;flex:none;transform:scale(.96)}.plan-name:hover{color:var(--muted)}.plan-name[aria-selected=true]{color:var(--ink)}.plan-name[aria-selected=true]:before{opacity:1;transform:none}.plan-name small{font-family:var(--text-face);color:var(--gold-ink);background:var(--tint);border-radius:99px;padding:4px 12px;font-size:14px;font-weight:600}.plan-stage{background:var(--surface);border-radius:22px;grid-column:8/-1;margin-top:44px;padding:clamp(24px,3vw,36px)}.plan-body{margin-top:24px;transition:opacity .2s}.plan-body.is-swap{opacity:0}.plan-stage .seg{margin-top:0}.price{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.price strong{font-family:var(--display);font-weight:800;font-size:var(--s-xl);color:var(--ink);direction:ltr;unicode-bidi:isolate;line-height:1.1}.price strong.word{font-size:var(--s-l);direction:rtl;line-height:1.3}.price span{color:var(--muted)}.plan-students{color:var(--ink);margin-top:10px;font-weight:700}.plan-stage .btn{width:100%;margin-top:24px}.plan-after{text-align:center;color:var(--muted);margin-top:10px;font-size:14px}.included{flex-wrap:wrap;grid-column:1/-1;gap:10px;margin-top:44px;display:flex}.included li{background:var(--sand);color:var(--ink);border-radius:99px;align-items:center;gap:8px;padding:10px 16px;font-size:15px;font-weight:600;list-style:none;display:inline-flex}.included li svg{width:16px;height:16px;color:var(--gold-ink);flex:none}.included{padding:0}.faq{padding:var(--section) var(--margin) 0;column-gap:var(--col-gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.faq-head{top:calc(var(--nav-h) + 24px);grid-column:1/span 4;position:sticky}.faq h2{font-size:var(--s-l);line-height:1.3}.faq-head p{color:var(--muted);margin-top:14px}.faq-head .btn{margin-top:14px}.faq-list{grid-column:5/-1;gap:8px;display:grid}.faq details{background:var(--sand);border-radius:var(--radius);transition:background-color .22s var(--ease)}.faq summary{cursor:pointer;min-height:72px;color:var(--ink);align-items:center;gap:20px;padding:14px 26px;font-size:19px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq .pm{width:16px;height:16px;transition:transform .2s var(--ease);flex:none;margin-inline-start:auto;position:relative}.faq .pm:before,.faq .pm:after{content:"";transition:transform .24s var(--ease);background:currentColor;border-radius:2px;position:absolute;inset:6.5px 0}.faq .pm:after{transform:rotate(90deg)}.faq details[open]{background:var(--ink)}.faq details[open] summary{color:var(--on-ink)}.faq details[open] .pm:after{transform:rotate(0)}.faq details p{color:var(--text);max-width:56ch;padding:0 26px 24px}.faq details[open] p{color:var(--on-ink)}.faq summary:hover .pm{transform:scale(1.15)}.finale{margin-top:var(--section);background-color:var(--ink);background-image:var(--girih-gold);color:var(--on-ink);clip-path:polygon(var(--cut) 0, 100% 0, 100% 100%, 0 100%, 0 var(--cut));padding:clamp(64px, 9vh, 104px) var(--margin) clamp(56px, 8vh, 88px);column-gap:var(--col-gap);background-size:132px 96px;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;display:grid}.finale-words{grid-column:1/span 6}.finale-words .voice{height:84px;margin-bottom:28px}.finale h2{color:var(--on-ink);font-size:var(--s-xl);line-height:1.28}.finale h2 span{display:block}.finale-words p{color:var(--on-ink-muted);max-width:36ch;margin-top:18px}.dialog{background:var(--surface);width:min(100%,440px);color:var(--text);border-radius:22px;grid-column:8/-1;justify-self:end;padding:26px;font-size:15px;box-shadow:0 30px 60px -28px #0000008c}.dialog .d-top{align-items:center;gap:12px;display:flex}.dialog .d-top img{width:40px;height:40px}.dialog .d-top b{color:var(--ink);font-size:19px;font-family:var(--display)}.dialog label,.dialog .lbl{color:var(--ink);margin-top:22px;font-size:15px;font-weight:600;display:block}.dialog input[type=text]{width:100%;height:52px;font:inherit;color:var(--text);background:#fbfaf6;border:1px solid #d9d2c2;border-radius:12px;margin-top:8px;padding:0 14px;font-size:16px;transition:border-color .16s,box-shadow .16s}.dialog input[type=text]:focus{border-color:var(--ink);outline:none;box-shadow:0 0 0 3px #0d342926}.dialog .seg{margin-top:8px;display:flex}.dialog .seg button{flex:1}.dialog .btn{width:100%;margin-top:24px}.dialog .d-foot{text-align:center;color:var(--muted);margin-top:16px;font-size:14px}.footer{background:var(--ink-deep);color:var(--on-ink-muted);padding:clamp(48px, 7vh, 72px) var(--margin) 26px;font-size:15px}.f-top{column-gap:var(--col-gap);grid-template-columns:repeat(12,minmax(0,1fr));row-gap:40px;display:grid}.f-brand{grid-column:1/span 4}.f-brand img{width:auto;height:56px}.f-brand p{max-width:30ch;margin-top:18px;line-height:1.7}.f-social{gap:10px;margin-top:22px;display:flex}.f-social a{width:44px;height:44px;color:var(--on-ink);transition:background-color .18s, color .18s, transform .16s var(--ease);background:#f3ecdc14;border-radius:50%;place-items:center;display:grid}.f-social a:hover{background:var(--spine);color:var(--ink);transform:translateY(-2px)}.f-social svg{width:20px;height:20px}.f-col{grid-column:span 2}.f-col:first-of-type{grid-column:5/span 2}.f-col h3{font-family:var(--text-face);color:var(--spine);font-size:14px;font-weight:700}.f-col ul{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.f-col a{color:var(--on-ink);opacity:.85;text-decoration:none;transition:opacity .16s}.f-col a:hover{opacity:1;text-underline-offset:4px;text-decoration:underline}.f-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:clamp(36px,5vh,56px);font-size:14px;display:flex}@media (prefers-reduced-motion:no-preference){.js [data-rise]{opacity:0;transition:opacity .7s var(--ease), transform .8s var(--ease);transition-delay:var(--d,0s);transform:translateY(24px)}.js [data-rise].is-in{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.admin-photo img,.row figure,.apps-caption{transition:none}}@media (max-width:1100px){.nav-links{display:none}.hero h1{grid-column:1/-1}.hero-lead{grid-column:1/span 5}.stage-wrap{grid-column:6/-1}.msg-head,.msg-read{grid-column:1/span 6}.msg-out{grid-column:7/-1}.admin-photo{grid-column:1/-1}.admin-side{grid-column:1/-1;grid-template-columns:1fr 1fr;margin-top:16px;display:grid}.plans,.plan-stage{grid-column:1/-1}.faq-head{grid-column:1/-1;margin-bottom:28px;position:static}.faq-list,.finale-words,.dialog{grid-column:1/-1}.dialog{justify-self:start;margin-top:40px}.f-brand{grid-column:1/-1}.f-col,.f-col:first-of-type{grid-column:span 3}}@media (max-width:760px){:root{--s-body:16px;--s-xl:9.6vw;--s-l:7.8vw;--s-m:20px;--cut:44px;--nav-h:62px}body{font-size:16px}.nav{gap:12px}.nav .logo img{height:32px}.lang{display:none}.nav .btn{min-height:40px;padding:0 16px}.nav-end{gap:14px}.hero{padding-top:24px;display:block}.hero-lead{padding-top:16px;position:static}.hero-lead p{font-size:16px}.hero-actions{margin-top:22px}.hero-actions .btn{flex:auto}.stage-wrap{margin:32px calc(-1 * var(--margin)) 0}.stage{--cut:56px;flex-direction:column;align-items:stretch;gap:16px;padding:64px 16px 24px}.stage-caption{display:flex}.mushaf{width:100%}.mp-head{font-size:12px}.grade{width:100%;padding:16px}.grade-do{display:none}.grade-score{margin-top:12px}.grade-score strong{font-size:44px}.grade ul{grid-template-columns:repeat(3,1fr);gap:6px}.grade li{flex-direction:column;align-items:flex-start;gap:4px;padding:8px 10px;font-size:13px}.grade li .n{margin-inline-start:0;font-size:18px}.word-menu{width:220px}.messages{flex-direction:column;padding-inline:0;display:flex}.msg-head{padding:0 var(--margin) 20px;order:1}.msg-out{top:var(--nav-h);z-index:5;order:2;height:40svh;padding:16px;position:sticky}.msg-read{order:3}.inbox-card{padding:16px}.msg-read{padding:8px var(--margin) 6vh}.msg-block{margin-top:7vh}.msg-block:first-of-type{margin-top:4vh}.seg{display:flex}.seg button{flex:1;padding:0 12px}.admin-photo{aspect-ratio:4/3;margin-top:32px}.admin-side{margin-top:16px;display:flex}.apps{--ph:min(56svh, 124vw)}.apps-foot{gap:12px}.arrow{width:48px;height:48px}.plans{margin-top:24px}.plan-stage{margin-top:20px;padding:20px}.included{margin-top:32px}.faq summary{min-height:64px;padding:14px 20px;font-size:17px}.faq details p{padding:0 20px 20px;font-size:16px}.finale{padding-top:72px}.finale-words .voice{height:64px;margin-bottom:22px}.dialog{width:100%;margin-top:32px;padding:20px}.f-col,.f-col:first-of-type{grid-column:span 6}.f-bottom{flex-direction:column;align-items:flex-start}}:root:lang(en),:root:lang(tr){--text-face:var(--font-plex), var(--font-plex-arabic), system-ui, sans-serif}[dir=ltr] .stage,[dir=ltr] .apps{clip-path:polygon(var(--cut) 0, 100% 0, 100% 100%, 0 100%, 0 var(--cut))}[dir=ltr] .season{clip-path:polygon(40px 0,100% 0,100% 100%,0 100%,0 40px)}[dir=ltr] .finale{clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%)}[dir=ltr] .arrow svg,[dir=ltr] .btn .flip{transform:scaleX(-1)}[dir=ltr] .admin-photo img{object-position:top left}:lang(en) .hero h1,:lang(tr) .hero h1,:lang(en) .finale h2,:lang(tr) .finale h2{line-height:1.12}:lang(en) .hero h1,:lang(tr) .hero h1{grid-column:1/span 10}.mushaf .mp-body,.word-menu .wm-glyph{direction:rtl}.legal{padding:clamp(40px, 7vh, 80px) var(--margin) 0;max-width:920px;margin-inline:auto}.legal h1{font-size:var(--s-l);line-height:1.3}.legal-meta{color:var(--muted);font-size:var(--s-small);margin-top:10px}.legal-back{margin-top:18px;display:inline-block}.legal-body{gap:12px;margin-top:36px;display:grid}.legal-block{background:var(--surface);border-radius:var(--radius);padding:clamp(20px,3vw,32px)}.legal-block h2{font-size:var(--s-m);font-weight:700;line-height:1.4}.legal-block p,.legal-block ul{color:var(--text);margin:12px 0 0}.legal-block ul{gap:8px;padding-inline-start:1.2em;display:grid}.legal+.footer,.legal-page .footer{margin-top:var(--section)}.nf{text-align:center;background-color:var(--ink);background-image:var(--girih-gold);min-height:100dvh;color:var(--on-ink);background-size:132px 96px;flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:24px;display:flex}.nf img{width:72px;height:72px}.nf strong{font-family:var(--display);font-size:var(--s-xl);color:var(--on-ink);line-height:1}.nf p{color:var(--on-ink-muted)}.nf nav{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.nf a{min-height:44px;color:var(--on-ink);background:#f3ecdc1f;border-radius:999px;align-items:center;padding:0 20px;font-weight:600;text-decoration:none;display:inline-flex}.nf a:hover{background:var(--spine);color:var(--ink)}@media (prefers-reduced-motion:no-preference){.admin-photo img+img{animation:11.2s ease-in-out infinite xfade}.plan-body{animation:card-in .22s var(--ease)}}@keyframes xfade{0%,42%{opacity:0}50%,92%{opacity:1}to{opacity:0}}@media (max-width:760px){:lang(en) .hero h1,:lang(tr) .hero h1,:lang(en) .finale h2,:lang(tr) .finale h2{font-size:8.4vw}}