.othman-companion{position:relative;isolation:isolate;width:clamp(105px,12vw,175px);flex:none;line-height:0}.othman-companion:before{position:absolute;z-index:-1;inset:7% 4% 14%;border:1px solid rgb(203 157 61 / .46);border-radius:48% 52% 44% 56%;background:radial-gradient(circle at 50% 35%,rgb(255 252 235 / .96),rgb(245 223 171 / .65) 65%,transparent 66%);box-shadow:0 5px #a2712b1f;content:"";transform:rotate(-5deg)}.othman-companion:after{position:absolute;z-index:-1;right:18%;bottom:7%;width:47%;height:17%;border-right:3px dotted #d89028;border-bottom:3px dotted #d89028;border-radius:0 0 100%;content:"";opacity:.85;transform:rotate(-20deg)}.othman-companion__video,.othman-companion__fallback{position:relative;z-index:1;display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 12px 11px rgb(64 37 91 / .16));animation:othman-gentle-welcome 3.9s cubic-bezier(.45,0,.55,1) infinite}.othman-companion__fallback{animation:othman-gentle-welcome 3.9s cubic-bezier(.45,0,.55,1) infinite}.othman-companion__voice{position:absolute;z-index:2;right:50%;bottom:-.22rem;display:inline-flex;align-items:center;justify-content:center;gap:.28rem;min-width:max-content;padding:.36rem .5rem;border:1px solid rgb(255 247 220 / .76);border-radius:999px;color:#fffdf1;background:#563474;box-shadow:0 5px #39204f;font:800 .66rem Tajawal,sans-serif;line-height:1.25;transform:translate(50%);transition:transform .16s cubic-bezier(.23,1,.32,1),background .16s ease}.othman-companion__voice:hover,.othman-companion__voice.is-ready{background:#79529b}.othman-companion__voice:active{transform:translate(50%) scale(.97)}.directory-othman,.hadith-othman{align-self:center;margin-inline:auto}.journey-othman{position:absolute;z-index:3;left:clamp(1rem,7vw,7rem);bottom:-2.5rem;width:clamp(106px,13vw,180px)}.completion-companion .othman-companion{width:76px;align-self:end}.completion-companion .othman-companion__video,.completion-companion .othman-companion__fallback{filter:drop-shadow(0 8px 7px rgb(64 37 91 / .14))}.completion-companion .othman-companion__voice{display:none}@keyframes othman-gentle-welcome{0%,to{transform:translateY(0) rotate(-1.2deg)}50%{transform:translateY(-8px) rotate(1.2deg)}}@media (prefers-reduced-motion:reduce){.othman-companion__video,.othman-companion__fallback{animation:none}}@media (max-width:780px){.journey-othman{left:1rem;bottom:-1.8rem;width:104px}.directory-othman,.hadith-othman{position:absolute;left:1rem;bottom:-2rem;width:92px}.othman-companion__voice{padding:.31rem .42rem;font-size:.59rem}}@media (max-width:520px){.journey-othman,.directory-othman,.hadith-othman{display:none}}.othman-companion{aspect-ratio:9 / 16}.othman-companion__source{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.othman-companion__fallback.is-canvas-ready{opacity:0}.othman-companion__chroma{position:absolute;z-index:1;inset:0;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 11px rgb(64 37 91 / .16));animation:othman-gentle-welcome 3.9s cubic-bezier(.45,0,.55,1) infinite;pointer-events:none}@media (prefers-reduced-motion: reduce){.othman-companion__chroma{animation:none}}.badge-unlock-overlay{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:1.2rem;background:#2612378c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);direction:rtl}.badge-unlock-dialog{position:relative;isolation:isolate;width:min(92vw,460px);overflow:hidden;padding:2.2rem 1.5rem 1.55rem;border:2px solid #c5892c;border-radius:28px;background:radial-gradient(circle at 50% 2%,#fff8dc 0 20%,#f0d18e 65%,#dca94e);box-shadow:0 22px 60px #1a0a2859,inset 0 0 0 8px #fff9e08c;text-align:center;color:#4d2b66}.badge-unlock-overlay.is-expert .badge-unlock-dialog{border-color:#9e5417;background:radial-gradient(circle at 50% 2%,#fff4c9 0 20%,#edbd62 62%,#b66b21)}.badge-unlock-close{position:absolute;top:.8rem;left:.8rem;z-index:2;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgb(99 53 121 / .22);border-radius:50%;background:#fff9e7;color:#56336f;transition:transform .16s var(--ease-out)}.badge-unlock-close:active{transform:scale(.97)}.badge-unlock-seal{position:relative;display:grid;place-items:center;width:112px;height:112px;margin:0 auto .55rem;color:#724592;filter:drop-shadow(0 7px 7px rgb(104 53 19 / .18))}.badge-unlock-seal>svg{fill:#fff3bd;stroke:#b17721}.badge-unlock-seal>span{position:absolute;display:grid;place-items:center;color:#754496}.is-expert .badge-unlock-seal{color:#934a12}.is-expert .badge-unlock-seal>svg{fill:#fff0a6;stroke:#9b5017}.is-expert .badge-unlock-seal>span{color:#974914}.badge-unlock-kicker{margin:.1rem 0 .32rem;color:#8a5a18;font:800 .85rem Changa,sans-serif}.badge-unlock-dialog h2{margin:0;color:#4c2a65;font:800 clamp(1.28rem,4.3vw,1.75rem) Changa,sans-serif}.badge-unlock-note{margin:.6rem 0 .28rem;color:#73441e;font:800 1rem Tajawal,sans-serif}.badge-unlock-description{max-width:330px;margin:.2rem auto 1.2rem;color:#604b42;font:700 .88rem/1.75 Tajawal,sans-serif}.badge-unlock-continue{width:100%;padding:.82rem 1rem;border:0;border-radius:13px;background:#5a3679;box-shadow:0 5px #3f2456;color:#fff9e7;font:800 .92rem Changa,sans-serif;transition:transform .16s var(--ease-out)}.is-expert .badge-unlock-continue{background:#9b5115;box-shadow:0 5px #72370f}.badge-unlock-continue:active{transform:translateY(3px) scale(.97);box-shadow:0 2px #3f2456}.is-expert .badge-unlock-continue:active{box-shadow:0 2px #72370f}.badge-unlock-sparkles{position:absolute;inset:0;pointer-events:none}.badge-unlock-sparkles i{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff8d5;box-shadow:0 0 0 3px #a25a1821;animation:badgeStampFloat 1.6s ease-in-out infinite}.badge-unlock-sparkles i:nth-child(1){top:15%;right:18%}.badge-unlock-sparkles i:nth-child(2){top:28%;right:7%;animation-delay:.2s}.badge-unlock-sparkles i:nth-child(3){top:53%;right:12%;animation-delay:.5s}.badge-unlock-sparkles i:nth-child(4){bottom:18%;right:23%;animation-delay:.8s}.badge-unlock-sparkles i:nth-child(5){bottom:11%;left:34%;animation-delay:.35s}.badge-unlock-sparkles i:nth-child(6){bottom:26%;left:11%;animation-delay:.6s}.badge-unlock-sparkles i:nth-child(7){top:54%;left:8%;animation-delay:.15s}.badge-unlock-sparkles i:nth-child(8){top:25%;left:13%;animation-delay:.75s}.badge-unlock-sparkles i:nth-child(9){top:11%;left:35%;animation-delay:.4s}.badge-unlock-sparkles i:nth-child(10){top:40%;left:29%;animation-delay:.9s}@keyframes badgeStampFloat{0%,to{transform:translateY(0) scale(.8);opacity:.55}50%{transform:translateY(-10px) scale(1.15);opacity:1}}@media (prefers-reduced-motion:reduce){.badge-unlock-sparkles i{animation:none}}.portal-topbar{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:clamp(.45rem,1.5vw,1.2rem);min-height:82px;padding:.65rem clamp(.75rem,3.1vw,3.8rem);color:#4d3067;background:radial-gradient(circle at 19% 22%,rgb(212 153 48 / .12) 0 1px,transparent 1.5px) 0 0/17px 17px,linear-gradient(110deg,#fffcf1f5,#f9ebcaf0);border-bottom:3px double rgba(189,134,43,.48);box-shadow:0 7px 24px #492a311c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-family:Tajawal,system-ui,sans-serif}.portal-brand{display:flex;align-items:center;flex:0 0 auto;gap:.5rem;color:#4b3063;text-decoration:none}.portal-brand img{width:104px;height:auto;max-height:58px;object-fit:contain;filter:drop-shadow(0 3px 0 rgba(108,62,32,.2))}.portal-brand span{display:grid;line-height:1}.portal-brand b{font:800 1.26rem Changa,sans-serif}.portal-brand small{margin-top:.24rem;color:#8b642c;font-size:.68rem;font-weight:900;white-space:nowrap}.portal-nav{display:flex;align-items:center;justify-content:center;gap:.42rem;flex:1;min-width:0}.portal-nav a{display:inline-flex;align-items:center;justify-content:center;gap:.38rem;min-height:42px;padding:.55rem .72rem .66rem;color:#593b72;background:linear-gradient(90deg,transparent 0 10%,rgb(160 107 39 / .12) 10% 10.7%,transparent 10.7% 89.3%,rgb(160 107 39 / .12) 89.3% 90%,transparent 90%),linear-gradient(180deg,#fffdf5,#f2e0ba);border:1px solid #d6ac62;border-bottom:4px solid #a87335;border-radius:7px 16px 6px;box-shadow:0 6px 12px #60392021,inset 0 1px #ffffffe6;text-decoration:none;font-size:.77rem;font-weight:900;white-space:nowrap;transition:transform .16s cubic-bezier(.23,1,.32,1),box-shadow .16s cubic-bezier(.23,1,.32,1),background .16s}.portal-nav a:hover{background:linear-gradient(180deg,#fffef9,#f7e9ca);box-shadow:0 9px 16px #6039202e,inset 0 1px #fff;transform:translateY(-3px)}.portal-nav a.is-active,.portal-help.is-active{color:#fffdf4;background:linear-gradient(145deg,#75449a,#4c2d6d);border-color:#563574;border-bottom-color:#392050;box-shadow:0 4px #392050,0 9px 18px #4b276547,inset 0 1px #ffffff2e;transform:translateY(2px)}.portal-nav a:active{border-bottom-width:2px;transform:translateY(2px) scale(.98);box-shadow:0 3px 7px #60392024}.portal-actions{display:flex;align-items:center;gap:.42rem}.portal-help,.portal-menu{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:40px;padding:.5rem .62rem;color:#593b72;background:#fffaf0;border:1px solid #dcb766;border-radius:11px;box-shadow:0 3px #925e2038;font:900 .78rem Tajawal,sans-serif;text-decoration:none;cursor:pointer}.portal-menu{display:none}.portal-mobile-nav{position:absolute;top:calc(100% + 7px);right:.65rem;left:.65rem;display:grid;gap:.38rem;padding:.65rem;background:#fff9eb;border:1px solid #d5aa57;border-radius:18px 18px 8px;box-shadow:0 18px 34px #482b2638}.portal-mobile-nav a{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.8rem .85rem;color:#55376e;background:#f9edcf;border:1px solid #e2c27d;border-radius:11px;text-decoration:none;font-weight:900}.portal-mobile-nav a.is-active{color:#fffdf5;background:#5a3974;border-color:#4c2f67;box-shadow:0 4px #3c214f}.portal-mobile-nav a span{display:inline-flex;align-items:center;gap:.48rem}@media (max-width:1180px){.portal-nav a{padding-inline:.5rem;font-size:.7rem}.portal-nav a svg{display:none}}@media (max-width:900px){.portal-topbar{min-height:70px;padding:.55rem .8rem}.portal-nav,.portal-help{display:none}.portal-menu{display:inline-flex}.portal-brand{margin-left:auto}.portal-brand img{width:86px;height:auto;max-height:52px}.portal-brand b{font-size:1.15rem}}@media (max-width:430px){.portal-brand small{font-size:.61rem}.portal-brand img{width:76px;height:auto;max-height:46px}.portal-topbar{min-height:64px}}@media (prefers-reduced-motion:reduce){.portal-nav a{transition:none}}.portal-brand--full-logo{min-width:clamp(136px,12vw,184px)}.portal-brand--full-logo img{width:clamp(136px,12vw,184px);height:auto;max-height:64px;object-fit:contain;filter:drop-shadow(0 3px 0 rgba(108,62,32,.16))}@media (max-width:900px){.portal-brand--full-logo{min-width:142px}.portal-brand--full-logo img{width:142px;max-height:56px}}@media (max-width:430px){.portal-brand--full-logo{min-width:122px}.portal-brand--full-logo img{width:122px;max-height:49px}}.completion-overlay{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:1rem;background:#221332ba;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:completion-fade .24s cubic-bezier(.23,1,.32,1) both}.completion-dialog{position:relative;isolation:isolate;overflow:hidden;width:min(570px,100%);padding:2.5rem 2rem 1.65rem;text-align:center;color:#4c2e63;background:radial-gradient(circle at 50% -12%,#fffdfa 0 18%,transparent 44%),linear-gradient(150deg,#fff9e9,#fae4a9);border:3px solid #f0c860;border-radius:38px 38px 10px;box-shadow:0 22px #56366d,0 42px 90px #0a02126b;animation:completion-rise .42s cubic-bezier(.23,1,.32,1) both}.completion-dialog:before{content:"";position:absolute;z-index:-1;inset:10px;border:1px dashed rgb(102 61 132 / .28);border-radius:30px 30px 5px}.completion-close{position:absolute;top:.85rem;left:.85rem;display:grid;place-items:center;width:36px;height:36px;padding:0;color:#724785;background:#fff9e9;border:1px solid #d9a94c;border-radius:50%;cursor:pointer;transition:transform .15s,background .15s}.completion-close:hover{background:#f5dfae;transform:rotate(7deg)}.completion-emblem{position:relative;display:grid;place-items:center;width:100px;height:94px;margin:0 auto .35rem;color:#d89a23;filter:drop-shadow(0 6px 0 rgb(153 95 23 / .16));animation:completion-star-pop .66s cubic-bezier(.23,1,.32,1) both}.completion-emblem>svg:first-child{fill:#ffdc6f;stroke:#b87515;stroke-width:1.5}.completion-emblem>svg:last-child{position:absolute;color:#fff;fill:#5d3a7c;stroke:#5d3a7c}.completion-kicker{display:inline-flex;align-items:center;gap:.38rem;color:#754492;font-size:.85rem;font-weight:900}.completion-dialog h2{margin:.5rem 0 .35rem;font:800 clamp(1.4rem,4vw,2rem) Changa,sans-serif}.completion-dialog>p{max-width:440px;margin:0 auto;color:#745441;line-height:1.9;font-weight:700}.completion-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin:1.35rem 0 1.1rem}.completion-stats>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;align-items:center;column-gap:.35rem;padding:.65rem .45rem;background:#fffcf0cc;border:1px solid #e3bc62;border-radius:15px}.completion-stats svg{grid-row:span 2;color:#b77917}.completion-stats b{align-self:end;font:800 1.25rem Changa,sans-serif;line-height:1}.completion-stats small{align-self:start;color:#795c45;font-weight:800}.completion-progress-wrap{margin:0 auto 1rem;padding:.8rem .9rem;background:#5d3a7c12;border-radius:14px}.completion-progress-wrap>div:first-child{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.5rem;color:#5f3d79;font-weight:900;font-size:.86rem}.completion-progress{height:11px;overflow:hidden;background:#e1c889;border-radius:999px;box-shadow:inset 0 1px 3px #4826132e}.completion-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5d3a7c,#aa78c5,#f0c25c);box-shadow:0 0 14px #76499d8f;transition:width .7s cubic-bezier(.23,1,.32,1)}.completion-sound-note{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:1rem;color:#6c5361;font-size:.74rem;font-weight:800}.completion-sound-note svg{color:#8554a1}.completion-continue{width:100%;padding:.88rem 1rem;color:#fffefa;background:linear-gradient(145deg,#75449a,#4d2d6d);border:2px solid #eecb6c;border-radius:15px 15px 6px;box-shadow:0 5px #392050;cursor:pointer;font:800 1rem Changa,sans-serif;transition:transform .15s,filter .15s}.completion-continue:hover{filter:brightness(1.08);transform:translateY(-2px)}.completion-continue:active{transform:scale(.98)}.completion-confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden}.completion-confetti i{position:absolute;top:-8%;width:10px;height:15px;border-radius:3px;background:#f3cb63;animation:completion-confetti 2.8s cubic-bezier(.16,.6,.4,1) infinite}.completion-confetti i:nth-child(3n){background:#ba8ad2;width:7px;height:7px;border-radius:50%}.completion-confetti i:nth-child(4n){background:#8db078;width:5px;height:16px}.completion-confetti i:nth-child(1){left:5%;animation-delay:-1.2s}.completion-confetti i:nth-child(2){left:12%;animation-delay:-.4s}.completion-confetti i:nth-child(3){left:19%;animation-delay:-1.8s}.completion-confetti i:nth-child(4){left:26%;animation-delay:-.7s}.completion-confetti i:nth-child(5){left:33%;animation-delay:-2.1s}.completion-confetti i:nth-child(6){left:40%;animation-delay:-1.4s}.completion-confetti i:nth-child(7){left:47%;animation-delay:-.1s}.completion-confetti i:nth-child(8){left:54%;animation-delay:-1.9s}.completion-confetti i:nth-child(9){left:61%;animation-delay:-.8s}.completion-confetti i:nth-child(10){left:68%;animation-delay:-1.6s}.completion-confetti i:nth-child(11){left:74%;animation-delay:-.5s}.completion-confetti i:nth-child(12){left:79%;animation-delay:-2.3s}.completion-confetti i:nth-child(13){left:83%;animation-delay:-1s}.completion-confetti i:nth-child(14){left:89%;animation-delay:-1.7s}.completion-confetti i:nth-child(15){left:94%;animation-delay:-.25s}.completion-confetti i:nth-child(16){left:7%;animation-delay:-2.4s}.completion-confetti i:nth-child(17){left:57%;animation-delay:-2.6s}.completion-confetti i:nth-child(18){left:96%;animation-delay:-1.3s}@keyframes completion-fade{0%{opacity:0}to{opacity:1}}@keyframes completion-rise{0%{opacity:0;transform:translateY(22px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes completion-star-pop{0%{transform:rotate(-18deg) scale(.72)}70%{transform:rotate(8deg) scale(1.12)}to{transform:rotate(0) scale(1)}}@keyframes completion-confetti{0%{transform:translateZ(0) rotate(0);opacity:0}12%{opacity:1}to{transform:translate3d(34px,115vh,0) rotate(540deg);opacity:0}}@media (max-width:520px){.completion-dialog{padding:2.25rem 1rem 1.2rem;border-radius:28px 28px 7px}.completion-stats{gap:.35rem}.completion-stats>div{padding:.55rem .28rem}.completion-stats b{font-size:1.05rem}.completion-stats small{font-size:.66rem}.completion-dialog>p{font-size:.9rem}.completion-emblem{transform:scale(.9)}}@media (prefers-reduced-motion:reduce){.completion-overlay,.completion-dialog,.completion-emblem,.completion-confetti i{animation:none}.completion-progress i{transition:none}}.completion-companion{display:flex;align-items:center;gap:.65rem;max-width:510px;margin:1rem auto .3rem;padding:.55rem .75rem;background:linear-gradient(135deg,#f8efd5,#fff9ed);border:1px solid #e2bf69;border-radius:19px 19px 8px;text-align:right;box-shadow:0 5px #9b651c14}.completion-companion img{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 4px 4px rgb(76 43 22 / .18))}.completion-companion div{display:grid;gap:.08rem}.completion-companion b{color:#694177;font:800 .86rem Changa,sans-serif}.completion-companion p{margin:0;max-width:none;color:#735b4a;font-size:.79rem;line-height:1.65}@media (max-width:540px){.completion-companion{padding:.45rem .55rem}.completion-companion img{width:52px;height:52px}.completion-companion p{font-size:.72rem}}.hadith-page-shell{width:100%;max-width:100%;min-height:100vh;overflow-x:clip;color:#2c183b;background:#f8f0df;font-family:Tajawal,sans-serif}.hadith-topbar{min-height:80px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.8rem clamp(1rem,4vw,4rem);color:#fff9e8;background:#40245c;box-shadow:0 3px #dcae3d}.hadith-brand,.hadith-home-link{display:inline-flex;align-items:center;gap:.65rem;width:fit-content;color:inherit;text-decoration:none}.hadith-brand img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 4px 7px rgba(0,0,0,.25))}.hadith-brand span{display:grid;line-height:1;gap:.35rem}.hadith-brand b{font-family:Changa,sans-serif;font-size:1.05rem}.hadith-brand small{color:#f6d984;font-size:.72rem}.hadith-topbar-title{display:inline-flex;align-items:center;gap:.45rem;color:#f6d984;font-weight:800}.hadith-home-link{justify-self:end;padding:.65rem 1rem;color:#432358;background:#f5d37a;border-radius:999px;font-weight:900;transition:transform .18s cubic-bezier(.23,1,.32,1),box-shadow .18s cubic-bezier(.23,1,.32,1)}.hadith-home-link:hover{transform:translateY(-2px) rotate(-1deg);box-shadow:0 5px #bf8628}.hadith-home-link:active{transform:scale(.97)}.hadith-directory,.hadith-reader-screen{box-sizing:border-box;width:min(100%,1640px);max-width:100%;margin-inline:auto;padding:clamp(1.5rem,4vw,4rem)}.hadith-directory-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,330px);align-items:center;gap:clamp(1.5rem,4vw,4rem);padding:clamp(1.5rem,4vw,3.5rem) 0 1rem}.hadith-eyebrow{display:inline-flex;align-items:center;gap:.45rem;color:#776027;font-size:.9rem;font-weight:900}.hadith-directory h1,.hadith-reader-paper h1{margin:.6rem 0;font-family:Changa,sans-serif;font-size:clamp(2rem,4.5vw,4.3rem);line-height:1.25}.hadith-directory h1 em{color:#7b4d9a;font-style:normal}.hadith-directory p{max-width:700px;margin:0;color:#664f53;font-size:clamp(1rem,1.4vw,1.2rem);line-height:2}.hadith-directory-meta{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.15rem}.hadith-directory-meta span{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .8rem;color:#6c4c11;background:#fff9e9;border:1px solid #e9c46a;border-radius:999px;font-size:.86rem;font-weight:900}.hadith-compass-card{position:relative;overflow:hidden;display:grid;justify-items:center;gap:.65rem;min-height:220px;padding:1.5rem;color:#fff7e5;text-align:center;background:radial-gradient(circle at top,#8d61ac,#45245e 68%);border:3px solid #e8bb54;border-radius:22px 56px 26px 46px;box-shadow:0 14px 32px #43235633}.hadith-compass-card:before{content:"";position:absolute;inset:15px;border:1px dashed rgba(249,218,125,.45);border-radius:50%;transform:rotate(17deg)}.hadith-compass-card>*{position:relative;z-index:1}.compass-star{display:grid;place-items:center;width:70px;height:70px;color:#482565;background:#f2cd6d;clip-path:polygon(50% 0,59% 34%,84% 16%,66% 41%,100% 50%,66% 59%,84% 84%,59% 66%,50% 100%,41% 66%,16% 84%,34% 59%,0 50%,34% 41%,16% 16%,41% 34%)}.hadith-compass-card b{font-family:Changa,sans-serif;font-size:1.25rem}.hadith-compass-card small{max-width:210px;line-height:1.6}.hadith-compass-card i{width:78%;border-top:2px dotted #f5d477}.hadith-compass-card>span:last-child{font-weight:900;color:#f5d477}.hadith-route{display:flex;align-items:center;gap:.8rem;margin:1rem 0 1.5rem;color:#744a19;font-weight:900}.hadith-route i{flex:1;border-top:2px dotted #d99c32}.hadith-route span{display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap}.hadith-station-grid{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.8rem);padding:42px 18px 50px}.hadith-station-grid:before{content:"";position:absolute;z-index:0;right:3%;left:3%;top:48%;height:170px;pointer-events:none;opacity:.95;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 109 C142 4 234 194 391 90 S674 7 797 111 S1034 194 1184 81' fill='none' stroke='%23D89028' stroke-width='8' stroke-linecap='round' stroke-dasharray='2 18'/%3E%3Ccircle cx='15' cy='109' r='12' fill='%23713c95'/%3E%3Ccircle cx='1184' cy='81' r='12' fill='%234f7a61'/%3E%3C/svg%3E") center/100% 100% no-repeat;filter:drop-shadow(0 4px 0 rgba(255,243,205,.9))}.hadith-station-grid:after{content:"محطات على مسار النور";position:absolute;z-index:2;top:7px;right:50%;translate:50% 0;padding:6px 12px;color:#fff8e8;background:#713c95;border:2px solid #f4d682;border-radius:10px 10px 3px;box-shadow:0 4px #4e286b;font-size:.76rem;font-weight:900;white-space:nowrap}.hadith-station-card{position:relative;z-index:1;overflow:hidden;display:flex;min-height:330px;flex-direction:column;align-items:flex-start;padding:1.4rem;color:#3a2240;text-align:right;border:2px solid rgba(190,132,34,.28);border-radius:28px 12px 36px 15px;cursor:pointer;background-color:#fff7e2;background-image:radial-gradient(rgba(145,95,37,.11) .8px,transparent .9px),linear-gradient(125deg,rgba(255,255,255,.88),transparent 62%);background-size:8px 8px,auto;box-shadow:0 8px #875b2124,0 18px 34px #492b2a1f;transition:transform .22s cubic-bezier(.23,1,.32,1),box-shadow .22s cubic-bezier(.23,1,.32,1)}.hadith-station-card:before{content:"";position:absolute;inset:9px;pointer-events:none;border:1px dashed rgba(123,77,154,.28);border-radius:20px 7px 28px 10px}.hadith-station-card:hover{transform:translateY(-7px) rotate(-.5deg);box-shadow:0 12px #875b2129,0 26px 45px #492b2a29}.hadith-station-card:active{transform:scale(.98)}.hadith-station-card.gold{--station:#be8422}.hadith-station-card.green{--station:#4f7a61}.hadith-station-card.purple{--station:#7b4d9a}.hadith-station-number{color:var(--station);font-family:Changa,sans-serif;font-size:1.55rem;font-weight:900}.hadith-station-symbol{position:absolute;top:1.2rem;left:1.15rem;display:grid;place-items:center;width:42px;height:42px;color:#fff9ea;background:var(--station);border-radius:50%;box-shadow:0 0 0 5px #fff9ead9}.hadith-station-card.is-completed .hadith-station-symbol{color:#284d3d;background:#e5bd51}.hadith-station-copy{position:relative;z-index:1;display:grid;gap:.55rem;margin-top:auto}.hadith-station-copy small{display:inline-flex;width:fit-content;padding:.28rem .48rem;color:var(--station);background:#ffeebab3;border-radius:7px 7px 2px;font-weight:900}.hadith-station-copy b{font-family:Changa,sans-serif;font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.35}.hadith-station-copy em{color:#7f5d38;font-size:.96rem;font-style:normal;font-weight:900}.hadith-station-copy p{margin:.1rem 0 0;color:#665655;font-size:.92rem;line-height:1.7}.hadith-station-action{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.35rem;margin-top:1rem;padding:.55rem .8rem;color:#fffaf0;background:var(--station);border-radius:999px;font-size:.85rem;font-weight:900}.hadith-pagination{display:flex;align-items:center;justify-content:center;gap:.7rem;margin:2rem auto 0}.hadith-pagination button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:42px;min-height:42px;padding:.6rem .85rem;color:#58352c;background:#fff9e9;border:1px solid #e3bd62;border-radius:999px;font-weight:900;cursor:pointer}.hadith-pagination div{display:flex;gap:.4rem}.hadith-pagination button.active{color:#fff;background:#6d438c;border-color:#6d438c}.hadith-pagination button:disabled{opacity:.42;cursor:not-allowed}.hadith-reader-screen{position:relative;min-height:calc(100vh - 80px);padding-top:2rem}.hadith-reader-exit{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;color:#fffaf0;background:#6d438c;border:0;border-radius:999px;font-weight:900;cursor:pointer;box-shadow:0 5px #4b2b65;transition:transform .18s cubic-bezier(.23,1,.32,1)}.hadith-reader-exit:hover{transform:translateY(-2px)}.hadith-reader-exit:active{transform:scale(.97)}.hadith-reader-route{display:flex;align-items:center;justify-content:center;gap:.6rem;margin:1.4rem 0;color:#6c5137;font-weight:900}.hadith-reader-route i{width:min(9vw,90px);border-top:2px dotted #c99432}.hadith-reader-route>span:first-child{display:grid;place-items:center;width:34px;height:34px;color:#fff8e7;border-radius:50%}.hadith-reader-route>span.gold{background:#bd8020}.hadith-reader-route>span.green{background:#4f7a61}.hadith-reader-route>span.purple{background:#754595}.hadith-reader-paper{max-width:1120px;margin:0 auto;padding:clamp(1.5rem,5vw,4.2rem);text-align:center;background:#fffaf0;border:2px solid #e7c978;border-radius:44px 16px 56px 20px;box-shadow:0 18px 45px #482b232e}.hadith-reader-paper h1{color:#4b2b62;font-size:clamp(1.75rem,3.5vw,3rem)}.hadith-reader-label,.hadith-reader-emblem{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;color:#72531e;font-weight:900}.hadith-reader-label{padding:.4rem .75rem;background:#f9e6b1;border-radius:999px}.hadith-reader-emblem{margin:1rem auto 1.6rem;color:#7b4d9a}.hadith-reader-emblem:before,.hadith-reader-emblem:after{content:"";width:50px;border-top:2px dotted #c99432}.hadith-reader-paper blockquote{max-width:920px;margin:0 auto;padding:clamp(1.2rem,3vw,2.2rem);color:#3a2a41;font-family:Tajawal,sans-serif;font-size:clamp(1.18rem,2.1vw,1.65rem);font-weight:700;line-height:2.35;text-align:right;background:linear-gradient(120deg,#faefc8b3,#fffbf0e6);border:0;border-right:5px solid #c8922c;border-radius:8px 24px 24px 8px}.hadith-reader-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.8rem;padding-top:1.25rem;border-top:1px dashed #d6b86b;color:#6c5137;font-weight:900;text-align:right}.hadith-reader-footer span,.hadith-reader-footer button{display:inline-flex;align-items:center;gap:.5rem}.hadith-reader-footer button{padding:.85rem 1.1rem;color:#fff8e8;background:#4f7a61;border:0;border-radius:999px;font-weight:900;cursor:pointer;box-shadow:0 5px #31543e;transition:transform .18s cubic-bezier(.23,1,.32,1)}.hadith-reader-footer button:hover{transform:translateY(-2px)}.hadith-reader-footer button:active{transform:scale(.97)}@media (max-width: 800px){.hadith-topbar{grid-template-columns:1fr auto}.hadith-topbar-title{display:none}.hadith-directory-intro{grid-template-columns:1fr}.hadith-compass-card{min-height:170px}.hadith-station-grid{grid-template-columns:1fr;padding:38px 5px 24px}.hadith-station-grid:before{top:8%;right:auto;left:31%;width:92px;height:86%;transform:rotate(90deg);opacity:.68}.hadith-station-grid:after{top:0}.hadith-station-card{min-height:280px}.hadith-reader-route{font-size:.76rem}.hadith-reader-route i{width:18px}.hadith-reader-footer{flex-direction:column;align-items:stretch;text-align:center}.hadith-reader-footer span,.hadith-reader-footer button{justify-content:center}.hadith-reader-paper blockquote{line-height:2.12}}@media (prefers-reduced-motion: reduce){.hadith-station-card,.hadith-home-link,.hadith-reader-exit,.hadith-reader-footer button{transition:none}}.hadith-leaf-navigator{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;max-width:650px;margin:0 auto 1.6rem;padding:.75rem;background:#f5dea154;border:1px dashed rgba(166,112,30,.38);border-radius:18px 7px}.hadith-leaf-navigator button{display:grid;place-items:center;width:33px;height:33px;padding:0;color:#744b28;background:#fffaf0;border:1px solid #d6b86b;border-radius:50% 50% 50% 8px;font-family:Changa,sans-serif;font-size:.78rem;font-weight:900;cursor:pointer;transition:transform .16s cubic-bezier(.23,1,.32,1),background .16s cubic-bezier(.23,1,.32,1)}.hadith-leaf-navigator button:hover{transform:translateY(-2px) rotate(-4deg)}.hadith-leaf-navigator button.is-active{color:#fffaf0;background:#754595;border-color:#754595;box-shadow:0 3px #4d2d69}.hadith-leaf-navigator button.is-read:not(.is-active){color:#2f644c;background:#ddca75;border-color:#b59737}@media (max-width:800px){.hadith-leaf-navigator{gap:.35rem;padding:.6rem}.hadith-leaf-navigator button{width:30px;height:30px;font-size:.72rem}}.hadith-station-grid{margin-top:.5rem;padding:66px 42px 86px;border:1px dashed rgba(188,126,42,.4);border-radius:52px 18px 58px 22px;background-color:#fff8e185;background-image:radial-gradient(rgba(139,92,38,.11) .75px,transparent .9px),linear-gradient(115deg,rgba(255,255,255,.65),transparent 52%);background-size:10px 10px,auto}.hadith-station-grid:before{top:42%;height:210px;opacity:1;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 125 C142 8 236 212 391 98 S674 3 797 126 S1034 212 1184 82' fill='none' stroke='%23D89028' stroke-width='9' stroke-linecap='round' stroke-dasharray='2 18'/%3E%3Cpath d='M16 124 C143 7 235 211 390 97' fill='none' stroke='%23FFE7A8' stroke-width='3' stroke-linecap='round' stroke-dasharray='1 22'/%3E%3Ccircle cx='15' cy='125' r='14' fill='%23713c95' stroke='%23FFE6A8' stroke-width='4'/%3E%3Ccircle cx='1184' cy='82' r='14' fill='%234f7a61' stroke='%23FFE6A8' stroke-width='4'/%3E%3C/svg%3E") center/100% 100% no-repeat;filter:drop-shadow(0 5px 0 rgba(255,243,205,.95))}.hadith-station-grid:after{top:9px;padding:7px 14px;font-size:.78rem}.hadith-station-card{--station-shift:0px;--station-turn:0deg;transform:translateY(var(--station-shift)) rotate(var(--station-turn))}.hadith-station-card:nth-child(3n+2){--station-shift:38px;--station-turn:.55deg}.hadith-station-card:nth-child(3n+3){--station-shift:-12px;--station-turn:-.45deg}.hadith-station-card:hover{transform:translateY(calc(var(--station-shift) - 8px)) rotate(calc(var(--station-turn) - .5deg))}.hadith-station-card:active{transform:translateY(var(--station-shift)) scale(.98)}@media (max-width:800px){.hadith-station-grid{padding:48px 12px 36px;border-radius:30px 10px 34px 12px}.hadith-station-grid:before{top:8%;right:auto;left:31%;width:92px;height:86%;transform:rotate(90deg);opacity:.8}.hadith-station-card{--station-shift:0px !important;--station-turn:0deg !important}}.hadith-brand img{width:48px;height:48px;animation:hadith-logo-orbit 4.8s ease-in-out infinite}.hadith-reader-paper blockquote{max-height:min(52vh,650px);overflow:auto;font-size:clamp(1.08rem,1.85vw,1.48rem);scrollbar-color:#c8922c #f7e6ba;scrollbar-width:thin}.hadith-reader-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.65rem;margin:1.15rem 0 0}.hadith-listen-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;color:#563372;background:#f3dfac;border:2px solid #c49436;border-radius:999px;font-weight:900;cursor:pointer;box-shadow:0 4px #c49436;transition:transform .18s cubic-bezier(.23,1,.32,1),background .18s cubic-bezier(.23,1,.32,1)}.hadith-listen-button:hover{transform:translateY(-2px) rotate(-1deg)}.hadith-listen-button:active{transform:scale(.97)}.hadith-listen-button.is-playing{color:#fff9e9;background:#7b4d9a;border-color:#633a7d;box-shadow:0 4px #633a7d}.hadith-listen-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.hadith-reader-actions small{color:#8b5d38;font-weight:700}.hadith-reader-navigation{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.65rem}.hadith-reader-footer button:hover:not(:disabled){transform:translateY(-2px)}.hadith-reader-footer button:active:not(:disabled){transform:scale(.97)}.hadith-reader-footer button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.hadith-reader-footer .hadith-previous-button{color:#694425;background:#f3dca2;box-shadow:0 5px #c79741}.journey-celebration{position:fixed;z-index:100;inset:0;display:grid;place-items:center;align-content:center;gap:.75rem;padding:2rem;color:#fff9e7;text-align:center;background:radial-gradient(circle at center,#774894f0,#28163af0);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:celebration-fade .28s cubic-bezier(.23,1,.32,1) both}.journey-celebration:before{content:"";position:absolute;inset:5%;pointer-events:none;border:2px dashed rgba(249,217,126,.72);border-radius:46% 54% 49% 51%;animation:celebration-spin 16s linear infinite}.journey-celebration>*{position:relative;z-index:1}.journey-celebration-close{position:absolute;top:1.2rem;left:1.2rem;display:grid;place-items:center;width:42px;height:42px;padding:0;color:#fff9e7;background:#ffffff1f;border:1px solid rgba(249,217,126,.62);border-radius:50%;cursor:pointer}.journey-celebration-stars{display:flex;align-items:center;gap:1.2rem;color:#f6d479}.journey-celebration-stars svg{width:42px;height:42px;animation:celebration-star 1.2s ease-in-out infinite alternate}.journey-celebration-stars svg:nth-child(2){width:58px;height:58px;color:#fff4ba;animation-delay:.2s}.journey-celebration-stars svg:nth-child(3){animation-delay:.4s}.journey-celebration-logo{width:94px;height:94px;object-fit:contain;filter:drop-shadow(0 8px 11px rgba(0,0,0,.34));animation:celebration-logo 1.8s cubic-bezier(.23,1,.32,1) infinite alternate}.journey-celebration-kicker{padding:.38rem .8rem;color:#512d6b;background:#f6d479;border-radius:999px;font-weight:900}.journey-celebration h2{max-width:560px;margin:0;font-family:Changa,sans-serif;font-size:clamp(1.6rem,4vw,2.8rem)}.journey-celebration p{max-width:470px;margin:0;color:#fff6d9;font-size:1.06rem;font-weight:700;line-height:1.9}.journey-celebration>button:last-child{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.1rem;color:#512d6b;background:#f6d479;border:0;border-radius:999px;font-weight:900;cursor:pointer;box-shadow:0 5px #b88125;transition:transform .18s cubic-bezier(.23,1,.32,1)}.journey-celebration>button:last-child:hover{transform:translateY(-2px)}.journey-celebration>button:last-child:active{transform:scale(.97)}@keyframes hadith-logo-orbit{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(6deg)}}@keyframes celebration-fade{0%{opacity:0}to{opacity:1}}@keyframes celebration-spin{to{transform:rotate(360deg)}}@keyframes celebration-star{0%{transform:translateY(0) scale(.92) rotate(-6deg)}to{transform:translateY(-8px) scale(1.08) rotate(7deg)}}@keyframes celebration-logo{0%{transform:translateY(0) scale(.96)}to{transform:translateY(-8px) scale(1.07)}}@media (max-width:800px){.hadith-reader-navigation{justify-content:center;width:100%}.hadith-reader-navigation button{flex:1;justify-content:center}.journey-celebration{padding:1.5rem}.journey-celebration h2{line-height:1.45}}@media (prefers-reduced-motion: reduce){.hadith-brand img,.journey-celebration:before,.journey-celebration-stars svg,.journey-celebration-logo{animation:none}}.hadith-topbar{background-color:#442763;background-image:radial-gradient(circle at 14% 35%,rgba(255,226,139,.8) 0 1px,transparent 1.5px),radial-gradient(circle at 72% 58%,rgba(255,226,139,.55) 0 1px,transparent 1.5px),linear-gradient(120deg,#3f215bfa,#573077f5);background-size:72px 72px,104px 104px,auto}.hadith-brand{position:relative}.hadith-brand:after{content:"وسم الرحلة";position:absolute;right:calc(100% + .6rem);top:50%;transform:translateY(-50%) rotate(-3deg);padding:.3rem .55rem;color:#5a346f;background:#f5dfa7;border:1px solid #d7a849;border-radius:6px 10px 7px 9px;font-size:.62rem;font-weight:900;white-space:nowrap;box-shadow:0 2px #b88a36}.hadith-station-grid{isolation:isolate;overflow:hidden;padding-top:7.5rem;background-color:#f8edcf;background-image:linear-gradient(rgba(182,131,52,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(182,131,52,.08) 1px,transparent 1px),radial-gradient(circle at 50% 0,rgba(255,255,255,.8),transparent 48%);background-size:18px 18px,18px 18px,auto}.hadith-station-grid:before{z-index:1;opacity:1;filter:drop-shadow(0 2px 0 rgba(255,244,206,.95))}.hadith-station-card{z-index:2;border:2px solid rgba(171,119,42,.38);box-shadow:0 9px #97662230,0 18px 27px #47273721}.hadith-station-card:before{content:"";position:absolute;inset:8px;pointer-events:none;border:1px dashed rgba(167,113,38,.28);border-radius:inherit}.hadith-station-number{z-index:3;color:#5a346f;background:#f6d677;border:1px solid #a66d21;box-shadow:0 3px #bc8230}.hadith-station-copy,.hadith-station-action,.hadith-station-symbol{position:relative;z-index:3}.hadith-route-map{position:absolute;z-index:1;inset:1.6rem 7% auto;display:flex;align-items:center;justify-content:center;gap:.5rem;color:#7c4f99;pointer-events:none;font-size:.75rem;font-weight:900}.hadith-route-map span{padding:.32rem .56rem;background:#f9e8b9;border:1px solid #c39135;border-radius:7px 10px 8px 11px;box-shadow:0 3px #ab722373;transform:rotate(-2deg)}.hadith-route-map span:last-child{transform:rotate(2deg)}.hadith-route-map i{display:block;width:clamp(82px,12vw,166px);height:26px;border-top:3px dashed #cb962f;border-radius:50%;transform:translateY(10px)}.hadith-route-map .route-star{display:grid;place-items:center;padding:.5rem;color:#fff9da;background:#73468f;border-color:#55326f;border-radius:50%;transform:rotate(0);box-shadow:0 3px #4d2d66}.hadith-compass-card{background-color:#4a2b69;background-image:radial-gradient(circle at 16% 24%,rgba(250,222,132,.75) 0 1px,transparent 1.5px),radial-gradient(circle at 76% 68%,rgba(250,222,132,.55) 0 1px,transparent 1.5px),linear-gradient(135deg,#5e3781,#3d2458);background-size:58px 58px,82px 82px,auto}@media (max-width:800px){.hadith-brand:after{display:none}.hadith-station-grid{padding-top:6rem}.hadith-route-map{inset:1rem 1.3rem auto;gap:.25rem;font-size:.65rem}.hadith-route-map i{width:clamp(25px,10vw,54px)}.hadith-route-map span{padding:.26rem .38rem}}.help-page{min-height:100vh;color:#503848;background:linear-gradient(180deg,#fffdfa 0,#fff8e9 48%,#efe0be);font-family:Tajawal,system-ui,sans-serif}.help-hero{display:grid;grid-template-columns:1.04fr .96fr;align-items:stretch;gap:clamp(1rem,3vw,3rem);width:min(1240px,calc(100% - 2rem));margin:clamp(2rem,5vw,4.5rem) auto 3rem}.help-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(1.7rem,5vw,4.8rem);border-radius:34px 34px 74px;background:radial-gradient(circle at 0 100%,#9b78ae 0 18%,transparent 18.3%),radial-gradient(circle at 8% 5%,rgb(255 255 255 / .55) 0 10%,transparent 10.4%),linear-gradient(135deg,#f8e7b7,#ffeec2);box-shadow:inset 0 0 0 1px #ba822640,0 18px 35px #4e2b1317}.help-hero-copy>p,.help-visual-copy>p{display:flex;align-items:center;gap:.35rem;margin:0;color:#71498c;font-weight:900;font-size:.9rem}.help-hero h1{margin:.6rem 0;color:#543171;font:800 clamp(2rem,5vw,4.3rem) Changa,sans-serif;line-height:1.2}.help-hero h1 em{color:#c88a24;font-style:normal}.help-hero-copy>span{max-width:540px;color:#72563f;font-size:1.08rem;line-height:2}.help-hero-copy>a,.help-step-copy>a,.help-visual-copy>a{display:inline-flex;align-items:center;align-self:flex-start;gap:.45rem;margin-top:1.35rem;padding:.82rem 1.15rem;color:#fffaf0;background:linear-gradient(150deg,#75479a,#562a77);border:1px solid #9d74b8;border-radius:14px 14px 5px;box-shadow:0 6px #3d1f5a;text-decoration:none;font-weight:900;transition:transform .16s,box-shadow .16s}.help-hero-copy>a:hover,.help-step-copy>a:hover,.help-visual-copy>a:hover{transform:translateY(-3px);box-shadow:0 9px #3d1f5a}.help-hero figure,.help-visual-guide figure{position:relative;min-height:350px;margin:0;overflow:hidden;border:2px solid #e0bd68;border-radius:28px 28px 28px 64px;box-shadow:0 18px 35px #4c281329}.help-hero figure img,.help-visual-guide figure img{width:100%;height:100%;object-fit:cover}.help-hero figcaption{position:absolute;right:0;bottom:0;left:0;display:flex;align-items:center;gap:.45rem;padding:1rem 1.2rem;color:#fffaf0;background:linear-gradient(90deg,rgb(60 30 65 / .86),transparent);font-weight:900}.help-steps{width:min(1120px,calc(100% - 2rem));margin:0 auto}.help-steps>header{text-align:center}.help-steps>header p{margin:0;color:#a56e24;font-weight:900}.help-steps h2{margin:.35rem 0;color:#553170;font:800 clamp(1.7rem,4vw,3rem) Changa,sans-serif}.help-steps>header span{display:block;max-width:680px;margin:auto;color:#735949;line-height:1.85}.help-steps>div{display:grid;gap:1.2rem;margin-top:2rem}.help-step{display:grid;grid-template-columns:.88fr 1.12fr;gap:clamp(1rem,4vw,3.5rem);align-items:center;padding:1rem;border:1px solid #e5c77f;border-radius:28px 28px 58px;background:#fffdf7;box-shadow:0 12px 28px #4f2d1617}.help-step.reversed{grid-template-columns:1.12fr .88fr;background:#f7efd7}.help-step.reversed figure{order:2}.help-step figure{position:relative;min-height:255px;margin:0;overflow:hidden;border-radius:20px 20px 20px 48px}.help-step figure img{display:block;width:100%;height:100%;object-fit:cover}.help-step figure>span{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:48px;height:48px;color:#fffaf0;background:#5c397b;border:2px solid #f6d06e;border-radius:50%;font:800 1.2rem Changa,sans-serif;box-shadow:0 4px #38204f}.help-step-copy{padding:clamp(.5rem,2vw,1.5rem)}.help-step-copy i{display:grid;place-items:center;width:46px;height:46px;color:#e2a22d;background:#fff1bc;border-radius:14px 14px 4px}.help-step-copy>p{margin:.8rem 0 .15rem;color:#9b6a25;font-weight:900;font-size:.85rem}.help-step-copy h3{margin:0;color:#553170;font:800 clamp(1.35rem,3vw,2.15rem) Changa,sans-serif}.help-step-copy>span{display:block;margin-top:.55rem;color:#705644;font-size:1rem;line-height:2}.help-visual-guide{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(1rem,4vw,4rem);width:min(1200px,calc(100% - 2rem));margin:4rem auto 1.5rem;padding:clamp(1.2rem,4vw,3.4rem);border-radius:34px 34px 75px;background:#533473}.help-visual-copy{color:#fff7e8}.help-visual-copy>p{color:#f5d168}.help-visual-copy h2{margin:.45rem 0;color:#fff8e9;font:800 clamp(1.6rem,3.5vw,2.7rem) Changa,sans-serif}.help-visual-copy>span{display:block;color:#eadff0;line-height:1.95}.help-visual-copy>div{display:grid;gap:.5rem;margin-top:1rem}.help-visual-copy>div span{display:flex;align-items:center;gap:.4rem;color:#f9edcf;font-size:.9rem;font-weight:800}.help-visual-copy>div svg{color:#f5d16c}.help-visual-copy>a{background:linear-gradient(150deg,#efc354,#b97722);box-shadow:0 6px #774814}.help-visual-copy>a:hover{box-shadow:0 9px #774814}.help-visual-guide figure{min-height:300px;border-color:#f0d373}.help-visual-guide figcaption{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;color:#fffaf0;background:linear-gradient(135deg,#30173c1f,#30173ca8);text-align:center}.help-visual-guide figcaption svg{padding:10px;width:70px;height:70px;border:2px solid #ffe17b;border-radius:50%;background:#54316fb3}.help-visual-guide figcaption b{font:800 1.15rem Changa,sans-serif}.help-visual-guide figcaption small{font-weight:800}.help-teacher-note{display:flex;align-items:flex-start;gap:.7rem;width:min(900px,calc(100% - 2rem));margin:2.4rem auto;padding:1rem 1.2rem;color:#604272;border:1px solid #d8ad55;border-radius:18px;background:#fff4ce}.help-teacher-note svg{flex:none;color:#c88721}.help-teacher-note p{margin:0;line-height:1.85}.help-footer{padding:1.8rem;color:#f8e8c0;background:#392450;text-align:center;font-weight:900}@media (max-width:720px){.help-hero,.help-visual-guide{grid-template-columns:1fr}.help-hero{width:calc(100% - 1.2rem);margin-top:1.8rem}.help-hero-copy{padding:1.7rem}.help-hero figure{min-height:250px}.help-step,.help-step.reversed{grid-template-columns:1fr}.help-step.reversed figure{order:0}.help-step figure{min-height:210px}.help-visual-guide{width:calc(100% - 1.2rem);margin-top:2.5rem;padding:1.2rem}.help-visual-guide figure{min-height:240px}.help-teacher-note{width:calc(100% - 1.2rem)}}@media (prefers-reduced-motion:reduce){.help-hero-copy>a,.help-step-copy>a,.help-visual-copy>a{transition:none}}.help-visual-video video{display:block;width:100%;height:100%;object-fit:cover;background:#2f1e42}.help-visual-video figcaption{inset:1rem 1rem auto auto;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.35rem;padding:.45rem .65rem;border:1px solid rgb(255 225 123 / .72);border-radius:12px 12px 4px;background:#30173cbf;text-align:right;pointer-events:none}.help-visual-video figcaption svg{width:20px;height:20px;padding:0;border:0;background:transparent}.help-visual-video figcaption b{font:800 .78rem Tajawal,sans-serif}.help-visual-video figcaption small{display:none}.enter-sira-button{background:#d89028;box-shadow:0 8px #a55c1c,0 16px 29px #8548143d}.enter-sira-button:hover{background:#e29d35}.stage-card-grid{isolation:isolate;position:relative;padding:19px 12px 30px}.stage-card-grid:before{content:"";position:absolute;z-index:0;inset:22% 2% 0;height:150px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 1000 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 90 C108 8 176 153 270 76 S432 15 520 93 S688 149 755 68 S901 12 993 88' fill='none' stroke='%23D89028' stroke-width='7' stroke-linecap='round' stroke-dasharray='2 19' opacity='.86'/%3E%3C/svg%3E") center / 100% 100% no-repeat;pointer-events:none}.stage-card{z-index:1;border:2px solid rgb(186 122 47 / .35);background-color:#fff9eb;background-image:radial-gradient(rgb(156 101 38 / .08) .7px,transparent .8px),linear-gradient(140deg,rgb(255 255 255 / .65),transparent 48%);background-size:7px 7px,auto;box-shadow:0 10px #814d1f1a,0 24px 38px #76471f21}.stage-card:after{content:"✦";position:absolute;left:18px;bottom:18px;display:grid;width:27px;height:27px;place-items:center;color:#fff9e9;background:#d89028;border:2px solid #fff3cf;border-radius:50% 50% 5px;box-shadow:0 4px #a55c1c;font-size:15px;line-height:1}.stage-card:nth-child(1){transform:translateY(2px) rotate(-1.1deg)}.stage-card:nth-child(2){transform:translateY(20px) rotate(.8deg)}.stage-card:nth-child(3){transform:translateY(-6px) rotate(-.5deg)}.stage-card:nth-child(4){transform:translateY(14px) rotate(1deg)}.stage-card:nth-child(2):hover{transform:translateY(9px) rotate(.25deg)}.stage-card:nth-child(4):hover{transform:translateY(4px) rotate(.5deg)}.stage-card-icon{border:2px solid rgb(255 252 239 / .8);box-shadow:0 4px #5b32171a}.stage-card-copy small{color:#a0652c}.stage-card-copy b{color:#4a2e24}.stage-card-action{color:#be671d;font-weight:900}.stage-card-action:before{content:"✦";color:#d89028;font-size:15px}.directory-pagination>div button.active{background:#d89028;border-color:#d89028;box-shadow:0 5px 12px #d8902842}.reader-controls .reader-next{background:#d89028;box-shadow:0 5px #a55c1c}.stage-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:25px 18px 44px}.stage-card-grid:before{inset:14% 3% 0;height:230px}.stage-card{min-height:365px;padding:14px;border-width:3px;border-radius:25px 54px 25px 25px}.stage-card-visual{position:relative;display:block;width:100%;height:164px;overflow:hidden;border:3px solid #fff1ca;border-radius:17px 37px 17px 17px;box-shadow:0 7px #844c1921}.stage-card-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgb(51 22 13 / .38),transparent 52%)}.stage-card-visual img{width:100%;height:100%;object-fit:cover;transition:transform .35s var(--ease-out)}.stage-card:hover .stage-card-visual img{transform:scale(1.07)}.stage-card-visual>span{position:absolute;z-index:1;left:10px;top:10px;display:grid;width:31px;height:31px;place-items:center;color:#fff9e5;background:#d89028;border:2px solid #fff3ce;border-radius:50% 50% 5px;box-shadow:0 4px #a55c1c;animation:station-star 2s ease-in-out infinite}.stage-card-number{z-index:2;top:150px;left:22px;color:#fff9e7;text-shadow:0 2px 7px rgb(47 22 13 / .5)}.stage-card-copy{margin-top:15px;padding:0 6px}.stage-card-copy b{font-size:21px;line-height:1.55}.stage-card-action{margin:auto 7px 4px;padding:10px 13px;color:#9b5418;background:#ffe4a6;border-radius:13px 13px 4px}.stage-card:after{width:32px;height:32px}.stage-card:nth-child(1){transform:translateY(3px) rotate(-1.1deg)}.stage-card:nth-child(2){transform:translateY(28px) rotate(.8deg)}.stage-card:nth-child(3){transform:translateY(-6px) rotate(-.6deg)}.stage-card:nth-child(1):hover{transform:translateY(-7px) rotate(-1.7deg)}.stage-card:nth-child(2):hover{transform:translateY(14px) rotate(.25deg)}.stage-card:nth-child(3):hover{transform:translateY(-14px) rotate(-1deg)}.reader-exit,.reader-return{min-height:49px;padding:12px 17px;border:0;color:#fffaf0;background:#d89028;border-radius:13px 13px 4px;box-shadow:0 6px #a55c1c;font-weight:900;transition:transform .16s var(--ease-out),background .16s var(--ease-out)}.reader-exit:hover,.reader-return:hover{background:#e7a43b;transform:translateY(-2px)}.reader-exit:active,.reader-return:active{transform:scale(.97)}.reader-tools{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:0 0 18px;padding:9px 11px;color:#6a4734;background:#fff2d3;border:1px dashed #ddb260;border-radius:13px 13px 5px;font-size:11px;font-weight:800}.reader-tools span{margin-left:4px}.reader-tools button{display:grid;width:34px;height:34px;place-items:center;border:0;color:#5d2f85;background:#fffaf0;border-radius:9px 9px 4px;box-shadow:0 3px #68371e1f;transition:transform .16s var(--ease-out),color .16s var(--ease-out)}.reader-tools button:not(:disabled):hover{color:#fffaf0;background:#5d2f85;transform:translateY(-2px)}.reader-tools button:disabled{opacity:.45;cursor:not-allowed}.reader-tools strong{min-width:37px;text-align:center;color:#a25d1e}.reader-tools .reader-sound{margin-right:auto;color:#a25d1e;background:#ffe5aa}.reader-stage-illustration{position:relative;height:154px;margin:0 0 24px;overflow:hidden;border:3px solid #fff0c7;border-radius:20px 40px 20px 20px;box-shadow:0 8px #814d1f1a}.reader-stage-illustration:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgb(49 20 12 / .5),transparent 55%)}.reader-stage-illustration img{width:100%;height:100%;object-fit:cover}.reader-stage-illustration span{position:absolute;z-index:1;right:13px;bottom:12px;display:inline-flex;align-items:center;gap:5px;padding:7px 10px;color:#fffaf0;background:#472314a8;border-radius:10px 10px 3px;font-size:11px;font-weight:800}.reader-stage-illustration svg{color:#ffd66e}.reader-content{transition:font-size .22s var(--ease-out)}@keyframes station-star{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(10deg)}}.stage-directory{position:relative;isolation:isolate}.stage-directory:before{content:"";position:absolute;z-index:-1;inset:340px -9vw 26px;background-image:radial-gradient(#d79a38 1.2px,transparent 1.35px),linear-gradient(90deg,transparent 0 45%,rgb(189 128 42 / .05) 45% 56%,transparent 56%);background-size:16px 16px,100% 100%;opacity:.24;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 89%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 89%,transparent)}.learn-topbar{border:2px solid rgb(216 144 40 / .23);box-shadow:0 10px #b9762414,0 18px 35px #5c311814}.learn-brand{padding:4px 6px;border-radius:15px 15px 5px;background:linear-gradient(135deg,#fff8e7,#f5e1b0);box-shadow:inset 0 0 0 1px #b4742224}.learn-brand img{width:52px;height:52px;filter:drop-shadow(0 4px 2px rgb(86 44 22 / .16))}.learn-brand b{color:#542577;font-size:23px}.learn-brand small{color:#ab6421;font-weight:900}.directory-intro{position:relative;padding:20px;border:1px dashed rgb(188 125 47 / .29);border-radius:28px 54px;background:#fffaef73}.directory-intro:after{content:"✦";position:absolute;left:22px;bottom:18px;display:grid;width:43px;height:43px;place-items:center;color:#fff8e7;background:#713c95;border:3px solid #f9df9a;border-radius:50% 50% 7px;box-shadow:0 5px #4e286b;font-size:22px}.directory-route{margin:46px 0 30px}.directory-route:before,.directory-route:after{content:"";flex:1;max-width:100px;height:50px;border-top:3px dashed #d89028;border-radius:50%;transform:translateY(18px) rotate(7deg)}.directory-route:after{transform:translateY(18px) rotate(-7deg)}.directory-route i{display:none}.directory-route span{padding:9px 15px;color:#704320;background:#fff1ca;border:1px dashed #d89028;border-radius:14px 14px 4px;box-shadow:0 5px #aa5e1b1a}.stage-card{background-color:#fff3d8;background-image:radial-gradient(rgb(139 88 31 / .12) .7px,transparent .8px),linear-gradient(125deg,rgb(255 255 255 / .75),transparent 60%);border-color:#bf7e35;box-shadow:0 9px #703f1b26,0 24px 39px #75451c29}.stage-card:before{width:205px;height:205px;left:-103px;bottom:-122px;opacity:.9}.stage-card:after{content:"✦";left:12px;bottom:12px;background:#713c95;box-shadow:0 4px #4e286b}.stage-card-copy small{display:inline-flex;width:fit-content;padding:4px 8px;color:#8f521a;background:#ffe9b7;border-radius:8px 8px 3px}.stage-card-copy b{color:#482b21}.stage-card-action{border:1px solid rgb(182 107 26 / .24);box-shadow:0 4px #a95c1a26}.stage-card:nth-child(2) .stage-card-action{background:#e7dcf2;color:#633488}.stage-card:nth-child(3) .stage-card-action{background:#e0efd7;color:#2f7650}.directory-pagination{position:relative;margin-top:49px;padding:15px 18px;border:1px dashed rgb(191 128 45 / .36);border-radius:18px 18px 6px;background:#fff5dc;box-shadow:0 8px #79481e14}.directory-pagination:before{content:"محطتك التالية";position:absolute;top:-13px;right:24px;padding:4px 9px;color:#fff8e7;background:#d89028;border-radius:8px 8px 3px;font-size:10px;font-weight:900}.directory-pagination>button{color:#fffaf0;background:#713c95;box-shadow:0 4px #4e286b}.directory-pagination>div button{background:#fff0cc;border-color:#e0ad54}.directory-pagination>div button.active{background:#d89028;border-color:#b8631d}.reader-paper{border:2px solid rgb(191 126 53 / .3);background-image:radial-gradient(rgb(152 98 36 / .1) .8px,transparent .9px),linear-gradient(135deg,rgb(255 255 255 / .4),transparent 54%);background-size:8px 8px,auto}.reader-paper:after{border-color:#713c951a}.reader-route{padding:7px 11px;width:fit-content;background:#fff2d2;border-radius:12px 12px 3px;box-shadow:0 4px #77461f14}.reader-route i{border-color:#d89028}.reader-stage-dot.gold{background:#d89028}.reader-stage-dot.purple{background:#713c95}@media (max-width: 760px){.stage-card-grid{padding:13px 4px 20px}.stage-card:nth-child(2){transform:translateY(13px) rotate(.6deg)}.stage-card:nth-child(4){transform:translateY(10px) rotate(.7deg)}.stage-directory:before{inset:280px -14px 14px}.learn-brand img{width:46px;height:46px}.directory-intro{padding:14px}.directory-route{margin:33px 0 25px}.directory-route:before,.directory-route:after{display:none}.directory-route span{justify-content:center;text-align:center}.stage-card-grid{grid-template-columns:1fr;gap:20px;padding:13px 4px 25px}.stage-card-grid:before{inset:7% 37% 1% auto;width:92px;height:89%;transform:rotate(90deg);opacity:.64}.stage-card{min-height:340px}.stage-card:nth-child(1){transform:translateY(0) rotate(-.7deg)}.stage-card:nth-child(2){transform:translateY(8px) rotate(.6deg)}.stage-card:nth-child(3){transform:translateY(-1px) rotate(-.4deg)}.stage-card-visual{height:170px}.reader-tools span{width:100%}.reader-tools .reader-sound{margin-right:0}.reader-stage-illustration{height:138px}.reader-controls{flex-wrap:wrap}.reader-controls .reader-return{width:100%;justify-content:center}.directory-pagination{gap:6px;padding:13px 9px}.directory-pagination>button{padding:9px 10px}}.learn-page-shell:before,.learn-page-shell:after{content:"";position:fixed;z-index:0;width:260px;height:260px;pointer-events:none;opacity:.18;background:radial-gradient(circle at 50% 0,transparent 23%,#a66422 24% 26%,transparent 27%),radial-gradient(circle at 100% 50%,transparent 23%,#a66422 24% 26%,transparent 27%),radial-gradient(circle at 50% 100%,transparent 23%,#a66422 24% 26%,transparent 27%),radial-gradient(circle at 0 50%,transparent 23%,#a66422 24% 26%,transparent 27%);filter:drop-shadow(0 3px 0 rgb(255 241 196 / .8));animation:islamic-ornament-drift 11s ease-in-out infinite alternate}.learn-page-shell:before{right:-110px;top:28%;transform:rotate(15deg)}.learn-page-shell:after{left:-118px;bottom:8%;transform:rotate(-24deg);animation-delay:-5s}.stage-directory{width:min(1760px,calc(100% - 44px))!important;padding-inline:0}.stage-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(24px,2.4vw,46px);padding:38px clamp(10px,1.5vw,28px) 62px}.stage-card-grid .stage-card{width:100%;max-width:none;justify-self:stretch}.stage-card-grid:before{inset:12% 2% 0;height:290px;background-size:100% 100%;opacity:.98;filter:drop-shadow(0 4px 0 rgb(255 241 197 / .9))}.stage-card-grid:after{content:"المسار الذهبي";position:absolute;z-index:0;right:5%;top:0;padding:6px 11px;color:#fff8e6;background:#d89028;border:2px solid #fff2cd;border-radius:10px 10px 3px;box-shadow:0 4px #a55c1c;font-size:11px;font-weight:900;letter-spacing:.02em}.stage-card{min-height:clamp(420px,42vw,520px);padding:clamp(15px,1.5vw,24px);border-radius:28px 66px 28px 28px}.stage-card.is-completed{border-color:#6a9a76;box-shadow:0 9px #3b694926,0 24px 39px #4f7a6130}.stage-card.is-completed .stage-card-visual>span{color:#fffbef;background:#4f7a61;box-shadow:0 4px #31543e}.stage-card.is-completed .stage-card-copy small{color:#356343;background:#ddedd7}.stage-card-visual{height:clamp(205px,16vw,285px);border-radius:21px 44px 21px 21px}.stage-card-copy{margin-top:20px;gap:9px}.stage-card-copy b{font-size:clamp(22px,1.7vw,31px);line-height:1.5}.stage-card-copy small{font-size:clamp(11px,.9vw,14px)}.stage-card-action{width:calc(100% - 14px);justify-content:center;padding:14px 16px;font-size:clamp(13px,1vw,16px)}.stage-card-visual>span{width:42px;height:42px;animation:station-star 1.7s ease-in-out infinite}.stage-card:after{width:38px;height:38px}.stage-reader-screen{width:min(1760px,calc(100% - 44px))!important;min-height:calc(100vh - 102px);padding:clamp(26px,3vw,52px) 0 64px}.reader-route{width:fit-content;margin:18px 0 22px;padding:11px 14px;font-size:14px}.reader-paper{width:100%!important;max-width:none!important;min-height:calc(100vh - 230px);padding:clamp(32px,5.5vw,92px) clamp(30px,7vw,152px);border-radius:76px 24px}.reader-paper{position:relative;isolation:isolate;overflow:hidden}.reader-paper>*{position:relative;z-index:1}.reader-paper:before,.reader-paper:after{content:"";position:absolute;z-index:0;width:clamp(150px,18vw,310px);aspect-ratio:1;pointer-events:none;opacity:.65;border:2px solid rgb(113 60 149 / .2);border-radius:50% 50% 12%;background:radial-gradient(circle at 50% 50%,transparent 0 22%,rgb(216 144 40 / .28) 23% 25%,transparent 26% 38%,rgb(113 60 149 / .18) 39% 41%,transparent 42%),repeating-conic-gradient(from 15deg,rgb(216 144 40 / .18) 0 8deg,transparent 8deg 20deg);filter:drop-shadow(0 7px 0 rgb(216 144 40 / .08));animation:reader-ornament-orbit 7s ease-in-out infinite}.reader-paper:before{top:clamp(-136px,-7vw,-68px);left:clamp(-122px,-7vw,-56px)}.reader-paper:after{right:clamp(-118px,-7vw,-54px);bottom:clamp(-138px,-8vw,-70px);animation-delay:-3.5s;animation-direction:reverse}.reader-paper h1{max-width:1020px;margin:22px 0 32px;font-size:clamp(38px,4vw,68px)}.reader-label{font-size:15px}.reader-tools{width:fit-content;gap:10px;padding:12px 14px;font-size:13px}.reader-tools button{width:45px;height:45px;border:2px solid rgb(216 144 40 / .25)}.reader-tools strong{min-width:50px;font-size:14px}.reader-stage-illustration{height:clamp(240px,25vw,390px);margin:0 0 34px;border-radius:28px 62px 28px 28px}.reader-stage-illustration span{right:20px;bottom:18px;padding:10px 14px;font-size:13px}.reader-content{min-height:clamp(210px,23vh,340px);display:grid;align-content:center;justify-items:center;text-align:center}.reader-content p{max-width:1220px;margin:0 auto;color:#482d24;font-weight:600;line-height:2.15;text-align:center;transition:font-size .22s var(--ease-out),color .22s var(--ease-out)}.reader-controls{margin-top:32px}.reader-controls button{min-height:56px;padding:14px 19px;font-size:15px}.reader-side-note{max-width:770px;margin-top:28px;font-size:14px}.directory-intro:after{content:"۞";animation:ornament-pulse 2.8s ease-in-out infinite}.reader-paper:before{animation:reader-ornament-orbit 7s ease-in-out infinite}@keyframes islamic-ornament-drift{0%{translate:0 0;rotate:0deg}to{translate:16px -22px;rotate:14deg}}@keyframes ornament-pulse{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(12deg) scale(1.08)}}@keyframes reader-sun-glow{0%{transform:scale(1);opacity:.82}to{transform:scale(1.16);opacity:1}}@keyframes reader-ornament-orbit{0%,to{transform:rotate(0) scale(1);opacity:.5}50%{transform:rotate(16deg) scale(1.08);opacity:.82}}@media (max-width: 760px){.learn-page-shell:before,.learn-page-shell:after{width:148px;height:148px;opacity:.13}.stage-directory,.stage-reader-screen{width:min(100% - 20px,1760px)}.stage-card-grid{grid-template-columns:minmax(0,1fr)!important;width:100%;gap:25px;padding:18px 3px 36px}.stage-card-grid:before{inset:9% 38% 0 auto;width:94px;height:88%;transform:rotate(90deg)}.stage-card{min-height:400px}.stage-card-visual{height:210px}.reader-paper{min-height:calc(100vh - 175px);padding:29px 21px 34px;border-radius:43px 16px}.reader-paper:before,.reader-paper:after{width:164px;opacity:.45}.reader-paper h1{font-size:clamp(30px,9vw,44px)}.reader-tools{width:100%;justify-content:center}.reader-tools span{text-align:center}.reader-stage-illustration{height:210px}.reader-content{min-height:240px}.reader-content p{line-height:2.05}.reader-controls>span{width:100%;text-align:center;order:-1}.reader-controls button{min-height:52px}}@media (prefers-reduced-motion: reduce){.learn-page-shell:before,.learn-page-shell:after,.directory-intro:after,.reader-paper:before,.reader-paper:after{animation:none}}.learn-home-link{min-height:52px;padding:13px 19px;color:#fffaf0;background:linear-gradient(135deg,#713c95,#8b4fb0);border:2px solid rgb(255 230 165 / .74);border-radius:15px 15px 5px;box-shadow:0 6px #4d286a,0 12px 24px #50286f2e;font-size:14px;animation:home-waypoint 2.8s ease-in-out infinite;transition:transform .16s var(--ease-out),background .16s var(--ease-out),box-shadow .16s var(--ease-out)}.learn-home-link:hover{transform:translateY(-3px);background:linear-gradient(135deg,#7f46a7,#9a5cc0);box-shadow:0 8px #4d286a,0 15px 28px #50286f3d;animation-play-state:paused}.learn-home-link:active{transform:scale(.97)}@keyframes home-waypoint{0%,to{box-shadow:0 6px #4d286a,0 12px 24px #50286f2e}50%{box-shadow:0 8px #4d286a,0 18px 30px #50286f47}}@media (max-width: 760px){.learn-home-link{min-height:47px;padding:10px 12px;font-size:12px}}@media (prefers-reduced-motion: reduce){.learn-home-link{animation:none}}.achievement-badges{margin:1.15rem 0;padding:1rem;background:linear-gradient(135deg,#faf0cef5,#f4e4aeb8);border:1px dashed #bf9030;border-radius:20px 8px}.achievement-heading{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;color:#513266}.achievement-heading>span{display:grid;place-items:center;width:29px;height:29px;color:#fff9e8;background:#754595;border-radius:50% 50% 8px}.achievement-heading b{font-family:Changa,sans-serif;font-size:.98rem}.achievement-heading small{color:#6d553b;font-family:Tajawal,sans-serif;font-size:.78rem;font-weight:800}.achievement-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.62rem;margin-top:.85rem}.achievement-badge{display:flex;align-items:center;gap:.6rem;min-width:0;padding:.66rem;border-radius:13px 5px;transition:transform .18s cubic-bezier(.23,1,.32,1),filter .18s cubic-bezier(.23,1,.32,1)}.achievement-badge:hover{transform:translateY(-2px) rotate(-.25deg)}.achievement-badge-mark{display:grid;flex:0 0 auto;place-items:center;width:37px;height:37px;border-radius:50% 50% 7px}.achievement-badge>span:last-child{display:grid;gap:.1rem;min-width:0}.achievement-badge b{font-family:Changa,sans-serif;font-size:.79rem}.achievement-badge small{font-family:Tajawal,sans-serif;font-size:.72rem;font-weight:800;line-height:1.35}.achievement-badge.is-unlocked{color:#4a3021;background:#fff8de;border:1px solid #d5a541;box-shadow:0 4px #a26d1829}.achievement-badge.is-unlocked .achievement-badge-mark{color:#fff4bd;background:#ae6f19}.achievement-badge.is-locked{color:#786c5c;background:#ffffff7a;border:1px dashed rgba(132,106,74,.34);filter:grayscale(.6)}.achievement-badge.is-locked .achievement-badge-mark{color:#8b7b6b;background:#e7dfcf}.progress-transfer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.9rem 1.2rem;align-items:center;margin-top:1rem;padding:1rem;color:#4c325c;background:linear-gradient(120deg,#fff9e8,#f7e7b8);border:1px dashed #c79739;border-radius:18px 7px}.progress-transfer>div:first-child{display:grid;gap:.2rem}.progress-transfer b{font-family:Changa,sans-serif;font-size:.98rem}.progress-transfer span{font-size:.82rem;line-height:1.5}.progress-transfer-actions{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:flex-end}.progress-transfer button{display:inline-flex;align-items:center;gap:.38rem;padding:.65rem .78rem;color:#fffaf0;background:#6c438c;border:0;border-radius:999px;font-family:Tajawal,sans-serif;font-size:.82rem;font-weight:900;cursor:pointer;transition:transform .18s cubic-bezier(.23,1,.32,1),box-shadow .18s cubic-bezier(.23,1,.32,1)}.progress-transfer button:last-of-type{background:#4f7a61}.progress-transfer button:hover{transform:translateY(-2px);box-shadow:0 4px #3a254d40}.progress-transfer button:active{transform:scale(.97)}.progress-transfer input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.progress-transfer p{grid-column:1/-1;margin:0;padding:.55rem .7rem;color:#35573e;background:#ffffffa8;border-radius:8px;font-size:.83rem;font-weight:800}@media (max-width:720px){.achievement-list,.progress-transfer{grid-template-columns:1fr}.progress-transfer-actions{justify-content:flex-start}.progress-transfer button{flex:1;justify-content:center}}.hero-art{isolation:isolate;overflow:hidden}.hero-art>img,.motion-photo>img{animation:home-photo-drift 10s ease-in-out infinite alternate;transform-origin:50% 55%;will-change:transform}.hero-sun-glow{position:absolute;z-index:1;inset:auto -8% -35% auto;width:48%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ffdd856b,#ffdd8500 68%);mix-blend-mode:screen;animation:home-sun-breathe 5s ease-in-out infinite;pointer-events:none}.hero-sand-particle{position:absolute;z-index:2;width:8px;height:8px;border-radius:50%;background:#ffdf83;box-shadow:0 0 14px #ffd573d1;opacity:.75;pointer-events:none;animation:home-sand-float 6s ease-in-out infinite}.particle-a{top:25%;right:24%;animation-delay:-1s}.particle-b{top:59%;right:57%;width:5px;height:5px;animation-delay:-3.4s}.particle-c{top:16%;left:15%;width:6px;height:6px;animation-delay:-4.8s}.motion-photo{isolation:isolate;overflow:hidden}.motion-photo:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(115deg,transparent 28%,rgb(255 246 197 / .22) 49%,transparent 67%);transform:translate(125%);animation:home-light-sweep 8s ease-in-out infinite;pointer-events:none}.motion-photo>img{display:block;width:100%;height:100%;object-fit:cover}.motion-photo>span:not(.photo-spark){z-index:3}.photo-spark{position:absolute;z-index:4;width:9px;height:9px;background:#ffe181;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);filter:drop-shadow(0 0 6px rgb(255 205 76 / .9));animation:home-star-twinkle 2.7s ease-in-out infinite;pointer-events:none}.photo-spark-one{top:17%;right:15%}.photo-spark-two{bottom:25%;left:16%;animation-delay:-1.3s;transform:scale(.7)}@keyframes home-photo-drift{0%{transform:scale(1.02) translate3d(-.35%,.25%,0)}to{transform:scale(1.09) translate3d(.45%,-.45%,0)}}@keyframes home-sun-breathe{0%,to{transform:scale(.9);opacity:.55}50%{transform:scale(1.12);opacity:1}}@keyframes home-sand-float{0%,to{transform:translateZ(0) scale(.7);opacity:.2}48%{transform:translate3d(-18px,-25px,0) scale(1.05);opacity:.9}72%{opacity:.45}}@keyframes home-light-sweep{0%,38%{transform:translate(125%)}64%,to{transform:translate(-135%)}}@keyframes home-star-twinkle{0%,to{opacity:.2;transform:rotate(0) scale(.55)}50%{opacity:1;transform:rotate(90deg) scale(1.15)}}@media (prefers-reduced-motion:reduce){.hero-art>img,.motion-photo>img,.hero-sun-glow,.hero-sand-particle,.motion-photo:after,.photo-spark{animation:none!important}.hero-sand-particle,.photo-spark{display:none}}.unified-axis-section:after{content:"";position:absolute;z-index:0;top:-7rem;right:4%;width:13rem;height:15rem;border-right:2px dashed rgb(197 139 35 / .48);border-bottom:2px dashed rgb(197 139 35 / .48);border-radius:0 0 4.4rem;transform:rotate(-7deg);pointer-events:none}.axis-entry-panel:before{content:"✦";position:absolute;z-index:2;right:30%;bottom:-1.2rem;display:grid;width:2.15rem;height:2.15rem;place-items:center;border:2px solid #fff7e4;border-radius:50%;color:#fff6df;background:#c68729;box-shadow:0 4px #7d44152e;font-size:.88rem}.axis-entry-card:after{content:"";position:absolute;right:13%;bottom:1.05rem;width:8.1rem;height:4.25rem;border-bottom:2px dashed rgb(189 125 28 / .58);border-radius:0 0 3.9rem;transform:rotate(5deg);pointer-events:none}.entry-card .enter-sira-button,.unified-axis-section:not(.axis-paper-section):not(.axis-dashboard-section) .axis-entry-card .enter-sira-button{background:linear-gradient(145deg,#e2a23a,#bf701e);box-shadow:0 6px #995119,0 13px 21px #7a431330}.entry-card .enter-sira-button:hover,.unified-axis-section:not(.axis-paper-section):not(.axis-dashboard-section) .axis-entry-card .enter-sira-button:hover{background:linear-gradient(145deg,#efb24d,#cc7a24);box-shadow:0 9px #995119,0 17px 26px #7a431338}.axis-paper-section .axis-entry-panel{grid-template-areas:"image card"}.hero-kicker-row{min-height:10.2rem;align-items:flex-start}.hero-companion{position:relative;isolation:isolate;width:10.8rem;height:10rem;margin-top:-1.5rem}.hero-companion>img,.hero-companion>video{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 9px rgb(86 47 19 / .2))}.hero-companion:before{content:"";position:absolute;z-index:-1;inset:.35rem .05rem .6rem;border:1px solid rgb(205 151 52 / .55);border-radius:46% 54% 48% 52%/52% 42% 58% 48%;background:radial-gradient(circle at 50% 36%,rgb(255 250 231 / .96) 0 42%,rgb(239 206 133 / .62) 72%,transparent 73%);box-shadow:0 10px 18px #683e1a24,inset 0 0 0 .3rem #fffae76b;transform:rotate(-4deg)}.hero-companion:after{content:"✦";position:absolute;z-index:2;right:-.18rem;top:.4rem;display:grid;width:1.8rem;height:1.8rem;place-items:center;color:#fff9e8;border:2px solid #fff4d7;border-radius:50%;background:#c68729;box-shadow:0 3px #7043153d;font-size:.82rem}.hero-companion span{left:-1.35rem;bottom:.25rem}.axis-paper-section .axis-entry-card .enter-sira-button,.axis-dashboard-section .axis-entry-card .enter-sira-button{background:linear-gradient(145deg,#7543a5,#4b2075);box-shadow:0 6px #351654,0 13px 21px #3e194f30}.axis-paper-section .axis-entry-card .enter-sira-button:hover,.axis-dashboard-section .axis-entry-card .enter-sira-button:hover{background:linear-gradient(145deg,#8654b3,#572a82);box-shadow:0 9px #351654,0 17px 26px #3e194f38}.platform-welcome-card{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(18rem,.95fr);overflow:hidden;margin:2rem auto 2.35rem;max-width:72rem;border:1px solid rgb(193 130 33 / .4);border-radius:1.65rem 4rem 1.65rem 3rem;background:linear-gradient(120deg,#fff8e7,#f8dfaa 52%,#efe2ca);box-shadow:0 1.1rem 2.5rem #663f1f24,inset 0 0 0 .34rem #fffbec94}.platform-welcome-card:before{content:"";position:absolute;z-index:-1;top:-5.5rem;right:38%;width:19rem;height:13rem;border:1.5px dashed rgb(122 68 159 / .23);border-radius:50%;transform:rotate(-17deg)}.welcome-scene{position:relative;min-height:19rem;overflow:hidden;background:#ead39f}.welcome-scene:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgb(75 39 100 / .16),transparent 38%,transparent 70%,rgb(255 248 224 / .12))}.welcome-scene img{width:100%;height:100%;object-fit:cover;animation:welcome-scene-drift 8s cubic-bezier(.45,0,.55,1) infinite alternate}.welcome-card-copy{align-self:center;padding:clamp(1.8rem,4vw,3.35rem)}.welcome-card-kicker{display:inline-flex;align-items:center;gap:.45rem;color:#6c378e;font-size:.84rem;font-weight:800}.welcome-card-copy h3{margin:.7rem 0 .55rem;color:#45234f;font-size:clamp(1.5rem,3.2vw,2.2rem);line-height:1.35}.welcome-card-copy h3 em{color:#b9701e;font-style:normal}.welcome-card-copy p{margin:0;max-width:28rem;color:#674826;font-size:1.06rem;font-weight:700;line-height:2}.welcome-audio-button{display:inline-flex;align-items:center;gap:.55rem;margin-top:1.35rem;padding:.78rem 1.1rem;border:0;border-radius:.85rem 1.15rem;color:#fffaf0;background:linear-gradient(145deg,#7b45a5,#4b2075);box-shadow:0 .35rem #37164f,0 .8rem 1.3rem #411c4e2b;cursor:pointer;font:inherit;font-weight:800;transition:transform .16s cubic-bezier(.23,1,.32,1),box-shadow .16s cubic-bezier(.23,1,.32,1),background .16s cubic-bezier(.23,1,.32,1)}.welcome-audio-button:hover{background:linear-gradient(145deg,#8e59b5,#592b84);transform:translateY(-2px);box-shadow:0 .48rem #37164f,0 1.05rem 1.45rem #411c4e33}.welcome-audio-button:active{transform:translateY(.22rem) scale(.97);box-shadow:0 .16rem #37164f}.welcome-audio-button:focus-visible{outline:3px solid #e5a640;outline-offset:4px}.welcome-star{position:absolute;z-index:1;color:#fff6cf;filter:drop-shadow(0 3px 5px rgb(109 59 18 / .25));animation:welcome-star-twinkle 2.8s ease-in-out infinite alternate}.star-one{top:14%;right:10%;font-size:1.75rem}.star-two{top:30%;left:12%;font-size:1.1rem;animation-delay:-.9s}.star-three{bottom:12%;left:28%;font-size:1.35rem;animation-delay:-1.7s}.welcome-audio-waves{position:absolute;z-index:2;bottom:1.15rem;left:1.15rem;display:flex;align-items:center;gap:.26rem;height:1.6rem;padding:.38rem .55rem;border:1px solid rgb(255 247 219 / .75);border-radius:1rem;background:#48225b80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.welcome-audio-waves i{width:3px;height:.4rem;border-radius:1rem;background:#fff7d6;transform-origin:center}.is-speaking .welcome-audio-waves i{animation:welcome-wave .8s ease-in-out infinite alternate}.is-speaking .welcome-audio-waves i:nth-child(2){animation-delay:-.2s}.is-speaking .welcome-audio-waves i:nth-child(3){animation-delay:-.45s}.is-speaking .welcome-audio-waves i:nth-child(4){animation-delay:-.15s}.is-speaking .welcome-audio-waves i:nth-child(5){animation-delay:-.35s}@keyframes welcome-scene-drift{0%{transform:scale(1.01) translate(0)}to{transform:scale(1.06) translate(-1.3%)}}@keyframes welcome-star-twinkle{0%{opacity:.55;transform:scale(.88) rotate(0)}to{opacity:1;transform:scale(1.12) rotate(12deg)}}@keyframes welcome-wave{0%{height:.35rem;opacity:.65}to{height:1.2rem;opacity:1}}@media (max-width: 760px){.unified-axis-section:after{top:-5.9rem;right:3%;width:7.5rem;height:11.5rem}.axis-paper-section .axis-entry-panel{grid-template-areas:"image" "card"}.axis-entry-panel:before{right:auto;left:11%;bottom:-1rem}.axis-entry-card:after{right:auto;left:11%;bottom:.6rem;width:5.75rem}.hero-kicker-row{min-height:8.3rem}.hero-companion{width:8.25rem;height:7.6rem;margin-top:-.85rem}.platform-welcome-card{grid-template-columns:1fr;margin-top:1.5rem;border-radius:1.35rem 2.8rem 1.35rem 2.35rem}.welcome-scene{min-height:12.4rem}.welcome-scene img{object-position:center}.welcome-card-copy{padding:1.7rem 1.35rem 1.9rem}.welcome-card-copy p{font-size:.98rem;line-height:1.9}}@media (prefers-reduced-motion: reduce){.axis-entry-card:after,.unified-axis-section:after{transform:none}.welcome-scene img,.welcome-star,.is-speaking .welcome-audio-waves i{animation:none}}.child-motivators{position:relative;width:min(1170px,calc(100% - 2rem));overflow:hidden;margin:clamp(3rem,7vw,6.5rem) auto;padding:clamp(1.2rem,3vw,2.4rem);border:1px solid #e5bb63;border-radius:35px 70px 30px;background:linear-gradient(135deg,#f8e5b7,#fff7e3 49%,#f4dfb4);box-shadow:0 18px 32px #7949171c}.child-motivators:before{content:"";position:absolute;width:290px;height:290px;top:-155px;left:-90px;border:32px solid rgb(113 69 142 / .12);border-radius:50%;pointer-events:none}.child-motivators:after{content:"";position:absolute;z-index:0;top:8.2rem;right:6.8%;width:13rem;height:calc(100% - 12.5rem);border-right:2px dashed rgb(190 128 31 / .42);border-bottom:2px dashed rgb(190 128 31 / .34);border-radius:0 0 5rem;transform:rotate(-4deg);pointer-events:none}.motivators-heading,.motivators-grid,.quick-review-card,.treasure-badges-grid{position:relative;z-index:1}.motivators-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}.motivators-heading h2{margin:.35rem 0 0;color:#4e2c63;font:800 clamp(1.55rem,3vw,2.45rem) Changa,sans-serif}.motivators-heading h2 em{color:#b67420;font-style:normal}.motivators-heading p{max-width:430px;margin:0;color:#745c4e;font-weight:700;line-height:1.8}.motivators-grid,.treasure-badges-grid{display:grid;gap:1rem}.motivators-grid{grid-template-columns:1fr}.daily-challenge-card,.treasure-map-card,.behavior-badges-card{position:relative;border:1px solid #e4bd6c;border-radius:23px 33px 16px;background:#fffaf0;box-shadow:0 6px #8b531f1f}.daily-challenge-card:after,.treasure-map-card:after,.behavior-badges-card:after{content:"✦";position:absolute;top:.7rem;left:.85rem;display:grid;place-items:center;width:1.3rem;height:1.3rem;border:1px solid #e5b85a;border-radius:50%;color:#8a4e9f;background:#fff5d9;font-size:.7rem;box-shadow:0 2px #8a4e9f21}.daily-challenge-card{padding:1rem 1.2rem}.daily-label{display:inline-flex;align-items:center;gap:.3rem;color:#80518a;font-size:.78rem;font-weight:900}.daily-challenge-card h3{margin:.35rem 0;color:#57366d;font:800 1rem/1.75 Tajawal,sans-serif}.daily-choices{display:flex;flex-wrap:wrap;gap:.45rem;margin:.75rem 0}.daily-choices button{padding:.42rem .65rem;border:1px solid #dbb260;border-radius:10px;color:#67406e;background:#f8edd0;font-family:Tajawal,sans-serif;font-weight:900;cursor:pointer;transition:transform .15s,background .15s}.daily-choices button:hover:not(:disabled){background:#e9d4a0;transform:translateY(-2px)}.daily-choices button.is-correct{color:#fff;background:#3b896b;border-color:#2e7056}.daily-choices button.is-wrong{color:#fff;background:#b85b58;border-color:#964441}.daily-choices button:disabled{cursor:default}.daily-feedback{display:flex;align-items:center;gap:.3rem;margin:0;color:#755c4b;font-size:.78rem;font-weight:700;line-height:1.7}.daily-feedback.success{color:#2e7459}.treasure-badges-grid{grid-template-columns:1fr 1fr;margin-top:1rem}.treasure-badges-grid:before{content:"";position:absolute;z-index:0;top:50%;right:calc(50% - 4.5rem);width:9rem;border-top:2px dashed rgb(195 133 31 / .58);transform:translateY(-50%);pointer-events:none}.treasure-map-card,.behavior-badges-card{z-index:1;padding:1rem}.mini-map-title{display:flex;align-items:center;gap:.38rem;color:#5a3970;font-weight:900}.mini-map-title svg{color:#c48a22}.mini-map-title small{margin-right:auto;padding:.22rem .48rem;border-radius:99px;color:#7b5c40;background:#f5e4b6;font-size:.68rem}.treasure-route,.behavior-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin-top:.85rem}.behavior-badges{grid-template-columns:repeat(4,1fr)}.treasure-item,.behavior-badges>div{display:grid;justify-items:center;gap:.15rem;padding:.5rem .28rem;text-align:center;border-radius:13px}.treasure-item span,.behavior-badges span{display:grid;place-items:center;width:44px;height:44px;color:#9b681e;background:#f9e2a7;clip-path:polygon(50% 0,64% 15%,85% 15%,85% 36%,100% 50%,85% 64%,85% 85%,64% 85%,50% 100%,36% 85%,15% 85%,15% 64%,0 50%,15% 36%,15% 15%,36% 15%)}.treasure-item b,.behavior-badges b{color:#5d3b6a;font-size:.76rem}.treasure-item small,.behavior-badges small{color:#7c6350;font-size:.65rem;line-height:1.35}.treasure-item.locked,.behavior-badges .locked{filter:grayscale(.8);opacity:.56}.treasure-item.locked span,.behavior-badges .locked span{color:#7d7480;background:#e4ded3}.treasure-item.unlocked span,.behavior-badges .unlocked span{animation:treasure-glow 2.8s ease-in-out infinite}@keyframes treasure-glow{50%{transform:translateY(-3px) rotate(8deg);filter:drop-shadow(0 6px 7px rgb(217 157 39 / .3))}}@media (max-width: 780px){.child-motivators:after{right:auto;left:2%;width:4.5rem;height:calc(100% - 13rem)}.motivators-heading{align-items:start;flex-direction:column}.treasure-badges-grid{grid-template-columns:1fr}.treasure-badges-grid:before{right:50%;top:calc(50% - 2.5rem);width:0;height:5rem;border-top:0;border-right:2px dashed rgb(195 133 31 / .58)}.behavior-badges{grid-template-columns:repeat(2,1fr)}}@media (max-width: 460px){.child-motivators{width:calc(100% - 1.2rem);padding:1rem;border-radius:25px 45px 20px}.treasure-route{grid-template-columns:repeat(3,1fr);gap:.25rem}.treasure-item b{font-size:.68rem}.treasure-item small{font-size:.58rem}}@media (prefers-reduced-motion: reduce){.treasure-item.unlocked span,.behavior-badges .unlocked span{animation:none}.daily-choices button{transition:none}}.weekly-plan-card,.quick-review-card{position:relative;overflow:hidden;border:1px solid rgba(161,103,31,.42);border-radius:7px 21px 10px 24px;background-color:#fff7df;background-image:radial-gradient(rgba(157,105,38,.12) .75px,transparent .8px),linear-gradient(135deg,#ffffffbf,#eed18f75);background-size:13px 13px,auto;box-shadow:0 6px #7544181f,0 17px 30px #48275d1a;padding:1.35rem;color:#482b63}.weekly-plan-card:before,.quick-review-card:before{content:"مسار الأسبوع  •  محطة مراجعة";position:absolute;top:.7rem;left:1rem;color:#5b34746b;font:800 .62rem Tajawal,sans-serif;letter-spacing:.08em}.weekly-plan-card:after,.quick-review-card:after{content:"";position:absolute;width:155px;height:155px;border:2px dashed rgba(113,68,147,.23);border-radius:46% 54% 51% 49%;left:-55px;bottom:-82px;transform:rotate(-17deg)}.weekly-plan-label{display:inline-flex;gap:.4rem;align-items:center;color:#7a4695;font:800 .78rem Tajawal,sans-serif;margin-top:.75rem}.weekly-plan-card h3{margin:.55rem 0 .25rem;font:800 1.18rem Changa,sans-serif}.weekly-plan-card>p{margin:0;color:#785b49;font:700 .84rem Tajawal,sans-serif;line-height:1.8}.weekly-plan-card ol{margin:1rem 0 0;padding:0;list-style:none;display:grid;gap:.65rem;position:relative;z-index:1}.weekly-plan-card ol:before{content:"";position:absolute;right:15px;top:18px;bottom:18px;border-right:2px dashed rgba(168,111,31,.42)}.weekly-plan-card li{display:flex;align-items:center;gap:.55rem;position:relative;background:#ffffffa8;border:1px solid rgba(101,59,127,.13);border-radius:4px 14px 7px 15px;padding:.64rem}.weekly-plan-card li>span{display:grid;place-items:center;width:32px;height:32px;color:#a86e1d;background:#fff3d5;border:1px solid rgba(168,110,29,.25);border-radius:50%;z-index:1}.weekly-plan-card li>div{display:grid;gap:.08rem;flex:1}.weekly-plan-card li b{font:800 .82rem Tajawal,sans-serif}.weekly-plan-card li small{color:#80624f;font:700 .72rem Tajawal,sans-serif}.weekly-plan-card li>svg{color:#a97b29}.weekly-plan-card li.is-completed{background:#edf8e9;border-color:#91b986}.weekly-plan-card li.is-completed>span,.weekly-plan-card li.is-completed>svg{color:#39805d;background:#e0f1dc}.quick-review-card{margin:1.35rem 0;padding-top:1.65rem}.quick-review-heading{display:flex;gap:.75rem;align-items:center;position:relative;z-index:1}.quick-review-heading>span{display:grid;place-items:center;width:42px;height:42px;background:#573373;color:#f6d475;border-radius:50% 48% 51% 49%;box-shadow:0 3px #38204d}.quick-review-heading>div{flex:1}.quick-review-heading h3{margin:0;font:800 1.1rem Changa,sans-serif}.quick-review-heading p{margin:.15rem 0 0;color:#725340;font:700 .82rem Tajawal,sans-serif;line-height:1.65}.quick-review-heading button{border:1px solid #3e2454;border-radius:7px 12px 8px 13px;background:#5a3578;color:#fff;padding:.68rem .8rem;display:inline-flex;gap:.35rem;align-items:center;font:800 .8rem Tajawal,sans-serif;cursor:pointer;box-shadow:0 3px #39204d}.quick-review-heading button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.quick-review-question{position:relative;z-index:1;margin-top:1rem;padding:1rem;border:1px dashed rgba(160,104,32,.36);border-radius:8px 18px 10px 16px;background:#ffffffb3}.quick-review-question small{display:flex;align-items:center;gap:.3rem;color:#8c631e;font:800 .75rem Tajawal,sans-serif}.quick-review-question h4{margin:.65rem 0;font:800 1rem Changa,sans-serif}.quick-review-question>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.quick-review-question button{border:1px solid rgba(88,51,115,.2);border-radius:6px 12px 7px;background:#fffaf0;color:#583773;padding:.65rem;font:800 .8rem Tajawal,sans-serif;cursor:pointer}.quick-review-question button.is-correct{background:#e2f3dc;border-color:#6da465;color:#27603e}.quick-review-question button.is-wrong{background:#fff0ed;border-color:#ce7267;color:#a2483f}.review-feedback,.quick-review-empty{position:relative;z-index:1;margin:.8rem 0 0;color:#704f3d;font:700 .84rem Tajawal,sans-serif;line-height:1.8}.review-feedback.success{display:flex;gap:.35rem;align-items:flex-start;color:#2d6a43}@media (max-width:700px){.quick-review-heading{align-items:flex-start}.quick-review-heading button{flex:none}.quick-review-question>div{grid-template-columns:1fr}.weekly-plan-card,.quick-review-card{border-radius:7px 17px 9px 19px}.weekly-plan-card:before,.quick-review-card:before{left:.75rem}}.journey-question-topline .journey-live-score{padding:.4rem .65rem;border:1px solid rgb(255 226 139 / .58);border-radius:999px;color:#fff9df;background:#39584466;box-shadow:inset 0 1px #ffffff29}.journey-live-score svg{color:#f7d66e}.journey-live-score b{font-family:Changa,sans-serif}@media (max-width:720px){.journey-question-topline{align-items:flex-start;flex-wrap:wrap}.journey-question-topline .journey-live-score{order:3;width:100%;justify-content:center}}.journey-page{min-height:100vh;background:radial-gradient(circle at 12% 10%,rgba(255,225,142,.6),transparent 26%),linear-gradient(135deg,#f5deb1,#fff7e4 45%,#dce9c4);color:#392452;overflow-x:hidden;font-family:Tajawal,system-ui,sans-serif}.journey-map-header,.journey-reader-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem clamp(1rem,4vw,4rem);position:relative;z-index:2}.journey-brand{display:flex;gap:.7rem;align-items:center;color:#392452;text-decoration:none}.journey-brand>svg{width:42px;height:42px;padding:9px;border-radius:50%;background:#533b7a;color:#ffdf74;box-shadow:0 5px #302145}.journey-brand span{display:grid;line-height:1}.journey-brand b{font:800 1.35rem Changa,sans-serif}.journey-brand small{font-weight:700;color:#846c58;margin-top:.3rem}.journey-map-score{display:flex;align-items:center;gap:.35rem;padding:.55rem .9rem;border:1px solid #d5ad43;border-radius:999px;background:#fffaf0;color:#8c5d15;box-shadow:0 4px #8c5d1529}.journey-map-score b{font:800 1.1rem Changa,sans-serif}.journey-map-score span{font-weight:800;font-size:.83rem}.journey-map-hero{max-width:940px;margin:1rem auto 0;padding:1.8rem 1.4rem;text-align:center;position:relative}.journey-map-eyebrow,.journey-question-kicker{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:999px;background:#54367b;color:#ffe69b;font-weight:800;font-size:.8rem}.journey-map-hero h1{font:800 clamp(2.2rem,6vw,4.8rem) Changa,sans-serif;margin:.55rem 0 0;color:#4a2d6d}.journey-map-hero h1 em{color:#ba7c18;font-style:normal}.journey-map-hero>p{font-size:clamp(1rem,2vw,1.2rem);font-weight:700;max-width:680px;margin:.4rem auto 1.1rem;line-height:1.8}.journey-map-status{display:flex;justify-content:center;flex-wrap:wrap;gap:.6rem}.journey-map-status span{display:flex;align-items:center;gap:.35rem;background:#ffffffad;border:1px solid rgba(144,97,38,.18);padding:.55rem .75rem;border-radius:13px;font-size:.85rem;font-weight:800}.journey-trail{position:relative;width:min(1120px,calc(100% - 2rem));margin:1rem auto 4rem;padding:1.5rem 0 3rem}.journey-trail-line{position:absolute;z-index:0;right:50%;top:0;bottom:0;width:8px;background:repeating-linear-gradient(to bottom,#bb7d1b 0 15px,transparent 15px 30px);border-radius:999px;filter:drop-shadow(0 0 2px rgba(255,245,190,.9))}.journey-station{width:48%;position:relative;z-index:1;margin:1.4rem 0}.journey-station.is-right{margin-right:auto}.journey-station.is-left{margin-left:auto}.journey-station-pin{position:absolute;top:50%;z-index:3;width:52px;height:52px;border:5px solid #fff3d2;border-radius:50%;background:#5b3c82;color:#ffe175;display:grid;place-items:center;box-shadow:0 0 0 3px #b57a20,0 6px #482c1b38}.journey-station.is-right .journey-station-pin{left:-7%}.journey-station.is-left .journey-station-pin{right:-7%}.journey-station-card{display:block;position:relative;width:100%;min-height:215px;overflow:hidden;border:3px solid rgba(165,109,30,.53);border-radius:22px;background:#fff8e7;box-shadow:0 13px #5b3b2329;padding:0;text-align:right;cursor:pointer;isolation:isolate;transition:transform .22s cubic-bezier(.2,.8,.2,1),filter .22s}.journey-station-card:hover{transform:translateY(-6px) rotate(-.7deg);filter:saturate(1.08)}.journey-station-card:active{transform:translateY(1px) scale(.985)}.journey-station-card:disabled{cursor:not-allowed;filter:grayscale(.64) saturate(.5);opacity:.72}.journey-station-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.journey-station-overlay{position:absolute;inset:0;background:linear-gradient(120deg,#2a1840e0,#32242a40,#efb53e1a);z-index:-1}.journey-station-content{display:flex;min-height:215px;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:1.25rem;color:#fffdf2}.journey-station-content small{padding:.27rem .55rem;background:#f4c95d;color:#493058;border-radius:999px;font-weight:900;font-size:.72rem}.journey-station-content b{font:800 1.35rem Changa,sans-serif;margin-top:.55rem;text-shadow:0 2px 3px rgba(0,0,0,.3)}.journey-station-content em{font-style:normal;font-weight:700;line-height:1.5;margin:.15rem 0 .75rem}.journey-station-content i{display:flex;align-items:center;gap:.3rem;background:#fff9df;color:#593c76;border-radius:9px;padding:.4rem .65rem;font-weight:900;font-style:normal;font-size:.78rem}.journey-station.is-locked .journey-station-content i{color:#685d67}.journey-reader{background:linear-gradient(135deg,#2f1d4f,#57377c 55%,#1f604d);color:#fff9e8;position:relative}.journey-reader-sky{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 12% 15%,#fff7cb 0 2px,transparent 2px),radial-gradient(circle at 72% 22%,#ffdf7b 0 2px,transparent 2px),radial-gradient(circle at 85% 58%,#fff7cb 0 1.5px,transparent 1.5px);background-size:170px 170px,230px 230px,140px 140px;opacity:.7}.journey-reader-sky i{position:absolute;width:180px;height:180px;border:1px solid rgba(255,227,127,.16);border-radius:50%;animation:journeyOrbit 12s linear infinite}.journey-reader-sky i:nth-child(1){top:10%;right:8%}.journey-reader-sky i:nth-child(2){bottom:13%;left:7%;animation-direction:reverse}.journey-reader-sky i:nth-child(3){top:45%;left:32%;width:80px;height:80px}.journey-reader-sky i:nth-child(4){bottom:7%;right:30%;width:110px;height:110px;animation-duration:17s}.journey-exit{display:inline-flex;align-items:center;gap:.4rem;border:2px solid rgba(255,235,167,.65);background:#fff9e8;color:#5a397a;padding:.65rem .8rem;border-radius:13px;font-weight:900;cursor:pointer}.journey-question-shell{position:relative;z-index:1;width:min(900px,calc(100% - 2rem));margin:1rem auto 4rem}.journey-question-topline{display:flex;justify-content:space-between;gap:.7rem;align-items:center;font-weight:900;color:#ffe99b}.journey-question-topline span{display:flex;align-items:center;gap:.35rem}.journey-question-progress{height:11px;background:#ffffff38;border-radius:999px;margin:.7rem 0 1.1rem;overflow:hidden}.journey-question-progress span{display:block;height:100%;background:linear-gradient(90deg,#ffd15d,#f7f2ad);border-radius:inherit;transition:width .35s ease}.journey-question-card{background:linear-gradient(120deg,#fff8e6,#f9e2ad);color:#4b3155;border:3px solid #d5a33d;border-radius:28px;box-shadow:0 16px #170b2f40;padding:clamp(1.2rem,4vw,3rem);position:relative;overflow:hidden}.journey-question-card:before{content:"";position:absolute;width:190px;height:190px;border:18px dotted rgba(127,82,28,.11);border-radius:50%;left:-72px;top:-78px}.journey-question-card h1{position:relative;font:800 clamp(1.65rem,4vw,2.55rem)/1.55 Changa,sans-serif;margin:.7rem 0}.journey-question-instruction{position:relative;font-weight:700;line-height:1.75;color:#715c52}.journey-answer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin:1.35rem 0}.journey-answer{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:1rem;border:2px solid #e0bd74;border-radius:15px;background:#fffdf4;color:#49345a;text-align:right;font:800 1rem Tajawal,sans-serif;cursor:pointer;transition:transform .15s,background .15s,border-color .15s}.journey-answer:hover{transform:translateY(-3px);border-color:#9a6c20;background:#fff3ca}.journey-answer.is-wrong{border-color:#b95256;background:#ffe1dc;color:#7f2630}.journey-answer.is-right{border-color:#297a58;background:#dcf5dc;color:#176644}.journey-try-again{display:flex;gap:.4rem;align-items:center;background:#fff0cf;padding:.7rem .9rem;border-radius:12px;color:#82521a;font-weight:800}.journey-explanation{display:flex;gap:.8rem;align-items:flex-start;padding:1rem;background:#e2f7df;border:2px solid #79af7a;border-radius:16px;color:#246142}.journey-explanation>span{color:#a97715}.journey-explanation b{font:800 1.05rem Changa,sans-serif}.journey-explanation p{margin:.3rem 0 0;line-height:1.8;font-weight:700}.journey-next-question,.journey-result-button{display:flex;align-items:center;justify-content:center;gap:.45rem;border:0;background:#54367c;color:#fff8dd;border-radius:14px;box-shadow:0 5px #2f1e49;padding:.85rem 1.1rem;margin-top:1.15rem;font:900 1rem Tajawal,sans-serif;cursor:pointer;transition:transform .14s}.journey-next-question:hover,.journey-result-button:hover{transform:translateY(-3px)}.journey-result-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:1rem;background:#1a0d2fb8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.journey-result-modal{position:relative;width:min(580px,100%);padding:2.3rem 1.5rem 1.5rem;border:3px solid #f2cf64;border-radius:28px;text-align:center;color:#fff9dc;background:radial-gradient(circle at top,#744e98,#362052 72%);overflow:hidden;box-shadow:0 16px #00000040}.journey-modal-close{position:absolute;top:.8rem;left:.8rem;display:grid;place-items:center;border:0;border-radius:50%;width:34px;height:34px;background:#fff7dd;color:#54367c;cursor:pointer}.journey-result-star{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;margin:auto;background:#fff1a7;color:#ad7417;box-shadow:0 0 0 7px #ffe6842e;animation:journeyStar 1.5s ease-in-out infinite}.journey-result-modal h2{font:800 1.9rem Changa,sans-serif;margin:.8rem 0 .2rem}.journey-result-modal p{font-weight:700;line-height:1.7}.journey-result-metrics{display:flex;justify-content:center;flex-wrap:wrap;gap:.55rem;margin:1rem 0}.journey-result-metrics span{padding:.55rem .65rem;border:1px solid rgba(255,235,160,.42);border-radius:12px;background:#ffffff1a;font-size:.85rem;font-weight:700}.journey-result-metrics b{color:#ffe48a}.journey-result-button{margin-inline:auto;background:#f5c85b;color:#462960;box-shadow:0 5px #b17b1c}.journey-confetti i{position:absolute;width:9px;height:22px;background:#ffd55e;animation:journeyConfetti 1.6s ease-in-out infinite}.journey-confetti i:nth-child(1){right:13%;top:14%;background:#71d5a8;transform:rotate(34deg)}.journey-confetti i:nth-child(2){right:27%;top:6%;background:#ffa0a0;animation-delay:.2s}.journey-confetti i:nth-child(3){left:12%;top:17%;background:#89bcff;animation-delay:.5s}.journey-confetti i:nth-child(4){left:28%;top:7%;background:#ffdb67;animation-delay:.8s}.journey-confetti i:nth-child(5){left:8%;bottom:23%;background:#71d5a8;animation-delay:.35s}.journey-confetti i:nth-child(6){right:7%;bottom:22%;background:#ffa0a0;animation-delay:1s}@keyframes journeyOrbit{to{transform:rotate(360deg)}}@keyframes journeyStar{50%{transform:scale(1.08) rotate(9deg)}}@keyframes journeyConfetti{50%{transform:translateY(17px) rotate(150deg)}}@media (max-width:720px){.journey-map-header,.journey-reader-header{padding:1rem}.journey-map-hero{padding:1rem 1rem .7rem}.journey-map-status{justify-content:stretch}.journey-map-status span{width:100%;justify-content:center}.journey-trail{width:calc(100% - 1.4rem);padding-right:2rem}.journey-trail-line{right:24px}.journey-station,.journey-station.is-right,.journey-station.is-left{width:calc(100% - 34px);margin:1rem 0 1rem auto}.journey-station.is-right .journey-station-pin,.journey-station.is-left .journey-station-pin{right:-44px;left:auto;width:42px;height:42px;border-width:4px}.journey-station-card{min-height:184px}.journey-station-content{min-height:184px;padding:1rem}.journey-station-content b{font-size:1.15rem}.journey-answer-grid{grid-template-columns:1fr}.journey-question-shell{width:calc(100% - 1.2rem)}.journey-question-topline{font-size:.78rem}.journey-brand b{font-size:1.12rem}.journey-brand small{font-size:.7rem}.journey-exit{font-size:.78rem;padding:.55rem}.journey-result-modal{padding:2.1rem 1rem 1.1rem}.journey-result-metrics span{width:100%}}@media (prefers-reduced-motion:reduce){.journey-reader-sky i,.journey-result-star,.journey-confetti i{animation:none}.journey-station-card,.journey-answer,.journey-next-question,.journey-result-button{transition:none}}.journey-trail-line{inset:-54px 0 -56px;width:auto;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 1000 2400' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M500 0C255 130 775 220 500 385S230 660 510 800 770 1045 500 1180 235 1460 510 1590 760 1820 500 1980 270 2230 500 2400' fill='none' stroke='%23D89028' stroke-width='12' stroke-linecap='round' stroke-dasharray='3 25'/%3E%3Cpath d='M500 0C255 130 775 220 500 385S230 660 510 800 770 1045 500 1180 235 1460 510 1590 760 1820 500 1980 270 2230 500 2400' fill='none' stroke='%23FFF0B8' stroke-opacity='.7' stroke-width='3' stroke-linecap='round' stroke-dasharray='3 25'/%3E%3C/svg%3E");background-size:100% 100%;filter:drop-shadow(0 3px 0 rgba(255,250,221,.7))}.journey-station:after{content:"";position:absolute;z-index:-1;top:50%;width:15%;border-top:3px dotted #d89028}.journey-station.is-right:after{left:-15%}.journey-station.is-left:after{right:-15%}.journey-station-card{padding:9px;border-radius:8px 34px 8px 24px;background:#f6d991;clip-path:polygon(1.5% 0,98% 1.5%,100% 13%,98.5% 95%,88% 100%,7% 98%,0 88%,1% 12%)}.journey-station-card:before{content:"";position:absolute;z-index:2;inset:14px;border:1px dashed rgba(117,74,28,.54);border-radius:4px 20px 4px 15px;pointer-events:none}.journey-station-overlay{background:linear-gradient(90deg,#fff7dd14,#3f254438)}.journey-station-content{position:relative;z-index:1;width:72%;min-height:197px;padding:1rem 1.1rem;color:#482d47;background:linear-gradient(125deg,#fffceff5,#f9dfa5eb);box-shadow:0 5px 14px #50301d2e;text-shadow:none}.journey-station.is-right .journey-station-content{margin-left:auto;border-radius:4px 26px 4px 18px}.journey-station.is-left .journey-station-content{margin-right:auto;border-radius:26px 4px 18px}.journey-station-content b{color:#4f306d;text-shadow:none}.journey-station-content em{color:#70533e}.journey-station-content small{position:relative;color:#fff9e8;background:#6a4088}.journey-station-content small:before{content:"";display:inline-block;width:10px;height:10px;margin-left:5px;background:#ffe28c;clip-path:polygon(50% 0,63% 35%,85% 15%,70% 39%,100% 50%,70% 61%,85% 85%,63% 70%,50% 100%,37% 70%,15% 85%,30% 61%,0 50%,30% 39%,15% 15%,37% 35%)}.journey-station-pin{clip-path:polygon(50% 0,63% 35%,85% 15%,70% 39%,100% 50%,70% 61%,85% 85%,63% 70%,50% 100%,37% 70%,15% 85%,30% 61%,0 50%,30% 39%,15% 15%,37% 35%);border:0;border-radius:0;box-shadow:0 5px #815217,0 0 0 5px #fff0bad4}.journey-station-pin span{display:grid;place-items:center}.journey-station-pin svg,.journey-map-score svg,.journey-question-topline svg,.journey-explanation svg,.journey-result-star svg{fill:currentColor}.journey-result-star{border-radius:0;clip-path:polygon(50% 0,63% 35%,85% 15%,70% 39%,100% 50%,70% 61%,85% 85%,63% 70%,50% 100%,37% 70%,15% 85%,30% 61%,0 50%,30% 39%,15% 15%,37% 35%);background:transparent;box-shadow:0 0 0 7px #ffe6842e}.journey-reader:after{content:"";position:absolute;z-index:0;right:0;bottom:0;left:0;height:150px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 1400 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 150C160 65 320 115 470 78S735 8 900 80s310 57 500-45v145H0Z' fill='%231d473e' fill-opacity='.58'/%3E%3Cpath d='M0 160c200-25 315 22 500-34s355-89 520-20 270 41 380-12' fill='none' stroke='%23D89028' stroke-width='6' stroke-dasharray='3 17'/%3E%3C/svg%3E") bottom/100% 100% no-repeat;pointer-events:none}@media (max-width:720px){.journey-trail-line{right:9px;left:auto;width:38px;background-size:38px 100%}.journey-station:after{width:45px}.journey-station.is-right:after,.journey-station.is-left:after{right:-45px;left:auto}.journey-station-content{width:78%;min-height:166px;padding:.8rem}.journey-station-card{padding:6px}.journey-station-content em{font-size:.78rem}.journey-station-content small{font-size:.63rem}}.journey-map-actions,.journey-reader-actions{display:flex;align-items:center;gap:.6rem}.journey-home-link{display:inline-flex;align-items:center;gap:.38rem;padding:.62rem .82rem;color:#fff9e8;background:#5a367c;border:2px solid #f0cd70;border-radius:13px 13px 5px;box-shadow:0 4px #36204d;text-decoration:none;font-weight:900;font-size:.84rem;transition:transform .15s,background .15s}.journey-home-link:hover{background:#704798;transform:translateY(-2px)}.journey-home-link:active{transform:scale(.97)}@media (max-width:720px){.journey-map-actions,.journey-reader-actions{gap:.35rem}.journey-map-score{padding:.5rem .62rem}.journey-map-score span{display:none}.journey-home-link{padding:.55rem .62rem;font-size:.75rem}}@media (prefers-reduced-motion:reduce){.journey-home-link{transition:none}}.journey-station{--landmark-accent: #be8525;--landmark-wash: rgba(237, 200, 111, .35)}.journey-station:nth-of-type(3n+2){--landmark-accent: #477b68;--landmark-wash: rgba(126, 170, 139, .28)}.journey-station:nth-of-type(4n+3){--landmark-accent: #694786;--landmark-wash: rgba(151, 116, 174, .28)}.journey-station:nth-of-type(5n){--landmark-accent: #9d5c35;--landmark-wash: rgba(198, 135, 87, .26)}.journey-station.is-locked .journey-station-card{position:relative;border:2px solid color-mix(in srgb,var(--landmark-accent),#f6d878 38%);background:linear-gradient(135deg,var(--landmark-wash),rgba(255,246,216,.86));filter:none}.journey-station.is-locked .journey-station-card img{filter:grayscale(.32) sepia(.18) contrast(.9);opacity:.76}.journey-station.is-locked .journey-station-overlay{background:linear-gradient(135deg,color-mix(in srgb,var(--landmark-accent),transparent 28%),#36234070)!important}.journey-station.is-locked .journey-station-card:after{content:"✦";position:absolute;z-index:3;top:.7rem;left:.75rem;display:grid;width:34px;height:34px;place-items:center;color:#fff8db;background:var(--landmark-accent);clip-path:polygon(50% 0,61% 34%,84% 16%,70% 40%,100% 50%,70% 60%,84% 84%,61% 66%,50% 100%,39% 66%,16% 84%,30% 60%,0 50%,30% 40%,16% 16%,39% 34%);box-shadow:0 3px #4a2e1640}.journey-station.is-done .journey-station-pin span,.journey-station.is-done .journey-station-card i,.journey-live-score{color:#174f3d!important;background-color:#d8f0d2!important;border-color:#57936b!important}.journey-station.is-done .journey-station-card{border-color:#5f9a6d;box-shadow:0 8px #2f6e492e,0 15px 24px #2f6e491c}@media (prefers-reduced-motion: no-preference){.journey-station.is-locked .journey-station-card:after{animation:journey-landmark-pulse 3.2s ease-in-out infinite}}@keyframes journey-landmark-pulse{50%{transform:rotate(14deg) scale(1.08)}}@media (prefers-reduced-motion: reduce){.journey-station.is-locked .journey-station-card:after{animation:none}}.score-page{min-height:100vh;background:linear-gradient(180deg,#f9edcf 0,#fffaf0,#eee0be);color:#48324a;font-family:Tajawal,system-ui,sans-serif}.score-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(1250px,calc(100% - 2rem));margin:auto;padding:1rem 0}.score-brand{display:flex;align-items:center;gap:.65rem;color:#493162;text-decoration:none}.score-brand img{width:53px;height:53px;filter:drop-shadow(0 4px 1px rgba(86,47,22,.2))}.score-brand span{display:grid;line-height:1}.score-brand b{font:800 1.45rem Changa,sans-serif}.score-brand small{margin-top:.22rem;color:#946424;font-weight:800}.score-header nav{display:flex;flex-wrap:wrap;gap:.45rem}.score-header nav a{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem .7rem;color:#5b3978;text-decoration:none;background:#fff9e9;border:1px solid #e1ba68;border-radius:12px;font-size:.8rem;font-weight:900;box-shadow:0 3px #7e4f1721;transition:transform .15s}.score-header nav a:hover{transform:translateY(-2px);background:#fff0c8}.score-hero{position:relative;display:flex;justify-content:space-between;align-items:center;gap:2rem;max-width:1250px;margin:auto;padding:2.7rem clamp(1rem,5vw,4rem);border-radius:33px 33px 74px;color:#fff9e8;background:radial-gradient(circle at 90% 10%,rgba(255,220,120,.35),transparent 27%),linear-gradient(124deg,#4a2a68,#764793 62%,#b47826);overflow:hidden;box-shadow:0 15px #5c35192b,0 27px 45px #3f1f3729}.score-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffe48d 1px,transparent 1.5px);background-size:24px 24px;opacity:.22}.score-hero>div:first-child{position:relative;max-width:730px}.score-eyebrow{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .7rem;color:#5e3a78;background:#ffe8a0;border-radius:999px;font-size:.78rem;font-weight:900}.score-hero h1{font:800 clamp(2rem,5vw,3.7rem)/1.35 Changa,sans-serif;margin:.55rem 0}.score-hero h1 em,.score-section-heading em{font-style:normal;color:#ffe390}.score-hero p{max-width:650px;margin:0;font-size:1.05rem;line-height:1.85;font-weight:700}.score-hero-star{position:relative;display:grid;place-items:center;flex:0 0 auto;width:145px;height:145px;border:3px solid #ffe28c;border-radius:50%;color:#ffe28c;background:#ffffff1c;box-shadow:0 0 0 13px #ffe68f17}.score-hero-star:before,.score-hero-star:after,.score-hero-star i{content:"";position:absolute;border:2px solid rgba(255,228,139,.45);border-radius:50%}.score-hero-star:before{width:190px;height:190px}.score-hero-star:after{width:240px;height:240px}.score-hero-star i:first-of-type{width:58px;height:58px;right:-38px;top:-26px}.score-hero-star i:last-of-type{width:37px;height:37px;left:-33px;bottom:-12px}.score-layout{display:grid;grid-template-columns:minmax(270px,.52fr) minmax(0,1.48fr);align-items:start;gap:2rem;width:min(1250px,calc(100% - 2rem));margin:2.6rem auto}.score-control-panel{padding:1.25rem;background:#fff9e9;border:2px solid #d9a84a;border-radius:23px 47px 23px 23px;box-shadow:0 9px #945e1d1c,0 22px 35px #5e391a17}.score-panel-title{display:flex;gap:.75rem;align-items:center}.score-panel-title>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px 14px 4px;color:#fff8e3;background:#653b87;box-shadow:0 4px #452461}.score-panel-title div{display:grid;gap:.15rem}.score-panel-title b{font:800 1.05rem Changa,sans-serif}.score-panel-title small{color:#7a5e50;font-weight:700;font-size:.75rem}.score-name-field{display:grid;gap:.45rem;margin:1.3rem 0 1rem;color:#604653;font-weight:900}.score-name-field input{width:100%;padding:.85rem;border:2px solid #e1ba68;border-radius:13px;background:#fffefa;color:#4b315c;font:800 1rem Tajawal,sans-serif;outline:none;transition:border-color .15s,box-shadow .15s}.score-name-field input:focus{border-color:#6a428b;box-shadow:0 0 0 4px #6d438e1f}.score-actions{display:grid;gap:.6rem}.score-actions button{display:flex;align-items:center;justify-content:center;gap:.45rem;border:0;border-radius:13px;padding:.8rem;background:#5a347b;color:#fff8dc;box-shadow:0 5px #3c2255;font:900 .92rem Tajawal,sans-serif;cursor:pointer;transition:transform .15s,background .15s}.score-actions button+button{background:#dc962b;box-shadow:0 5px #a45c1d;color:#fffaf1}.score-actions button:hover{transform:translateY(-3px)}.score-actions button:active{transform:scale(.98)}.score-local-tools{margin-top:1.25rem;padding-top:1rem;border-top:1px dashed #d8ab53}.score-local-tools p{display:flex;gap:.35rem;align-items:center;color:#735a48;font-size:.74rem;font-weight:800}.score-local-tools>div{display:flex;gap:.45rem;flex-wrap:wrap}.score-local-tools button{display:inline-flex;align-items:center;gap:.3rem;border:1px solid #d9b16c;border-radius:9px;padding:.45rem .55rem;background:#fff4d5;color:#6a4183;font:800 .72rem Tajawal,sans-serif;cursor:pointer}.score-local-tools input{display:none}.score-notice{display:flex;align-items:center;gap:.35rem;margin:1rem 0 0;padding:.65rem .7rem;background:#e3f4de;color:#2c7048;border:1px solid #85b986;border-radius:11px;font-size:.78rem;font-weight:800;line-height:1.55}.score-notice button{display:grid;place-items:center;margin-right:auto;border:0;color:inherit;background:transparent;cursor:pointer}.certificate{position:relative;padding:19px;background:linear-gradient(135deg,#4f2c70,#d4972e 45%,#4d2d6b);border-radius:4px;box-shadow:0 18px #4c2a182b,0 27px 48px #4d2a3c2e;overflow:hidden}.certificate:before{content:"";position:absolute;inset:0;background:repeating-conic-gradient(from 0deg,rgba(255,230,146,.12) 0 6deg,transparent 6deg 18deg);opacity:.5}.certificate-inner{position:relative;min-height:590px;padding:2.5rem 2rem 1.6rem;text-align:center;background:radial-gradient(circle at 20% 15%,rgba(223,169,58,.16),transparent 22%),#fff9e9;border:3px solid #f6d36f;outline:2px solid #633b82;outline-offset:-12px}.certificate-corner{position:absolute;z-index:2;display:grid;place-items:center;width:68px;height:68px;color:#ffe28b;background:#623a80;font:800 31px Changa,sans-serif}.corner-one{top:0;right:0;border-radius:0 0 0 46px}.corner-two{bottom:0;left:0;border-radius:0 46px 0 0}.certificate-seal{display:grid;place-items:center;width:70px;height:70px;margin:auto;border:5px double #d29a2b;border-radius:50%;color:#c28720;background:#fff3c4}.certificate-kicker{margin:.65rem 0 .2rem;color:#967029;font-size:.82rem;font-weight:900}.certificate h2{max-width:770px;margin:.1rem auto;font:800 clamp(1.45rem,3vw,2.3rem)/1.65 Changa,sans-serif;color:#4d2d6d}.certificate-rule{display:flex;align-items:center;justify-content:center;gap:.6rem;color:#c48a21;margin:.7rem 0}.certificate-rule i{width:22%;height:2px;background:#d7a548}.certificate-text{max-width:720px;margin:.55rem auto;color:#654b40;font-size:.98rem;line-height:1.85;font-weight:700}.certificate-name{width:fit-content;min-width:220px;margin:.75rem auto;padding:0 .45rem .25rem;border-bottom:2px solid #c99835;color:#5b3979;font:800 clamp(1.25rem,3.4vw,2.25rem) Changa,sans-serif}.certificate-name:not(.has-name){color:#9a7959;font-size:1.18rem}.certificate-achievements{display:flex;justify-content:center;flex-wrap:wrap;gap:.7rem;margin:1.05rem 0}.certificate-achievements span{display:grid;grid-template-columns:auto auto;align-items:center;gap:.1rem .36rem;min-width:126px;padding:.65rem .7rem;color:#5b3a75;background:#fff3cd;border:1px solid #d6a244;border-radius:13px}.certificate-achievements svg{grid-row:span 2;color:#ca9026}.certificate-achievements b{font:800 1.25rem Changa,sans-serif}.certificate-achievements small{font-weight:800;color:#765b47}.certificate-footer{display:flex;justify-content:space-between;gap:1rem;margin:1.1rem .7rem 0;padding-top:.75rem;border-top:1px dashed #d8aa53}.certificate-footer div{display:grid;gap:.18rem;text-align:right}.certificate-footer div:last-child{text-align:left}.certificate-footer small{color:#80634e;font-size:.74rem;font-weight:800}.certificate-footer b{color:#573871;font:800 .98rem Changa,sans-serif}.score-progress{width:min(1250px,calc(100% - 2rem));margin:1rem auto 4rem}.score-section-heading{text-align:center;max-width:640px;margin:auto}.score-section-heading h2{margin:.55rem 0 .1rem;font:800 clamp(1.8rem,4vw,3rem) Changa,sans-serif;color:#50306f}.score-section-heading p{margin:0;color:#715947;font-weight:700;line-height:1.8}.score-metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-top:1.7rem}.score-metric-grid article{display:grid;justify-items:center;gap:.3rem;padding:1.1rem .6rem;background:#fff9eb;border:1px solid #e2b862;border-radius:18px 28px 18px 18px;box-shadow:0 7px #83511b1a;text-align:center}.score-metric-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px 13px 4px}.score-metric-icon.gold{background:#ffe3a0;color:#b17313}.score-metric-icon.purple{background:#e9d8f3;color:#693e8a}.score-metric-icon.green{background:#dcefd9;color:#357455}.score-metric-icon.sand{background:#f3dfba;color:#8e622e}.score-metric-grid b{font:800 1.45rem Changa,sans-serif;color:#543570}.score-metric-grid small{color:#765b49;font-weight:800;font-size:.76rem}.score-completion{max-width:840px;margin:1.7rem auto;padding:1.2rem 1.3rem;background:#5a357b;color:#fff9e7;border:2px solid #e7be61;border-radius:19px 39px 19px 19px;box-shadow:0 8px #42245d3d}.score-completion>div:first-child{display:flex;justify-content:space-between;font-weight:900}.score-completion>div:nth-child(2){height:12px;margin:.65rem 0;background:#fff3;border-radius:999px;overflow:hidden}.score-completion>div:nth-child(2) span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f2bf51,#ffe99a)}.score-completion p{margin:0;font-size:.8rem;font-weight:700}.score-badges{padding:1.2rem;background:#fff7e3;border:2px dashed #d39c34;border-radius:23px 43px 23px 23px}.score-badges-heading{display:flex;align-items:center;gap:.65rem;color:#5a357a}.score-badges-heading>svg{color:#c58b20}.score-badges h3{margin:0;font:800 1.1rem Changa,sans-serif}.score-badges p{margin:.1rem 0 0;color:#7c614f;font-size:.78rem;font-weight:700}.score-badges>div:last-child{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin-top:1rem}.score-badges article{display:grid;grid-template-columns:auto 1fr;gap:.1rem .5rem;align-items:center;padding:.75rem;border:1px solid #dfbd76;border-radius:13px;background:#fffdf5}.score-badges article>span{grid-row:span 2;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fce4a6;color:#b17814}.score-badges article.locked{opacity:.58;filter:grayscale(.6)}.score-badges article b{font-weight:900;font-size:.83rem}.score-badges article small{color:#80664f;font-size:.68rem;font-weight:700}.score-footer{display:flex;justify-content:space-between;gap:1rem;padding:1.2rem max(1rem,calc((100% - 1210px)/2));color:#fff8e8;background:#4e2d6c;font-size:.85rem;font-weight:800}.score-footer a{display:flex;align-items:center;gap:.3rem;color:#ffe392;text-decoration:none}@media (max-width:900px){.score-layout{grid-template-columns:1fr}.score-control-panel{order:2}.score-metric-grid{grid-template-columns:repeat(3,1fr)}.score-badges>div:last-child{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.score-header{width:calc(100% - 1.2rem)}.score-header nav a{padding:.5rem}.score-header nav a svg{display:none}.score-brand img{width:43px;height:43px}.score-brand b{font-size:1.18rem}.score-hero{width:calc(100% - 1.2rem);padding:2rem 1.2rem;border-radius:24px 24px 48px}.score-hero-star{display:none}.score-layout,.score-progress{width:calc(100% - 1.2rem);margin-top:1.4rem}.certificate{padding:11px}.certificate-inner{min-height:auto;padding:2.1rem 1rem 1.25rem;outline-offset:-8px}.certificate h2{font-size:1.35rem}.certificate-text{font-size:.86rem}.certificate-achievements{gap:.4rem}.certificate-achievements span{min-width:30%;padding:.48rem .35rem}.certificate-footer{margin-inline:0}.certificate-footer b{font-size:.78rem}.score-metric-grid{grid-template-columns:repeat(2,1fr);gap:.65rem}.score-metric-grid article:last-child{grid-column:span 2}.score-badges>div:last-child{grid-template-columns:1fr}.score-footer{align-items:flex-start;flex-direction:column}.corner-one,.corner-two{width:48px;height:48px;font-size:23px}}@media print{body{background:#fff}.score-header,.score-hero,.score-control-panel,.score-progress,.score-footer{display:none!important}.score-layout{display:block;width:100%;margin:0}.certificate{box-shadow:none;border-radius:0;padding:14px}.certificate-inner{min-height:650px}}@media (prefers-reduced-motion:reduce){.score-header nav a,.score-actions button{transition:none}}.score-badges{display:grid;gap:1rem}.score-badges>div.badge-collection{display:grid;grid-template-columns:1fr;gap:.7rem;margin-top:0;padding:1rem;border:1px solid #e4c47a;border-radius:18px;background:#fffdf5ad}.badge-collection>header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.badge-collection>header>span{display:inline-flex;align-items:center;gap:.35rem;color:#5a357a;font:800 .94rem Changa,sans-serif}.badge-collection>header small{color:#765a45;font-size:.72rem;font-weight:800;line-height:1.55}.badge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.score-badges article{min-height:78px}.score-badges article.unlocked{border-color:#d49c31;background:linear-gradient(135deg,#fffdf5,#fff0c7);box-shadow:0 5px #a36b1f1a}.score-badges article.unlocked>span{background:#fbe09b;color:#a96812}.score-badges article small{line-height:1.45}.badge-advanced{border-color:#ad86cb!important;background:linear-gradient(135deg,#fbf5ff,#f2e6fc)!important}.badge-advanced>header>span{color:#69408c}.badge-advanced article{border-color:#c8a9de;background:#fffcff}.badge-advanced article.advanced-unlocked{border-color:#8d60b0;background:linear-gradient(135deg,#fff8d8,#ead9f7);box-shadow:0 5px #5e367f1f}.badge-advanced article.advanced-unlocked>span{background:#6b438d;color:#fff8de}.badge-expert{border-color:#c17b2e!important;background:linear-gradient(135deg,#fff6df,#f3dfbd)!important}.badge-expert>header>span{color:#88450f}.badge-expert article{border-color:#dbbd86;background:#fffdf7}.badge-expert article.expert-unlocked{border-color:#a95816;background:linear-gradient(135deg,#fff3c9,#f2c46b);box-shadow:0 5px #83441129}.badge-expert article.expert-unlocked>span{background:#a95816;color:#fff8df}@media (max-width:1050px){.badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.badge-collection>header{align-items:flex-start;flex-direction:column;gap:.25rem}.badge-grid{grid-template-columns:1fr}.score-badges article{min-height:74px}}.score-progress:before{content:"";position:absolute;z-index:0;top:235px;right:7%;left:7%;height:2px;background:repeating-linear-gradient(90deg,#c99331 0 7px,transparent 7px 18px);opacity:.45;transform:rotate(-1deg);pointer-events:none}.score-progress>*{position:relative;z-index:1}.score-metric-grid{position:relative;padding:1.35rem;background:linear-gradient(135deg,#fffaebeb,#f7e5b5f0);border:2px dashed #d5a449;border-radius:26px 45px;box-shadow:inset 0 0 0 5px #ffffff61}.score-metric-grid:before{content:"محطات الدفتر";position:absolute;top:-.68rem;right:1.8rem;padding:.25rem .75rem;color:#5b3978;background:#f9e3a5;border:1px solid #d19a34;border-radius:999px;font-size:.72rem;font-weight:900}.score-metric-grid article{position:relative;border-radius:12px 22px;background:linear-gradient(145deg,#fffdf4,#f9e8bd);box-shadow:0 5px #7e4b1a1a}.score-metric-grid article:after{content:"✦";position:absolute;top:.4rem;left:.5rem;color:#c4912c;font-size:.62rem}.score-completion{position:relative;overflow:hidden;border-radius:20px 40px;background:radial-gradient(circle at 90% 15%,rgb(255 225 142 / .34) 0 2px,transparent 2.5px) 0 0/21px 21px,linear-gradient(124deg,#42265e,#6c418c 58%,#9d6923)}.score-completion:before{content:"";position:absolute;right:1.5rem;bottom:1rem;width:28%;height:2px;background:repeating-linear-gradient(90deg,#ffe298 0 7px,transparent 7px 15px);transform:rotate(-8deg);opacity:.7}.score-completion>*{position:relative}.score-badges{position:relative;overflow:hidden;background:radial-gradient(circle at 14% 10%,rgb(255 219 124 / .28) 0 2px,transparent 2.5px) 0 0/29px 29px,linear-gradient(135deg,#fffaf0,#f7e4b5);border-radius:27px 47px}.score-badges:after{content:"";position:absolute;left:-34px;bottom:-40px;width:175px;height:175px;border:24px solid rgb(92 52 121 / .1);border-radius:50%;pointer-events:none}.score-badges-heading{position:relative;padding:.15rem .25rem .75rem;border-bottom:1px dashed #d3a049}.score-badges-heading:after{content:"";position:absolute;bottom:-2px;left:5%;width:28%;height:2px;background:repeating-linear-gradient(90deg,#bb8527 0 7px,transparent 7px 14px)}.score-badges article{position:relative;overflow:hidden}.score-badges article:after{content:"";position:absolute;top:0;left:0;width:12px;height:12px;border-left:1px solid rgb(191 142 48 / .28);border-top:1px solid rgb(191 142 48 / .28);border-radius:0 0 0 10px}.teacher-notebook{position:relative;overflow:hidden;background:linear-gradient(130deg,#fffdf3,#f3dfaa)!important;border:2px solid #d0a04b!important;border-radius:30px 53px!important;box-shadow:0 13px #7e49181c,inset 0 0 0 6px #ffffff59}.teacher-notebook:before{content:"دفتر رحلة مختوم";position:absolute;top:1rem;left:1.4rem;padding:.32rem .8rem;color:#fff7e4;background:#573270;border:1px solid #d4a141;border-radius:999px;font-size:.68rem;font-weight:900;transform:rotate(-4deg);box-shadow:0 3px #40225640}.teacher-notebook-heading{padding-bottom:1rem;border-bottom:1px dashed #d3a34d}.teacher-module{border-radius:15px 25px!important;background:linear-gradient(135deg,#fffdf5,#f8e6ba)!important}.teacher-activity-log{position:relative;overflow:hidden;border-radius:19px 38px!important;background:radial-gradient(circle at 85% 18%,rgb(255 226 143 / .25) 0 2px,transparent 2.4px) 0 0/18px 18px,linear-gradient(125deg,#472763,#764492)!important}.teacher-activity-log:after{content:"";position:absolute;bottom:1rem;right:7%;left:7%;height:2px;background:repeating-linear-gradient(90deg,#ffdc84 0 7px,transparent 7px 16px);opacity:.65}@media (max-width:620px){.score-progress:before{top:215px;right:3%;left:3%}.score-metric-grid{padding:1rem}.teacher-notebook:before{position:static;display:inline-flex;margin:0 1rem .5rem}.teacher-notebook-heading{padding-top:.5rem}.score-badges-heading:after{width:44%}}.score-badges>*,.score-progress>*,.teacher-notebook>*{position:relative;z-index:1}.score-progress{position:relative}.ledger-route{display:flex;align-items:center;justify-content:center;gap:.35rem;max-width:860px;margin:1.5rem auto .45rem;padding:.6rem .75rem;border:1px dashed rgb(194 137 39 / .65);border-radius:999px;background:#fff7dcb8}.ledger-route i{width:clamp(1.2rem,5vw,4rem);height:2px;border-top:2px dotted #cb9332}.route-stop{display:inline-flex;align-items:center;min-height:1.8rem;padding:.2rem .55rem;color:#6e4c30;border-radius:999px;background:#fffdf4;font-size:.72rem;font-weight:900;white-space:nowrap}.route-start{color:#6b4186;background:#eee0f6}.route-next{color:#80521a;background:#ffe18e}.score-metric-grid article{position:relative}.score-metric-grid article:after{content:"✦";position:absolute;top:.45rem;left:.55rem;color:#c68d2759;font-size:.7rem}.teacher-module:before{content:"✦ محطة مسجّلة";display:inline-flex;width:fit-content;margin-bottom:.55rem;padding:.22rem .55rem;border:1px solid rgb(185 125 35 / .45);border-radius:999px;color:#81551d;background:#fff6d6d1;font-size:.67rem;font-weight:900}@media (max-width: 620px){.ledger-route{justify-content:flex-start;flex-wrap:wrap;border-radius:18px}.ledger-route i{width:1.5rem}}.score-hero:after{content:"";position:absolute;z-index:0;right:-2%;bottom:-2px;left:38%;height:115px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 900 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-20 135c130-88 205 3 325-52S510 1 654 72s180 20 274-50' fill='none' stroke='%23F6D36F' stroke-width='8' stroke-linecap='round' stroke-dasharray='3 20' opacity='.82'/%3E%3Cpath d='M0 160V114c128-77 204 7 320-44s197-94 335-23 165 27 245-35v148Z' fill='%234A2A68' fill-opacity='.28'/%3E%3C/svg%3E") bottom/100% 100% no-repeat;pointer-events:none}.score-hero>div:first-child,.score-hero-star{z-index:1}.certificate-seal,.certificate-rule svg,.certificate-achievements svg,.score-metric-icon.gold svg{color:#c28720}.certificate-route-map{position:relative;display:flex;align-items:center;justify-content:space-between;width:min(560px,94%);height:45px;margin:.6rem auto .15rem;padding:0 18px;color:#ba8020}.certificate-route-map:before{content:"";position:absolute;right:0;left:0;top:50%;height:15px;transform:translateY(-50%);background:url("data:image/svg+xml,%3Csvg viewBox='0 0 560 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 9c55-15 90 15 150 0s100-15 160 0 110 15 150 0 65-15 100 0' fill='none' stroke='%23D89028' stroke-width='3' stroke-dasharray='2 9'/%3E%3C/svg%3E") center/100% 100% no-repeat}.certificate-route-map span{position:relative;z-index:1;display:grid;place-items:center;width:20px;height:20px;background:#fff6d6;border:2px solid #c38b26;clip-path:polygon(50% 0,63% 35%,85% 15%,70% 39%,100% 50%,70% 61%,85% 85%,63% 70%,50% 100%,37% 70%,15% 85%,30% 61%,0 50%,30% 39%,15% 15%,37% 35%)}.certificate-route-map span:last-child{width:28px;height:28px;color:#fff6d6;background:#623a80;border:0}.score-badges article>span{border-radius:0;clip-path:polygon(50% 0,63% 35%,85% 15%,70% 39%,100% 50%,70% 61%,85% 85%,63% 70%,50% 100%,37% 70%,15% 85%,30% 61%,0 50%,30% 39%,15% 15%,37% 35%)}@media (max-width:620px){.score-hero:after{left:0;opacity:.64}.certificate-route-map{margin-top:.4rem}}.score-header-tools{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem}.score-home-link{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem .7rem;color:#fff9e8;text-decoration:none;background:#5b397b;border:1px solid #d9b15b;border-radius:12px;box-shadow:0 4px #3d2457;font-size:.8rem;font-weight:900;transition:transform .15s,background .15s}.score-home-link:hover{background:#704697;transform:translateY(-2px)}.score-home-link:active{transform:scale(.97)}@media (max-width:620px){.score-header-tools{justify-content:flex-end}.score-home-link{padding:.5rem}}@media (prefers-reduced-motion:reduce){.score-home-link{transition:none}}.score-report-tools{display:grid;gap:.72rem;margin-top:1rem;padding:1rem;background:linear-gradient(145deg,#f6e5b9,#fff8e5);border:1px solid #dbb264;border-radius:17px 17px 6px;box-shadow:0 5px #86531d1f}.score-report-tools>div{display:grid;grid-template-columns:auto 1fr;column-gap:.55rem;align-items:center}.score-report-tools>div>span{grid-row:span 2;display:grid;place-items:center;width:35px;height:35px;color:#fff8df;background:#5c3979;border-radius:11px 11px 3px}.score-report-tools b{color:#5a3678;font:800 .98rem Changa,sans-serif}.score-report-tools small{color:#755945;font-weight:800;font-size:.76rem;line-height:1.5}.score-report-tools section{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.score-report-tools button{display:inline-flex;align-items:center;justify-content:center;gap:.38rem;padding:.62rem .45rem;color:#fffaf0;background:#5a3678;border:0;border-bottom:3px solid #36214d;border-radius:10px 10px 4px;box-shadow:0 4px 8px #4c2a2524;font:900 .75rem Tajawal,sans-serif;cursor:pointer;transition:transform .15s,filter .15s}.score-report-tools button:last-child{background:#9c6727;border-bottom-color:#744718}.score-report-tools button:hover{filter:brightness(1.09);transform:translateY(-2px)}.score-report-tools button:active{transform:translateY(1px) scale(.98)}@media (max-width:400px){.score-report-tools section{grid-template-columns:1fr}.score-report-tools button{padding:.6rem}}@media (prefers-reduced-motion:reduce){.score-report-tools button{transition:none}}.teacher-best-results{position:relative;margin-top:.85rem;padding:1rem;border:1px solid #dcc072;border-radius:18px;background:linear-gradient(135deg,#fffdf5,#f7e8bf);overflow:hidden}.teacher-best-results:after{position:absolute;top:-18px;left:8%;width:92px;height:44px;border:1px dashed rgb(133 91 41 / .35);border-radius:50%;content:"";transform:rotate(-12deg)}.teacher-best-results>header{position:relative;z-index:1;display:flex;align-items:flex-start;gap:.58rem}.teacher-best-results>header>span{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:14px 14px 6px;color:#fff9e9;background:#a27632;box-shadow:0 3px #704c1f}.teacher-best-results h4{margin:0;color:#563477;font:800 1rem Changa,sans-serif}.teacher-best-results header p{margin:.16rem 0 0;color:#795b43;font-size:.78rem;font-weight:700}.teacher-best-results ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:.85rem 0 0;padding:0;list-style:none}.teacher-best-results li{display:flex;align-items:center;justify-content:space-between;gap:.55rem;padding:.65rem .72rem;border:1px solid #ead392;border-radius:13px;background:#ffffff9e}.teacher-best-results li span{display:grid;gap:.12rem;min-width:0}.teacher-best-results li b{overflow:hidden;color:#563477;font-size:.84rem;white-space:nowrap;text-overflow:ellipsis}.teacher-best-results li small{color:#806550;font-size:.68rem;font-weight:700}.teacher-best-results em{flex:none;padding:.28rem .42rem;border-radius:999px;color:#fff8dd;background:#54785e;font:800 .82rem Changa,sans-serif;font-style:normal}.teacher-best-results>p{margin:.8rem 0 0;padding:.65rem;border-radius:11px;color:#765d48;background:#ffffff8c;font-size:.82rem;line-height:1.7}@media (max-width:620px){.teacher-best-results ol{grid-template-columns:1fr}.teacher-best-results li{align-items:flex-start;flex-direction:column}.teacher-best-results em{align-self:flex-start}}.teacher-notebook{margin-top:1.25rem;padding:clamp(1rem,3vw,1.75rem);border:1px solid #e1bc70;border-radius:25px 25px 48px;background:linear-gradient(145deg,#fffbed,#f5e5bb);box-shadow:0 12px 30px #4b2e181a}.teacher-notebook-heading{display:flex;align-items:flex-start;gap:.75rem}.teacher-notebook-heading>span{display:grid;place-items:center;flex:none;width:45px;height:45px;border-radius:15px 15px 5px;color:#fff8e8;background:#5c397c;box-shadow:0 4px #3e2558}.teacher-notebook-heading h3{margin:0;color:#50316e;font:800 clamp(1.12rem,2.3vw,1.48rem) Changa,sans-serif}.teacher-notebook-heading p{margin:.23rem 0 0;color:#755b49;font-size:.9rem;line-height:1.75}.teacher-meta{display:flex;flex-wrap:wrap;gap:.55rem;margin:1rem 0}.teacher-meta span{display:inline-flex;align-items:center;gap:.34rem;padding:.5rem .65rem;color:#6a4c3b;background:#fff9e9;border:1px solid #e6c778;border-radius:999px;font-size:.8rem;font-weight:800}.teacher-meta svg{color:#987025}.teacher-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.teacher-module{padding:.9rem 1rem;border:1px solid #e3c77f;border-radius:17px;background:#fffdf7}.teacher-module header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:#52316d;font-weight:900}.teacher-module header b{padding:.22rem .48rem;border-radius:999px;background:#f5e4b7;font:800 .93rem Changa,sans-serif}.teacher-module-bar{height:9px;margin:.72rem 0 .65rem;overflow:hidden;border-radius:999px;background:#eee0b9}.teacher-module-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a77742,#f4c85e)}.teacher-green .teacher-module-bar i{background:linear-gradient(90deg,#5d9b72,#a4d19a)}.teacher-violet .teacher-module-bar i{background:linear-gradient(90deg,#704595,#c3a2d8)}.teacher-module p{margin:0;color:#705743;font-size:.83rem;line-height:1.7}.teacher-module p b{color:#50316e}.teacher-module small{display:block;margin-top:.45rem;color:#8b735a;font-weight:800;font-size:.76rem}.teacher-activity-log{margin-top:.85rem;padding:1rem;border-radius:18px;background:#543473;color:#fff9e8}.teacher-activity-log>div{display:flex;align-items:flex-start;gap:.58rem}.teacher-activity-log>div>svg{flex:none;color:#f7d66e}.teacher-activity-log span{display:grid;gap:.15rem}.teacher-activity-log b{font:800 1rem Changa,sans-serif}.teacher-activity-log small{color:#e8d8ef;font-weight:700;font-size:.78rem}.teacher-activity-log ol{display:grid;gap:.45rem;margin:.85rem 0 0;padding:0;list-style:none}.teacher-activity-log li{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.55rem .65rem;border:1px solid rgb(250 222 151 / .26);border-radius:10px;background:#ffffff14}.teacher-activity-log li span{display:grid;gap:.08rem}.teacher-activity-log li span small{font-size:.72rem}.teacher-activity-log em{flex:none;padding:.24rem .42rem;border-radius:999px;color:#4f306b;background:#f8d671;font-size:.74rem;font-style:normal;font-weight:900}.teacher-activity-log>p{margin:.85rem 0 0;padding:.7rem;border-radius:10px;background:#ffffff1a;color:#f4e7d1;font-size:.84rem;line-height:1.75}@media (max-width:620px){.teacher-module-grid{grid-template-columns:1fr}.teacher-meta{display:grid;grid-template-columns:1fr}.teacher-meta span{width:100%;font-size:.77rem}.teacher-activity-log li{align-items:flex-start;flex-direction:column;gap:.45rem}.teacher-activity-log em{align-self:flex-start}}.score-page .score-metric-grid,.score-page .score-badges,.score-page .teacher-notebook,.score-page .teacher-activity-log,.score-page .teacher-best-results,.score-page .parent-print-tools{position:relative}.score-page .score-metric-grid:before,.score-page .score-badges:before,.score-page .teacher-notebook:before,.score-page .teacher-activity-log:before,.score-page .teacher-best-results:before,.score-page .parent-print-tools:before{content:"✦ سجل رحلة ✦";position:absolute;top:-.72rem;right:1.1rem;z-index:2;padding:.22rem .68rem;border:1px solid rgba(142,93,25,.55);border-radius:999px;background:#f8e8b6;color:#75491b;font-family:Changa,sans-serif;font-size:.7rem;letter-spacing:.03em;box-shadow:0 3px #75491b29}.score-page .score-metric-grid>article,.score-page .teacher-module-grid>article,.score-page .teacher-best-results,.score-page .teacher-activity-log,.score-page .parent-print-summary{border-color:#a8702161!important;background-color:#fff8e7!important;background-image:radial-gradient(circle at 13% 15%,rgba(221,168,68,.15) 0 1px,transparent 1.8px),radial-gradient(circle at 86% 82%,rgba(80,49,101,.1) 0 1px,transparent 1.8px),linear-gradient(135deg,#ffffffd1,#f7e4b270);background-size:18px 18px,24px 24px,auto;box-shadow:0 8px #7d4e1d14,0 14px 26px #53315314!important}.score-page .score-metric-grid>article:after,.score-page .teacher-module-grid>article:after{content:"";position:absolute;left:.85rem;bottom:.85rem;width:18px;height:18px;opacity:.55;background:#a76d20;clip-path:polygon(50% 0,61% 34%,84% 16%,70% 40%,100% 50%,70% 60%,84% 84%,61% 66%,50% 100%,39% 66%,16% 84%,30% 60%,0 50%,30% 40%,16% 16%,39% 34%)}.score-page .score-metric-grid>article{position:relative;overflow:hidden}.score-page .score-metric-grid>article:nth-child(2):after,.score-page .teacher-module-grid>article:nth-child(2):after{background:#39765d}.score-page .score-metric-grid>article:nth-child(3):after,.score-page .teacher-module-grid>article:nth-child(3):after{background:#5c3a78}.score-page .score-progress:before{content:"";display:block;width:min(94%,940px);height:34px;margin:0 auto -6px;opacity:.55;background:radial-gradient(circle,#b57928 0 3px,transparent 3.8px) 0 50% / 31px 100% repeat-x;mask:linear-gradient(171deg,transparent 0 30%,#000 32% 62%,transparent 64% 100%)}.score-page .score-badges,.score-page .teacher-notebook,.score-page .parent-print-tools{padding-top:1.2rem}.score-page .journey-best-results li,.score-page .teacher-activity-log li{border-inline-start:3px solid #c68a27;background:#ffffff1c}.score-page .journey-best-results li:before,.score-page .teacher-activity-log li:before{content:"✦";color:#c28720;margin-inline-end:.45rem}.score-page .score-actions button,.score-page .teacher-actions button{border-color:#a66b18b3!important;background:linear-gradient(145deg,#fff3c6,#e6ba56)!important;color:#553215!important;box-shadow:0 4px #a96e1d,0 10px 18px #542d1829!important}.score-page .score-actions button:active,.score-page .teacher-actions button:active{transform:translateY(3px) scale(.98);box-shadow:0 1px #a96e1d!important}@media (max-width: 640px){.score-page .score-metric-grid:before,.score-page .score-badges:before,.score-page .teacher-notebook:before,.score-page .teacher-activity-log:before,.score-page .teacher-best-results:before,.score-page .parent-print-tools:before{right:.65rem}}.certificate{box-sizing:border-box;padding:clamp(1.1rem,3vw,2.6rem)}.certificate-inner{box-sizing:border-box;min-width:0;overflow:hidden;padding:clamp(1.2rem,3.4vw,3.25rem) clamp(1rem,4vw,4rem)!important}.certificate h2,.certificate-text,.certificate-prayer,.certificate-name,.certificate-footer b,.certificate-footer small{overflow-wrap:anywhere}.certificate-achievements{min-width:0}@media (max-width: 540px){.certificate{padding:.75rem}.certificate-inner{padding:1.25rem .8rem 1.15rem!important}.certificate h2{font-size:clamp(1.25rem,6.5vw,1.7rem);line-height:1.55}.certificate-text,.certificate-prayer{font-size:.95rem;line-height:1.85}.certificate-name{font-size:clamp(1.25rem,7vw,1.8rem)}}.parent-print-tools,.companion-voice-tools{margin-top:.95rem;border:1px solid rgba(153,100,31,.38);border-radius:6px 18px 8px 20px;background-color:#fff8e7;background-image:radial-gradient(rgba(164,107,33,.13) .7px,transparent .8px),linear-gradient(135deg,#fffdf2,#f1dfb5);background-size:12px 12px,auto;padding:1rem;display:grid;gap:.75rem;box-shadow:0 5px #794b1a14}.parent-print-tools>header,.companion-voice-tools>div{display:flex;gap:.65rem;align-items:flex-start}.parent-print-tools>header>span,.companion-voice-tools>div>span{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50% 48% 52% 50%;background:#583675;color:#f4d676;box-shadow:0 3px #38204d}.parent-print-tools b,.companion-voice-tools b{display:block;color:#4e2e6b;font:800 .88rem Tajawal,sans-serif}.parent-print-tools small,.companion-voice-tools small{display:block;margin-top:.12rem;color:#765946;font:700 .74rem Tajawal,sans-serif;line-height:1.55}.parent-print-tools>header button{margin-inline-start:auto;align-self:center;border:1px solid #3e2454;border-radius:7px 12px 8px 14px;background:#573574;color:#fff;padding:.62rem .78rem;display:inline-flex;align-items:center;gap:.35rem;font:800 .78rem Tajawal,sans-serif;cursor:pointer;box-shadow:0 3px #39204d}.parent-print-summary{border:1px dashed rgba(160,103,31,.45);border-radius:5px 15px 8px 17px;background:#ffffff8f;padding:.9rem}.parent-print-summary h3{color:#583675;font-family:Changa,sans-serif}.voice-toggle{display:flex;align-items:center;gap:.45rem;cursor:pointer;color:#583675;font:800 .79rem Tajawal,sans-serif}.voice-toggle input{accent-color:#583675;width:17px;height:17px}.voice-toggle span{display:grid;place-items:center;color:#a2701d}.voice-select-label{display:grid;gap:.32rem;color:#624472;font:800 .76rem Tajawal,sans-serif}.voice-select-label select{width:100%;border:1px solid #d5b56b;background:#fffdf6;border-radius:6px 11px 7px 12px;padding:.55rem;color:#52316e;font:700 .76rem Tajawal,sans-serif}.voice-unavailable{margin:0;color:#87603c;font:700 .77rem Tajawal,sans-serif}@media (max-width:700px){.parent-print-tools,.companion-voice-tools{border-radius:6px 15px 8px 17px}.parent-print-tools>header{align-items:flex-start}.parent-print-tools>header button{margin-inline-start:0;align-self:auto}}.teacher-journal-streams{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:1.45rem;margin-top:1.8rem;padding:2.1rem 1rem 1rem;border:2px dashed rgb(167 118 61 / .42);border-radius:22px;background:linear-gradient(135deg,#fff9e6db,#f5e2b585)}.teacher-journal-streams>section{position:relative;margin-top:0;border:1px solid rgb(205 160 77 / .42);border-radius:17px;background:linear-gradient(135deg,#fffdf4f0,#fff4d6c7);box-shadow:0 8px #93662d17,0 15px 25px #4d2d2114}.teacher-journal-streams:before{position:absolute;z-index:2;top:-.72rem;right:50%;padding:.38rem .82rem;border:1px solid #ddbd72;border-radius:999px;color:#5b3975;background:#fff8e6;box-shadow:0 4px #ab773029;content:"محطتا دفتر الرحلة";font:800 .74rem Tajawal,sans-serif;transform:translate(50%)}.teacher-journal-streams:after{position:absolute;z-index:1;top:48%;right:50%;width:3px;height:10%;border-radius:99px;background:repeating-linear-gradient(to bottom,#d89028 0 4px,transparent 4px 10px);content:"";transform:translate(50%)}.teacher-journal-streams .teacher-best-results:before,.teacher-journal-streams .teacher-activity-log:before{position:absolute;z-index:2;top:-.65rem;left:1.05rem;display:grid;place-items:center;width:1.55rem;height:1.55rem;border:2px solid #fff7de;border-radius:50%;color:#fff7de;background:#5c3b78;box-shadow:0 3px #3d254f;content:"✦";font-size:.78rem}.teacher-journal-streams .teacher-activity-log{border-color:#633d8157;background:linear-gradient(135deg,#fffdf4f0,#f5ebfadb);box-shadow:0 8px #5736701a,0 15px 25px #351b4b29}.teacher-journal-streams .teacher-activity-log:before{background:#9b7430;box-shadow:0 3px #704e1f}@media (min-width:820px){.teacher-journal-streams{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.teacher-journal-streams:after{top:50%;right:50%;width:9%;height:3px;background:repeating-linear-gradient(to left,#d89028 0 4px,transparent 4px 10px);transform:translate(50%,-50%)}}@media (max-width:819px){.teacher-journal-streams>section{min-height:0}}/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-100:oklch(93.6% .032 17.717);--color-red-500:oklch(63.7% .237 25.331);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-900:oklch(20.8% .042 265.755);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-lg:32rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-widest:.1em;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-xs:.125rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--blur-2xl:40px;--aspect-video:16/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:"Tajawal",sans-serif;--default-mono-font-family:var(--font-mono);--color-border:var(--border)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container\/card-header{container:card-header/inline-size}.\@container\/field-group{container:field-group/inline-size}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.-top-12{top:calc(var(--spacing)*-12)}.top-0{top:calc(var(--spacing)*0)}.top-1\.5{top:calc(var(--spacing)*1.5)}.top-1\/2{top:50%}.top-3\.5{top:calc(var(--spacing)*3.5)}.top-4{top:calc(var(--spacing)*4)}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-full{top:100%}.-right-12{right:calc(var(--spacing)*-12)}.right-0{right:calc(var(--spacing)*0)}.right-1{right:calc(var(--spacing)*1)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.-bottom-12{bottom:calc(var(--spacing)*-12)}.bottom-0{bottom:calc(var(--spacing)*0)}.-left-12{left:calc(var(--spacing)*-12)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing)*2)}.left-\[50\%\]{left:50%}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[1\]{z-index:1}.order-first{order:-9999}.order-last{order:9999}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.\!m-0{margin:calc(var(--spacing)*0)!important}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-3\.5{margin-inline:calc(var(--spacing)*3.5)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-auto{margin-inline:auto}.-my-2{margin-block:calc(var(--spacing)*-2)}.my-0{margin-block:calc(var(--spacing)*0)}.my-0\.5{margin-block:calc(var(--spacing)*.5)}.my-1{margin-block:calc(var(--spacing)*1)}.-mt-4{margin-top:calc(var(--spacing)*-4)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.-ml-4{margin-left:calc(var(--spacing)*-4)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.field-sizing-content{field-sizing:content}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-\(--cell-size\){width:var(--cell-size);height:var(--cell-size)}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-2\.5{width:calc(var(--spacing)*2.5);height:calc(var(--spacing)*2.5)}.size-3{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.size-3\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-7{width:calc(var(--spacing)*7);height:calc(var(--spacing)*7)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-10{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.size-auto{width:auto;height:auto}.size-full{width:100%;height:100%}.h-\(--cell-size\){height:var(--cell-size)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-\[1\.15rem\]{height:1.15rem}.h-\[500px\]{height:500px}.h-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-svh{height:100svh}.max-h-\(--radix-context-menu-content-available-height\){max-height:var(--radix-context-menu-content-available-height)}.max-h-\(--radix-dropdown-menu-content-available-height\){max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.max-h-\[300px\]{max-height:300px}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-4{min-height:calc(var(--spacing)*4)}.min-h-16{min-height:calc(var(--spacing)*16)}.min-h-screen{min-height:100vh}.min-h-svh{min-height:100svh}.w-\(--cell-size\){width:var(--cell-size)}.w-\(--sidebar-width\){width:var(--sidebar-width)}.w-0{width:calc(var(--spacing)*0)}.w-1{width:calc(var(--spacing)*1)}.w-2{width:calc(var(--spacing)*2)}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-3{width:calc(var(--spacing)*3)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-16{width:calc(var(--spacing)*16)}.w-64{width:calc(var(--spacing)*64)}.w-72{width:calc(var(--spacing)*72)}.w-\[100px\]{width:100px}.w-\[400px\]{width:400px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-\(--skeleton-width\){max-width:var(--skeleton-width)}.max-w-2xl{max-width:var(--container-2xl)}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-lg{max-width:var(--container-lg)}.max-w-max{max-width:max-content}.max-w-sm{max-width:var(--container-sm)}.min-w-\(--cell-size\){min-width:var(--cell-size)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-5{min-width:calc(var(--spacing)*5)}.min-w-8{min-width:calc(var(--spacing)*8)}.min-w-9{min-width:calc(var(--spacing)*9)}.min-w-10{min-width:calc(var(--spacing)*10)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\(--radix-context-menu-content-transform-origin\){transform-origin:var(--radix-context-menu-content-transform-origin)}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\(--radix-hover-card-content-transform-origin\){transform-origin:var(--radix-hover-card-content-transform-origin)}.origin-\(--radix-menubar-content-transform-origin\){transform-origin:var(--radix-menubar-content-transform-origin)}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-px{--tw-translate-x:-1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-px{--tw-translate-x:1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0\.5{--tw-translate-y:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y: calc(-50% - 2px) ;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-caret-blink{animation:1.25s ease-out infinite caret-blink}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.touch-none{touch-action:none}.resize-none{resize:none}.scroll-my-1{scroll-margin-block:calc(var(--spacing)*1)}.scroll-py-1{scroll-padding-block:calc(var(--spacing)*1)}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-\[0_1fr\]{grid-template-columns:0 1fr}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-items-start{justify-items:start}.gap-0{gap:calc(var(--spacing)*0)}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-7{gap:calc(var(--spacing)*7)}.gap-y-0\.5{row-gap:calc(var(--spacing)*.5)}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.justify-self-end{justify-self:flex-end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\[2px\]{border-radius:2px}.rounded-\[4px\]{border-radius:4px}.rounded-\[10px\]{border-radius:10px}.rounded-\[20px\]{border-radius:20px}.rounded-\[calc\(var\(--radius\)-5px\)\]{border-radius:calc(var(--radius) - 5px)}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-l-md{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.rounded-tl-sm{border-top-left-radius:calc(var(--radius) - 4px)}.rounded-r-md{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\(--color-border\){border-color:var(--color-border)}.border-\[rgba\(0\,0\,0\,0\.08\)\]{border-color:#00000014}.border-border,.border-border\/50{border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.border-border\/50{border-color:color-mix(in oklab,var(--border)50%,transparent)}}.border-input{border-color:var(--input)}.border-primary{border-color:var(--primary)}.border-transparent{border-color:#0000}.border-t-transparent{border-top-color:#0000}.border-l-transparent{border-left-color:#0000}.bg-\(--color-bg\){background-color:var(--color-bg)}.bg-\[\#1a1a19\]{background-color:#1a1a19}.bg-\[\#f8f8f7\]{background-color:#f8f8f7}.bg-accent{background-color:var(--accent)}.bg-background{background-color:var(--background)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-destructive{background-color:var(--destructive)}.bg-foreground{background-color:var(--foreground)}.bg-input{background-color:var(--input)}.bg-muted,.bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/50{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.bg-popover{background-color:var(--popover)}.bg-primary,.bg-primary\/20{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/20{background-color:color-mix(in oklab,var(--primary)20%,transparent)}}.bg-red-100{background-color:var(--color-red-100)}.bg-secondary{background-color:var(--secondary)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-slate-50{--tw-gradient-from:var(--color-slate-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-slate-100{--tw-gradient-to:var(--color-slate-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.fill-current{fill:currentColor}.fill-foreground{fill:var(--foreground)}.fill-primary{fill:var(--primary)}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-\[3px\]{padding:3px}.p-px{padding:1px}.px-\(--cell-size\){padding-inline:var(--cell-size)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-6{padding-block:calc(var(--spacing)*6)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-12{padding-top:calc(var(--spacing)*12)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-2\.5{padding-right:calc(var(--spacing)*2.5)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-8{padding-right:calc(var(--spacing)*8)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-8{padding-left:calc(var(--spacing)*8)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:Tajawal,sans-serif}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm\/relaxed{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.leading-5{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5)}.leading-\[26px\]{--tw-leading:26px;line-height:26px}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.44px\]{--tw-tracking:-.44px;letter-spacing:-.44px}.tracking-\[-0\.154px\]{--tw-tracking:-.154px;letter-spacing:-.154px}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.whitespace-break-spaces{white-space:break-spaces}.whitespace-nowrap{white-space:nowrap}.text-\[\#34322d\]{color:#34322d}.text-\[\#858481\]{color:#858481}.text-accent-foreground{color:var(--accent-foreground)}.text-background{color:var(--background)}.text-card-foreground{color:var(--card-foreground)}.text-current{color:currentColor}.text-destructive{color:var(--destructive)}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-red-500{color:var(--color-red-500)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-border)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_4px_11px_0px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0px 4px 11px 0px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-ring\/50{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.ring-ring\/50{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.backdrop-blur-2xl{--tw-backdrop-blur:blur(var(--blur-2xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[margin\,opacity\]{transition-property:margin,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.fade-in-0{--tw-enter-opacity:0}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.zoom-in-95{--tw-enter-scale:.95}.\[--cell-size\:--spacing\(8\)\]{--cell-size:calc(var(--spacing)*8)}.group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *){opacity:1}@media (hover:hover){.group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *){opacity:1}}.group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar=menu-action]) *){padding-right:calc(var(--spacing)*8)}.group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance:is(:where(.group\/field):has([data-orientation=horizontal]) *){text-wrap:balance}.group-has-\[\[data-slot\=item-description\]\]\/item\:translate-y-0\.5:is(:where(.group\/item):has([data-slot=item-description]) *){--tw-translate-y:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-has-\[\[data-slot\=item-description\]\]\/item\:self-start:is(:where(.group\/item):has([data-slot=item-description]) *){align-self:flex-start}.group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.group\/input-group):has(>input) *){padding-top:calc(var(--spacing)*2.5)}.group-has-\[\>input\]\/input-group\:pb-2\.5:is(:where(.group\/input-group):has(>input) *){padding-bottom:calc(var(--spacing)*2.5)}.group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible=icon] *){margin-top:calc(var(--spacing)*-8)}.group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *){display:none}.group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--spacing)*8)!important;height:calc(var(--spacing)*8)!important}.group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible=icon] *){width:var(--sidebar-width-icon)}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing)*4)))}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing)*4)) + 2px)}.group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *){overflow:hidden}.group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing)*0)!important}.group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing)*2)!important}.group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *){opacity:0}.group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){right:calc(var(--sidebar-width)*-1)}.group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){left:calc(var(--sidebar-width)*-1)}.group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible=offcanvas] *){width:calc(var(--spacing)*0)}.group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *){--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *),.group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled=true] *),.group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled=true] *){opacity:.5}.group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused=true] *){position:relative}.group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused=true] *){z-index:10}.group-data-\[focused\=true\]\/day\:border-ring:is(:where(.group\/day)[data-focused=true] *){border-color:var(--ring)}.group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused=true] *){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused=true] *){--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused=true] *){--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side=left] *){right:calc(var(--spacing)*-4)}.group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side=left] *){border-right-style:var(--tw-border-style);border-right-width:1px}.group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side=right] *){left:calc(var(--spacing)*0)}.group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *){rotate:180deg}.group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side=right] *){border-left-style:var(--tw-border-style);border-left-width:1px}.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){rotate:180deg}.group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant=floating] *){border-radius:var(--radius)}.group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant=floating] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant=floating] *){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant=outline] *){margin-bottom:calc(var(--spacing)*-2)}.group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *){display:block}.group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *),.group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=top] *){text-align:center}.group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport=false] *){top:100%}.group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5:is(:where(.group\/navigation-menu)[data-viewport=false] *){margin-top:calc(var(--spacing)*1.5)}.group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport=false] *){overflow:hidden}.group-data-\[viewport\=false\]\/navigation-menu\:rounded-md:is(:where(.group\/navigation-menu)[data-viewport=false] *){border-radius:calc(var(--radius) - 2px)}.group-data-\[viewport\=false\]\/navigation-menu\:border:is(:where(.group\/navigation-menu)[data-viewport=false] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[viewport\=false\]\/navigation-menu\:bg-popover:is(:where(.group\/navigation-menu)[data-viewport=false] *){background-color:var(--popover)}.group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground:is(:where(.group\/navigation-menu)[data-viewport=false] *){color:var(--popover-foreground)}.group-data-\[viewport\=false\]\/navigation-menu\:shadow:is(:where(.group\/navigation-menu)[data-viewport=false] *){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\[viewport\=false\]\/navigation-menu\:duration-200:is(:where(.group\/navigation-menu)[data-viewport=false] *){--tw-duration:.2s;transition-duration:.2s}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size=default]~*){top:calc(var(--spacing)*1.5)}.peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size=lg]~*){top:calc(var(--spacing)*2.5)}.peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size=sm]~*){top:calc(var(--spacing)*1)}.selection\:bg-primary ::selection{background-color:var(--primary)}.selection\:bg-primary::selection{background-color:var(--primary)}.selection\:text-primary-foreground ::selection{color:var(--primary-foreground)}.selection\:text-primary-foreground::selection{color:var(--primary-foreground)}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:calc(var(--spacing)*7)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing)*-2)}.after\:inset-y-0:after{content:var(--tw-content);inset-block:calc(var(--spacing)*0)}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-1:after{content:var(--tw-content);width:calc(var(--spacing)*1)}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after{content:var(--tw-content);left:100%}.first\:rounded-l-md:first-child{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.first\:border-l:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.last\:mt-0:last-child{margin-top:calc(var(--spacing)*0)}.last\:rounded-r-md:last-child{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media (hover:hover){.hover\:bg-\[\#1a1a19\]\/90:hover{background-color:#1a1a19e6}.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}.hover\:bg-muted:hover,.hover\:bg-muted\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary)80%,transparent)}}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-muted-foreground:hover{color:var(--muted-foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-accent)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:z-10:focus{z-index:10}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.focus-visible\:ring-ring:focus-visible,.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-ring:focus-visible{outline-color:var(--ring)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}:where([data-side=left]) .in-data-\[side\=left\]\:cursor-w-resize{cursor:w-resize}:where([data-side=right]) .in-data-\[side\=right\]\:cursor-e-resize{cursor:e-resize}.has-focus\:border-ring:has(:focus){border-color:var(--ring)}.has-focus\:ring-\[3px\]:has(:focus){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.has-focus\:ring-ring\/50:has(:focus){--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.has-focus\:ring-ring\/50:has(:focus){--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.has-disabled\:opacity-50:has(:disabled){opacity:.5}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-data-\[state\=checked\]\:border-primary:has([data-state=checked]){border-color:var(--primary)}.has-data-\[state\=checked\]\:bg-primary\/5:has([data-state=checked]){background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.has-data-\[state\=checked\]\:bg-primary\/5:has([data-state=checked]){background-color:color-mix(in oklab,var(--primary)5%,transparent)}}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring:has([data-slot=input-group-control]:focus-visible){border-color:var(--ring)}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\]:has([data-slot=input-group-control]:focus-visible){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot=input-group-control]:focus-visible){--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot=input-group-control]:focus-visible){--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has([data-slot][aria-invalid=true]){border-color:var(--destructive)}.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]){--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]){--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.has-\[\>\[data-align\=block-end\]\]\:h-auto:has(>[data-align=block-end]){height:auto}.has-\[\>\[data-align\=block-end\]\]\:flex-col:has(>[data-align=block-end]){flex-direction:column}.has-\[\>\[data-align\=block-start\]\]\:h-auto:has(>[data-align=block-start]){height:auto}.has-\[\>\[data-align\=block-start\]\]\:flex-col:has(>[data-align=block-start]){flex-direction:column}.has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(>[data-slot=button-group]){gap:calc(var(--spacing)*2)}.has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has(>[data-slot=checkbox-group]){gap:calc(var(--spacing)*3)}.has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){align-items:flex-start}.has-\[\>\[data-slot\=field\]\]\:w-full:has(>[data-slot=field]){width:100%}.has-\[\>\[data-slot\=field\]\]\:flex-col:has(>[data-slot=field]){flex-direction:column}.has-\[\>\[data-slot\=field\]\]\:rounded-md:has(>[data-slot=field]){border-radius:calc(var(--radius) - 2px)}.has-\[\>\[data-slot\=field\]\]\:border:has(>[data-slot=field]){border-style:var(--tw-border-style);border-width:1px}.has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has(>[data-slot=radio-group]){gap:calc(var(--spacing)*3)}.has-\[\>button\]\:mr-\[-0\.45rem\]:has(>button){margin-right:-.45rem}.has-\[\>button\]\:ml-\[-0\.45rem\]:has(>button){margin-left:-.45rem}.has-\[\>kbd\]\:mr-\[-0\.35rem\]:has(>kbd){margin-right:-.35rem}.has-\[\>kbd\]\:ml-\[-0\.35rem\]:has(>kbd){margin-left:-.35rem}.has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has(>svg){grid-template-columns:calc(var(--spacing)*4)1fr}.has-\[\>svg\]\:gap-x-3:has(>svg){column-gap:calc(var(--spacing)*3)}.has-\[\>svg\]\:p-0:has(>svg){padding:calc(var(--spacing)*0)}.has-\[\>svg\]\:px-2:has(>svg){padding-inline:calc(var(--spacing)*2)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing)*2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing)*3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing)*4)}.has-\[\>textarea\]\:h-auto:has(>textarea){height:auto}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.aria-selected\:text-muted-foreground[aria-selected=true]{color:var(--muted-foreground)}.data-\[active\=true\]\:z-10[data-active=true]{z-index:10}.data-\[active\=true\]\:border-ring[data-active=true]{border-color:var(--ring)}.data-\[active\=true\]\:bg-accent\/50[data-active=true]{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.data-\[active\=true\]\:bg-accent\/50[data-active=true]{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.data-\[active\=true\]\:font-medium[data-active=true]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-\[active\=true\]\:text-accent-foreground[data-active=true]{color:var(--accent-foreground)}.data-\[active\=true\]\:ring-\[3px\][data-active=true]{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[active\=true\]\:ring-ring\/50[data-active=true]{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.data-\[active\=true\]\:ring-ring\/50[data-active=true]{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}@media (hover:hover){.data-\[active\=true\]\:hover\:bg-accent[data-active=true]:hover{background-color:var(--accent)}}.data-\[active\=true\]\:focus\:bg-accent[data-active=true]:focus{background-color:var(--accent)}.data-\[active\=true\]\:aria-invalid\:border-destructive[data-active=true][aria-invalid=true]{border-color:var(--destructive)}.data-\[active\=true\]\:aria-invalid\:ring-destructive\/20[data-active=true][aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.data-\[active\=true\]\:aria-invalid\:ring-destructive\/20[data-active=true][aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[error\=true\]\:text-destructive[data-error=true]{color:var(--destructive)}.data-\[inset\]\:pl-8[data-inset]{padding-left:calc(var(--spacing)*8)}.data-\[invalid\=true\]\:text-destructive[data-invalid=true]{color:var(--destructive)}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x:calc(52*var(--spacing))}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x:calc(52*var(--spacing)*-1)}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x:calc(52*var(--spacing))}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x:calc(52*var(--spacing)*-1)}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{--tw-enter-opacity:0}.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-]{--tw-exit-opacity:0}.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal]{height:calc(var(--spacing)*1.5)}.data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{height:100%}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-auto[data-orientation=vertical]{height:auto}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical]{min-height:calc(var(--spacing)*44)}.data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:calc(var(--spacing)*1.5)}.data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical]{height:1px}.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical]{width:100%}.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical]{flex-direction:column}.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);left:calc(var(--spacing)*0)}.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after{content:var(--tw-content);height:calc(var(--spacing)*1)}.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after{content:var(--tw-content);width:100%}.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--muted-foreground)}.data-\[range-end\=true\]\:rounded-md[data-range-end=true]{border-radius:calc(var(--radius) - 2px)}.data-\[range-end\=true\]\:rounded-r-md[data-range-end=true]{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.data-\[range-end\=true\]\:bg-primary[data-range-end=true]{background-color:var(--primary)}.data-\[range-end\=true\]\:text-primary-foreground[data-range-end=true]{color:var(--primary-foreground)}.data-\[range-middle\=true\]\:rounded-none[data-range-middle=true]{border-radius:0}.data-\[range-middle\=true\]\:bg-accent[data-range-middle=true]{background-color:var(--accent)}.data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle=true]{color:var(--accent-foreground)}.data-\[range-start\=true\]\:rounded-md[data-range-start=true]{border-radius:calc(var(--radius) - 2px)}.data-\[range-start\=true\]\:rounded-l-md[data-range-start=true]{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.data-\[range-start\=true\]\:bg-primary[data-range-start=true]{background-color:var(--primary)}.data-\[range-start\=true\]\:text-primary-foreground[data-range-start=true]{color:var(--primary-foreground)}.data-\[selected-single\=true\]\:bg-primary[data-selected-single=true]{background-color:var(--primary)}.data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single=true]{color:var(--primary-foreground)}.data-\[selected\=true\]\:rounded-none[data-selected=true]{border-radius:0}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:var(--accent)}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:var(--accent-foreground)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[size\=default\]\:h-9[data-size=default]{height:calc(var(--spacing)*9)}.data-\[size\=sm\]\:h-8[data-size=sm]{height:calc(var(--spacing)*8)}:is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description]{color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){:is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description]{color:color-mix(in oklab,var(--destructive)90%,transparent)}}.data-\[slot\=checkbox-group\]\:gap-3[data-slot=checkbox-group]{gap:calc(var(--spacing)*3)}:is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot=command-input-wrapper]{height:calc(var(--spacing)*12)}:is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot=navigation-menu-link]:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot=navigation-menu-link]:focus{--tw-outline-style:none;outline-style:none}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value]{gap:calc(var(--spacing)*2)}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--background)}.data-\[state\=active\]\:shadow-sm[data-state=active]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state=checked]{--tw-translate-x: calc(100% - 2px) ;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=checked\]\:border-primary[data-state=checked]{border-color:var(--primary)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:var(--primary-foreground)}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed]{--tw-exit-opacity:0}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:zoom-out-95:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=hidden\]\:animate-out[data-state=hidden]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity:0}.data-\[state\=on\]\:bg-accent[data-state=on]{background-color:var(--accent)}.data-\[state\=on\]\:text-accent-foreground[data-state=on]{color:var(--accent-foreground)}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-accent[data-state=open],.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:var(--secondary)}.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:var(--accent-foreground)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale:.9}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open]{--tw-enter-opacity:0}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open]{--tw-enter-scale:.95}@media (hover:hover){.data-\[state\=open\]\:hover\:bg-accent[data-state=open]:hover{background-color:var(--accent)}}.data-\[state\=open\]\:focus\:bg-accent[data-state=open]:focus{background-color:var(--accent)}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:var(--muted)}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:var(--input)}.data-\[state\=visible\]\:animate-in[data-state=visible]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity:0}.data-\[variant\=destructive\]\:text-destructive[data-variant=destructive]{color:var(--destructive)}.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus{color:var(--destructive)}.data-\[variant\=label\]\:text-sm[data-variant=label]{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.data-\[variant\=legend\]\:text-base[data-variant=legend]{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.data-\[variant\=outline\]\:border-l-0[data-variant=outline]{border-left-style:var(--tw-border-style);border-left-width:0}.data-\[variant\=outline\]\:shadow-xs[data-variant=outline]{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[variant\=outline\]\:first\:border-l[data-variant=outline]:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction=bottom]{inset-inline:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction=bottom]{bottom:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction=bottom]{margin-top:calc(var(--spacing)*24)}.data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction=bottom]{max-height:80vh}.data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction=bottom]{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction=bottom]{border-top-style:var(--tw-border-style);border-top-width:1px}.data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction=left]{inset-block:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction=left]{left:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction=left]{width:75%}.data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction=left]{border-right-style:var(--tw-border-style);border-right-width:1px}.data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction=right]{inset-block:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction=right]{right:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction=right]{width:75%}.data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction=right]{border-left-style:var(--tw-border-style);border-left-width:1px}.data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction=top]{inset-inline:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction=top]{top:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction=top]{margin-bottom:calc(var(--spacing)*24)}.data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction=top]{max-height:80vh}.data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction=top]{border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius)}.data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction=top]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.nth-last-2\:-mt-1:nth-last-child(2){margin-top:calc(var(--spacing)*-1)}@media (min-width:40rem){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2\.5{gap:calc(var(--spacing)*2.5)}.sm\:pr-2\.5{padding-right:calc(var(--spacing)*2.5)}.sm\:pl-2\.5{padding-left:calc(var(--spacing)*2.5)}.sm\:text-left{text-align:left}.data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction=left],.data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction=right]{max-width:var(--container-sm)}}@media (min-width:48rem){.md\:absolute{position:absolute}.md\:block{display:block}.md\:flex{display:flex}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:flex-row{flex-direction:row}.md\:gap-1\.5{gap:calc(var(--spacing)*1.5)}.md\:p-12{padding:calc(var(--spacing)*12)}.md\:text-left{text-align:left}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:opacity-0{opacity:0}.md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant=inset]~*){margin:calc(var(--spacing)*2)}.md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant=inset]~*){margin-left:calc(var(--spacing)*0)}.md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant=inset]~*){border-radius:calc(var(--radius) + 4px)}.md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant=inset]~*){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant=inset]~*):is(:where(.peer)[data-state=collapsed]~*){margin-left:calc(var(--spacing)*2)}.md\:after\:hidden:after{content:var(--tw-content);display:none}}@container field-group (min-width:28rem){.\@md\/field-group\:flex-row{flex-direction:row}.\@md\/field-group\:items-center{align-items:center}.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){align-items:flex-start}}.dark\:border-input:is(.dark *){border-color:var(--input)}.dark\:bg-destructive\/60:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-destructive\/60:is(.dark *){background-color:color-mix(in oklab,var(--destructive)60%,transparent)}}.dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,var(--input)30%,transparent)}}.dark\:bg-transparent:is(.dark *){background-color:#0000}.dark\:text-muted-foreground:is(.dark *){color:var(--muted-foreground)}@media (hover:hover){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--input)50%,transparent)}}.dark\:hover\:text-accent-foreground:is(.dark *):hover{color:var(--accent-foreground)}}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has([data-state=checked]){background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has([data-state=checked]){background-color:color-mix(in oklab,var(--primary)10%,transparent)}}.dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid=true]){--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid=true]){--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40:is(.dark *)[data-active=true][aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40:is(.dark *)[data-active=true][aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:data-\[state\=active\]\:border-input:is(.dark *)[data-state=active]{border-color:var(--input)}.dark\:data-\[state\=active\]\:bg-input\/30:is(.dark *)[data-state=active]{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:data-\[state\=active\]\:bg-input\/30:is(.dark *)[data-state=active]{background-color:color-mix(in oklab,var(--input)30%,transparent)}}.dark\:data-\[state\=active\]\:text-foreground:is(.dark *)[data-state=active]{color:var(--foreground)}.dark\:data-\[state\=checked\]\:bg-primary:is(.dark *)[data-state=checked]{background-color:var(--primary)}.dark\:data-\[state\=checked\]\:bg-primary-foreground:is(.dark *)[data-state=checked]{background-color:var(--primary-foreground)}.dark\:data-\[state\=unchecked\]\:bg-foreground:is(.dark *)[data-state=unchecked]{background-color:var(--foreground)}.dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked]{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked]{background-color:color-mix(in oklab,var(--input)80%,transparent)}}.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{fill:var(--muted-foreground)}.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke:var(--border)}@supports (color:color-mix(in lab,red,red)){.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke:color-mix(in oklab,var(--border)50%,transparent)}}.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{stroke:var(--border)}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"]{stroke:#0000}.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{outline-offset:2px;outline:2px solid #0000}}.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"]{stroke:var(--border)}.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector,.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{fill:var(--muted)}.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"]{stroke:var(--border)}.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{outline-offset:2px;outline:2px solid #0000}}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"]{stroke:#0000}.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{outline-offset:2px;outline:2px solid #0000}}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-inline:calc(var(--spacing)*2)}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-block:calc(var(--spacing)*1.5)}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:var(--muted-foreground)}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-inline:calc(var(--spacing)*2)}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:calc(var(--spacing)*0)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:calc(var(--spacing)*5)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:calc(var(--spacing)*5)}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:calc(var(--spacing)*12)}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-inline:calc(var(--spacing)*2)}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-block:calc(var(--spacing)*3)}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:calc(var(--spacing)*5)}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:calc(var(--spacing)*5)}.\[\&_img\]\:size-full img{width:100%;height:100%}.\[\&_img\]\:object-cover img{object-fit:cover}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*=size-]){width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]){color:var(--muted-foreground)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\+\[data-slot\=item-content\]\]\:flex-none+[data-slot=item-content]{flex:none}.\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected=true] button{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:calc(var(--spacing)*0)}.\[\.border-b\]\:pb-3.border-b{padding-bottom:calc(var(--spacing)*3)}.\[\.border-b\]\:pb-6.border-b{padding-bottom:calc(var(--spacing)*6)}.\[\.border-t\]\:pt-3.border-t{padding-top:calc(var(--spacing)*3)}.\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--spacing)*6)}:is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_next>svg),:is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_previous>svg){rotate:180deg}.\[a\]\:transition-colors:is(a){transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.\[a\]\:hover\:bg-accent\/50:is(a):hover{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.\[a\]\:hover\:bg-accent\/50:is(a):hover{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}}:is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}:is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child{gap:calc(var(--spacing)*2)}:is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive[data-variant=destructive]>*):is(svg){color:var(--destructive)!important}.\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected=true] button{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\>\*\]\:w-full>*{width:100%}.\[\&\>\*\]\:focus-visible\:relative>:focus-visible{position:relative}.\[\&\>\*\]\:focus-visible\:z-10>:focus-visible{z-index:10}.\[\&\>\*\]\:data-\[slot\=field\]\:p-4>[data-slot=field]{padding:calc(var(--spacing)*4)}@container field-group (min-width:28rem){.\@md\/field-group\:\[\&\>\*\]\:w-auto>*{width:auto}}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none>:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-t-0>:not(:first-child){border-top-style:var(--tw-border-style);border-top-width:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-l-0>:not(:first-child){border-left-style:var(--tw-border-style);border-left-width:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none>:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.\[\&\>\.sr-only\]\:w-auto>.sr-only{width:auto}.\[\&\>\[data-slot\=field-group\]\]\:gap-4>[data-slot=field-group]{gap:calc(var(--spacing)*4)}.\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label]{flex:auto}@container field-group (min-width:28rem){.\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label]{flex:auto}}.has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit>[data-slot=select-trigger]:not([class*=w-]){width:fit-content}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x)var(--tw-translate-y)}.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]{margin-top:1px}@container field-group (min-width:28rem){.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]{margin-top:1px}}.\[\&\>a\]\:underline>a{text-decoration-line:underline}.\[\&\>a\]\:underline-offset-4>a{text-underline-offset:4px}.\[\&\>a\:hover\]\:text-primary>a:hover{color:var(--primary)}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>input\]\:flex-1>input{flex:1}.has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has(>[data-align=block-end])>input{padding-top:calc(var(--spacing)*3)}.has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has(>[data-align=block-start])>input{padding-bottom:calc(var(--spacing)*3)}.has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2:has(>[data-align=inline-end])>input{padding-right:calc(var(--spacing)*2)}.has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2:has(>[data-align=inline-start])>input{padding-left:calc(var(--spacing)*2)}.\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\]>kbd{border-radius:calc(var(--radius) - 5px)}.\[\&\>span\]\:text-xs>span{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&\>span\]\:opacity-70>span{opacity:.7}.\[\&\>span\:last-child\]\:truncate>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\[\&\>svg\]\:size-3\.5>svg{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&\>svg\]\:h-2\.5>svg{height:calc(var(--spacing)*2.5)}.\[\&\>svg\]\:h-3>svg{height:calc(var(--spacing)*3)}.\[\&\>svg\]\:w-2\.5>svg{width:calc(var(--spacing)*2.5)}.\[\&\>svg\]\:w-3>svg{width:calc(var(--spacing)*3)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:translate-y-0\.5>svg{--tw-translate-y:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>svg\]\:text-current>svg{color:currentColor}.\[\&\>svg\]\:text-muted-foreground>svg{color:var(--muted-foreground)}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5>svg:not([class*=size-]){width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{rotate:90deg}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:calc(var(--spacing)*-2)}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:calc(var(--spacing)*-2)}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-slot=card-content] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent,[data-slot=popover-content] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent{background-color:#0000}[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20{background-color:var(--background)}@supports (color:color-mix(in lab,red,red)){[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20{background-color:color-mix(in oklab,var(--background)20%,transparent)}}[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:text-background{color:var(--background)}[data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark *){background-color:var(--background)}@supports (color:color-mix(in lab,red,red)){[data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark *){background-color:color-mix(in oklab,var(--background)10%,transparent)}}[data-variant=legend]+.\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5{margin-top:calc(var(--spacing)*-1.5)}@media (hover:hover){a.\[a\&\]\:hover\:bg-accent:hover{background-color:var(--accent)}a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:color-mix(in oklab,var(--secondary)90%,transparent)}}a.\[a\&\]\:hover\:text-accent-foreground:hover{color:var(--accent-foreground)}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--background:oklch(97.7% .019 82);--foreground:oklch(26% .035 56);--card:oklch(100% 0 0);--card-foreground:oklch(26% .035 56);--popover:oklch(100% 0 0);--popover-foreground:oklch(26% .035 56);--primary:oklch(64% .13 63);--primary-foreground:oklch(99% .01 85);--secondary:oklch(93% .035 80);--secondary-foreground:oklch(31% .04 56);--muted:oklch(94% .022 84);--muted-foreground:oklch(49% .037 56);--accent:oklch(47% .13 310);--accent-foreground:oklch(98% .01 85);--destructive:oklch(58% .2 25);--destructive-foreground:oklch(99% 0 0);--border:oklch(84% .046 75);--input:oklch(90% .032 82);--ring:oklch(53% .14 310);--radius:1.25rem;--shadow-soft:0 18px 50px #5f36161f;--shadow-paper:0 14px 0 #6d36111a,0 25px 45px #5f361621;--ease-out:cubic-bezier(.23,1,.32,1)}*{border-color:var(--border)}html{scroll-behavior:smooth}body{background:var(--background);color:var(--foreground);margin:0;font-family:Tajawal,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button:not(:disabled),a{cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid oklch(64% .13 63/.5)}.site-shell{background:radial-gradient(circle at 10% 10%,#fff4ccbf,#0000 28rem),linear-gradient(#fff7dc,#fdf6e7 29%,#fff 55%,#f5ead3);overflow:clip}.section-anchor{scroll-margin-top:5.5rem}.topbar{z-index:30;color:#482625;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffcf3e6;border:1px solid #ad672729;border-radius:20px 20px 15px 15px;justify-content:space-between;align-items:center;gap:20px;width:min(1220px,100% - 32px);min-height:76px;margin:18px auto 0;padding:10px 15px 10px 18px;display:flex;position:sticky;top:12px;box-shadow:0 10px 30px #70462317}.brand{color:inherit;flex:none;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark{object-fit:contain;filter:drop-shadow(0 5px 7px #67351a26);width:49px;height:49px}.brand-copy{line-height:1.1;display:grid}.brand-copy strong{color:#5a2d81;letter-spacing:-.8px;font:800 22px/1 Changa,sans-serif}.brand-copy small{color:#9a5d2d;margin-top:2px;font-size:11px;font-weight:700}.desktop-nav{align-items:center;gap:5px;display:flex}.desktop-nav a{isolation:isolate;color:#67412f;min-height:42px;transition:transform .18s var(--ease-out),color .18s var(--ease-out),background .18s var(--ease-out),border-color .18s var(--ease-out),box-shadow .18s var(--ease-out);border:1px solid #0000;border-radius:12px 12px 5px;align-items:center;padding:10px 12px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex;position:relative}.desktop-nav a:after{content:"✦";z-index:-1;color:#d89028;opacity:0;transition:opacity .18s var(--ease-out),transform .18s var(--ease-out);font-size:10px;position:absolute;top:4px;left:7px;transform:translateY(4px)rotate(-20deg)}.desktop-nav a:hover{color:#5a2d81;background:#fff3d5;border-color:#d890286b;transform:translateY(-3px)rotate(-.35deg);box-shadow:0 6px #ae691f24,0 10px 19px #6937191a}.desktop-nav a:hover:after{opacity:1;transform:translateY(0)rotate(0)}.desktop-nav a:active{transform:scale(.97)}.topbar-actions{align-items:center;gap:7px;display:flex}.help-link,.menu-button{color:#5a2d81;background:0 0;border:0;align-items:center;gap:6px;padding:9px;font:700 13px Tajawal,sans-serif;display:inline-flex}.menu-button{background:#f3e8d9;border-radius:9px;display:none}.mobile-nav{display:none}.hero{isolation:isolate;width:min(1220px,100% - 32px);min-height:600px;box-shadow:var(--shadow-soft);background:#f4cd83;border-radius:58px 17px 66px;grid-template-columns:1.03fr .97fr;align-items:stretch;margin:18px auto 0;display:grid;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;opacity:.48;mix-blend-mode:multiply;background-image:radial-gradient(#7b492033 .7px,#0000 .8px);background-size:7px 7px;position:absolute;inset:0}.hero-copy{z-index:2;align-self:center;padding:clamp(46px,7vw,90px) 20px clamp(45px,6vw,72px) clamp(30px,6vw,82px);position:relative}.hero-kicker-row{align-items:flex-start;gap:14px;min-height:162px;display:flex}.hero-kicker-row .eyebrow{margin-bottom:0}.hero-companion{flex:none;align-self:flex-start;width:172px;height:160px;margin-top:-24px;position:relative}.hero-companion img{object-fit:contain;object-position:bottom center;filter:drop-shadow(0 9px 9px #562d163d);width:100%;height:100%;display:block}.hero-companion span{white-space:nowrap;color:#63377d;background:#fff8e8;border:1px solid #985b263b;border-radius:9px 9px 3px;padding:4px 8px;font-size:10px;font-weight:900;position:absolute;bottom:-3px;left:-14px;box-shadow:0 4px 11px #5a30181c}@media (prefers-reduced-motion:no-preference){.hero-companion{animation:3.4s cubic-bezier(.77,0,.175,1) infinite hero-companion-breathe}}@keyframes hero-companion-breathe{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-8px)rotate(1deg)}}.eyebrow{color:#6f4323;letter-spacing:.1px;align-items:center;gap:7px;width:fit-content;margin-bottom:18px;font-size:13px;font-weight:800;line-height:1;display:flex}.eyebrow:before{content:"";background:#d89028;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #d8902833}.eyebrow-dark{color:#6e4328}.hero h1,h2,h3{letter-spacing:-.8px;font-family:Changa,sans-serif}.hero h1{color:#3d2320;max-width:540px;margin:0;font-size:clamp(36px,4.3vw,62px);font-weight:800;line-height:1.33}.hero h1 em,h2 em{color:#5a2d81;white-space:nowrap;font-style:normal;position:relative}.hero h1 em:after,h2 em:after{content:"";background:url("data:image/svg+xml,%3Csvg width='100' height='8' viewBox='0 0 100 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 5C21 1 34 8 52 4c17-4 26 2 46-2' stroke='%23d89028' stroke-width='4' stroke-linecap='round' fill='none'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;width:100%;height:7px;position:absolute;bottom:-7px;right:0}.hero p{color:#664536;max-width:490px;margin:27px 0 0;font-size:clamp(16px,1.5vw,18px);font-weight:500;line-height:1.95}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.primary-cta,.ghost-cta,.outline-cta{transition:transform .16s var(--ease-out),box-shadow .2s var(--ease-out),background .2s var(--ease-out);border:0;justify-content:center;align-items:center;gap:9px;font:800 14px Tajawal,sans-serif;text-decoration:none;display:inline-flex}.primary-cta{color:#fffaf0;background:#d89028;border-radius:12px 12px 5px;padding:15px 21px;box-shadow:0 8px #a55c1c,0 15px 27px #85481438}.primary-cta:hover{background:#e29d35;transform:translateY(-2px);box-shadow:0 10px #a55c1c,0 19px 31px #85481438}.primary-cta:active,.ghost-cta:active,.outline-cta:active{transform:scale(.97)}.primary-cta:disabled{opacity:.42;cursor:not-allowed;transform:none;box-shadow:0 5px #a55c1c}.ghost-cta{color:#69442c;background:#fff8e8;border:1px solid #6f432326;border-radius:12px 12px 12px 5px;padding:15px 18px}.ghost-cta:hover{background:#fff;transform:translateY(-2px);box-shadow:0 9px 20px #764c281c}.hero-trust{color:#795132;flex-wrap:wrap;gap:14px;margin-top:31px;font-size:12px;font-weight:700;display:flex}.hero-trust span{align-items:center;gap:5px;display:inline-flex}.hero-trust svg{color:#d89028}.hero-art{clip-path:polygon(8% 0,100% 0,100% 88%,89% 100%,0 100%,0 12%);background:#d99c3b;min-height:470px;position:relative;overflow:hidden}.hero-art:after{content:"";pointer-events:none;background:linear-gradient(90deg,#f4cd83,#0000 27%),linear-gradient(#0000 60%,#5025131f);position:absolute;inset:0}.hero-art img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.hero-marker{z-index:2;color:#65331e;background:#fff9e8;border:2px solid #d89028;border-radius:11px 11px 11px 3px;align-items:center;gap:6px;padding:7px 11px;font-size:11px;font-weight:800;display:flex;position:absolute;box-shadow:0 8px 15px #4d2b1329}.marker-one{top:19%;left:19%;transform:rotate(-5deg)}.marker-one svg{color:#d89028}.marker-two{bottom:20%;right:10%;transform:rotate(4deg)}.marker-dot{background:#358a64;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 3px #e3f1dc}.hero-orbit{pointer-events:none;border:1px dashed #7645223d;border-radius:50%;position:absolute}.orbit-one{width:180px;height:180px;top:-56px;right:37%}.orbit-two{width:90px;height:90px;bottom:23px;right:-23px}@media (max-width:720px){.hero-kicker-row{gap:8px;min-height:122px}.hero-companion{width:132px;height:116px;margin-top:-14px}.hero-companion span{font-size:9px;bottom:-5px;left:-8px}.hero-kicker-row .eyebrow{font-size:12px}}@media (prefers-reduced-motion:reduce){.hero-companion{animation:none}}.journey-strip{z-index:4;background:#fffdf8;border-radius:18px 18px 42px;grid-template-columns:repeat(4,1fr);width:min(1120px,100% - 48px);min-height:108px;margin:-38px auto 0;display:grid;position:relative;box-shadow:0 16px 40px #6840201f}.journey-strip>div{grid-template-rows:1fr 1fr;grid-template-columns:38px 1fr;align-items:end;column-gap:8px;padding:24px 22px;display:grid;position:relative}.journey-strip>div:not(:last-child):after{content:"";background:#eadccc;width:1px;height:45px;position:absolute;top:31px;left:0}.strip-icon{border-radius:11px 11px 5px;grid-row:span 2;place-items:center;width:36px;height:36px;display:grid}.strip-icon.gold{color:#b86418;background:#fff0c9}.strip-icon.green{color:#307552;background:#e1f1dd}.strip-icon.purple{color:#62348c;background:#eee2f6}.journey-strip b{color:#492a24;font:800 23px/1 Changa,sans-serif}.journey-strip small{color:#866b58;align-self:start;font-size:11px;font-weight:700}.learn-section{background:#fffdfa;padding:124px max(24px,50% - 610px) 104px}.section-heading{display:flex}.split-heading{justify-content:space-between;align-items:end;gap:45px}.section-heading h2{color:#432724;margin:0;font-size:clamp(29px,3.2vw,43px);line-height:1.4}.section-heading>p{color:#776251;max-width:400px;margin:0;font-size:15px;line-height:1.9}.learning-layout{grid-template-columns:minmax(220px,.74fr) minmax(360px,1.45fr) minmax(190px,.73fr);align-items:stretch;gap:20px;margin-top:46px;display:grid}.stage-rail{border-left:2px dashed #e5c48c;min-height:490px;max-height:520px;padding:10px 0 10px 16px;overflow-y:auto}.stage-node{color:#5f4130;text-align:right;width:100%;transition:transform .18s var(--ease-out),color .18s var(--ease-out);background:0 0;border:0;align-items:center;gap:11px;padding:11px 0;font-family:Tajawal,sans-serif;display:flex}.stage-node:hover{transform:translate(-4px)}.stage-node.is-active{color:#5a2d81}.stage-node strong{font-size:12px;display:block}.stage-node small{color:#997b68;margin-top:2px;font-size:11px;line-height:1.35;display:block}.stage-number{border:1px solid #0000;border-radius:50% 50% 50% 5px;flex:none;place-items:center;width:33px;height:33px;font:800 14px Changa,sans-serif;display:grid}.stage-number.gold{color:#a45815;background:#ffecc0}.stage-number.green{color:#2e7753;background:#deefdc}.stage-number.purple{color:#5a2d81;background:#eee3f3}.is-active .stage-number{color:#fff9ed;background:#5b2d83;box-shadow:0 5px 13px #5b2d8347}.learn-entry-panel{grid-template-columns:minmax(280px,.82fr) minmax(360px,1.18fr);align-items:stretch;gap:24px;margin-top:45px;display:grid}.entry-map-portrait{min-height:330px;box-shadow:var(--shadow-soft);background:#dba751;border-radius:17px 46px;position:relative;overflow:hidden}.entry-map-portrait:after{content:"";background:linear-gradient(#0000 50%,#3a190f73);position:absolute;inset:0}.entry-map-portrait img{object-fit:cover;width:100%;height:100%;display:block}.entry-map-portrait span{z-index:2;color:#fff7e8;align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex;position:absolute;bottom:17px;right:18px}.entry-map-portrait svg{color:#ffdd85}.entry-card{box-shadow:var(--shadow-paper);background:#f8e4b7;border-radius:45px 14px;padding:clamp(28px,4vw,48px);position:relative;overflow:hidden}.entry-card:before{content:"";border:23px solid #bf681d1f;border-radius:50%;width:240px;height:240px;position:absolute;top:-105px;left:-80px}.entry-card>*{z-index:1;position:relative}.entry-kicker{color:#713a88;align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex}.entry-card h3{color:#4a2920;max-width:560px;margin:19px 0 14px;font-size:clamp(27px,3vw,39px);line-height:1.45}.entry-card p{color:#6c4a35;max-width:580px;margin:0;font-size:15px;font-weight:500;line-height:2}.enter-sira-button{color:#fffdf5;width:fit-content;animation:entry-ticket 2.8s var(--ease-out)infinite;transition:transform .16s var(--ease-out),background .18s var(--ease-out);background:#5d2f85;border-radius:13px 13px 4px;align-items:center;gap:9px;margin-top:27px;padding:15px 19px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 8px #3f1c5e,0 16px 29px #491f673d}.enter-sira-button:hover{background:#713b9c;animation-play-state:paused;transform:translateY(-3px)}.enter-sira-button:active{transform:scale(.97)}.entry-stage-chips{flex-wrap:wrap;gap:7px;margin-top:28px;display:flex}.entry-stage-chips span{border-radius:8px 8px 3px;padding:7px 9px;font-size:11px;font-weight:800}.entry-stage-chips .gold{color:#9c551a;background:#ffe8b7}.entry-stage-chips .green{color:#276c4a;background:#dfefda}.entry-stage-chips .purple{color:#603383;background:#eee2f5}.learn-page-shell{color:#482d24;background:radial-gradient(circle at 12% 3%,#fff4d5,#0000 24rem),linear-gradient(#fffaf0,#f9e5bb);min-height:100vh;overflow:hidden}.learn-topbar{z-index:4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffcf4e0;border:1px solid #ab65232e;border-radius:19px 19px 10px;justify-content:space-between;align-items:center;gap:16px;width:min(1220px,100% - 32px);min-height:72px;margin:18px auto 0;padding:10px 16px;display:flex;position:relative;box-shadow:0 10px 30px #6b3d1d14}.learn-brand{color:inherit;align-items:center;gap:9px;text-decoration:none;display:inline-flex}.learn-brand img{object-fit:contain;width:45px;height:45px}.learn-brand span{line-height:1.08;display:grid}.learn-brand b{color:#5b2d83;font:800 21px/1 Changa,sans-serif}.learn-brand small{color:#9b6030;margin-top:3px;font-size:10px;font-weight:700}.learn-topbar-title{color:#704535;align-items:center;gap:7px;font-size:13px;font-weight:800;display:inline-flex}.learn-topbar-title svg{color:#d58b25}.learn-home-link{color:#5b2d83;background:#f1e5f7;border-radius:10px 10px 4px;align-items:center;gap:7px;padding:9px 12px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.stage-directory{width:min(1140px,100% - 40px);margin:0 auto;padding:clamp(42px,7vw,88px) 0 72px}.directory-intro{grid-template-columns:1.12fr .88fr;align-items:center;gap:clamp(30px,5vw,80px);display:grid}.directory-eyebrow{color:#995516;align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex}.directory-copy h1{color:#422520;letter-spacing:-.8px;max-width:640px;margin:16px 0 12px;font:800 clamp(35px,4vw,55px)/1.35 Changa,sans-serif}.directory-copy h1 em{color:#5d2f85;font-style:normal}.directory-copy p{color:#725342;max-width:620px;margin:0;font-size:16px;font-weight:500;line-height:2}.directory-meta{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.directory-meta span{color:#6d4a36;background:#fff8e6;border:1px solid #ead8b6;border-radius:9px 9px 4px;align-items:center;gap:6px;padding:8px 11px;font-size:11px;font-weight:800;display:inline-flex}.directory-meta svg{color:#d58b25}.directory-map{min-height:260px;box-shadow:var(--shadow-soft);background:#dca247;border-radius:18px 48px;position:relative;overflow:hidden;transform:rotate(-2deg)}.directory-map img{object-fit:cover;width:100%;height:100%;display:block}.directory-map:after{content:"";background:linear-gradient(#0000 50%,#38190d6e);position:absolute;inset:0}.directory-map span{z-index:1;color:#fffaf0;font-size:12px;font-weight:800;position:absolute;bottom:17px;right:17px}.directory-route{color:#82563b;align-items:center;gap:13px;margin:58px 0 23px;font-size:12px;font-weight:800;display:flex}.directory-route i{border-top:2px dotted #d9b475;flex:1;height:2px}.directory-route span{align-items:center;gap:6px;display:inline-flex}.directory-route svg{color:#d58b25}.stage-card-grid{grid-template-columns:repeat(4,1fr);gap:17px;display:grid}.stage-card{text-align:right;color:#4a2e24;min-height:260px;transition:transform .22s var(--ease-out),box-shadow .22s var(--ease-out);background:#fffaf0;border:1px solid #ead8ba;border-radius:18px 42px 18px 18px;flex-direction:column;align-items:flex-start;padding:18px;font-family:Tajawal,sans-serif;display:flex;position:relative;overflow:hidden;box-shadow:0 10px #79481e12,0 21px 35px #76471f1a}.stage-card:before{content:"";opacity:.75;border-radius:50%;width:170px;height:170px;position:absolute;bottom:-100px;left:-88px}.stage-card.gold:before{background:#ffe2a6}.stage-card.green:before{background:#dcefd7}.stage-card.purple:before{background:#eee0f6}.stage-card:hover{transform:translateY(-7px)rotate(-.6deg);box-shadow:0 15px #79481e12,0 28px 43px #76471f26}.stage-card-number{color:#5d2f8547;font:800 28px/1 Changa,sans-serif;position:absolute;top:15px;left:15px}.stage-card-icon{border-radius:12px 12px 4px;place-items:center;width:46px;height:46px;display:grid;position:relative}.stage-card.gold .stage-card-icon{color:#a55c1a;background:#ffe7b1}.stage-card.green .stage-card-icon{color:#2d7954;background:#deeed9}.stage-card.purple .stage-card-icon{color:#62378a;background:#ede0f4}.stage-card-copy{gap:6px;margin-top:24px;display:grid;position:relative}.stage-card-copy small{color:#9a7158;font-size:11px;font-weight:800}.stage-card-copy b{font:800 19px/1.55 Changa,sans-serif}.stage-card-action{color:#5a2d81;align-items:center;gap:5px;margin-top:auto;font-size:12px;font-weight:800;display:inline-flex;position:relative}.directory-pagination{justify-content:center;align-items:center;gap:16px;margin-top:38px;display:flex}.directory-pagination>button{color:#693d2a;background:#fff8e7;border:0;border-radius:9px 9px 4px;align-items:center;gap:6px;padding:9px 12px;font:800 12px Tajawal,sans-serif;display:inline-flex}.directory-pagination>button:disabled{opacity:.4;cursor:not-allowed}.directory-pagination>div{gap:6px;display:flex}.directory-pagination>div button{color:#815b45;background:#fffaf0;border:1px solid #e4cfac;border-radius:50% 50% 5px;width:32px;height:32px;font:800 12px Tajawal,sans-serif}.directory-pagination>div button.active{color:#fffaf0;background:#5d2f85;border-color:#5d2f85;box-shadow:0 5px 12px #5d2f8540}.stage-reader-screen{width:min(1040px,100% - 40px);min-height:calc(100vh - 110px);margin:0 auto;padding:50px 0 74px;position:relative}.reader-exit{color:#6b4230;background:0 0;border:0;align-items:center;gap:7px;padding:9px 11px;font:800 12px Tajawal,sans-serif;display:inline-flex}.reader-route{color:#88644c;align-items:center;gap:11px;margin:21px 0 20px;font-size:12px;font-weight:800;display:flex}.reader-route i{border-top:2px dotted #d8b878;width:48px}.reader-stage-dot{color:#fffaf0;border-radius:50% 50% 5px;place-items:center;width:35px;height:35px;font:800 14px Changa,sans-serif;display:grid}.reader-stage-dot.gold{background:#be671d}.reader-stage-dot.green{background:#36825c}.reader-stage-dot.purple{background:#66388e}.reader-paper{max-width:760px;min-height:510px;box-shadow:var(--shadow-paper);background:#fff8e8;border-radius:52px 17px;padding:clamp(34px,6vw,72px);position:relative;overflow:hidden}.reader-paper:before,.reader-paper:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.reader-paper:before{width:280px;height:280px;top:-145px;left:-168px}.reader-paper:after{border:22px solid #b2651c14;width:180px;height:180px;bottom:-110px;right:-110px}.reader-paper.gold:before{background:#ffe6ae}.reader-paper.green:before{background:#e0efdc}.reader-paper.purple:before{background:#eee2f6}.reader-paper>*{z-index:1;position:relative}.reader-label{color:#9d571a;align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex}.reader-paper h1{color:#432721;max-width:620px;margin:19px 0 26px;font:800 clamp(28px,3.4vw,43px)/1.45 Changa,sans-serif}.reader-content{min-height:210px}.reader-content p{color:#624534;max-width:650px;margin:0 0 20px;font-size:clamp(16px,1.5vw,18px);font-weight:500;line-height:2.25}.reader-progress{background:#efdfc5;border-radius:999px;height:7px;margin-top:25px;overflow:hidden}.reader-progress span{border-radius:inherit;height:100%;transition:width .25s var(--ease-out);background:#d58b25;display:block}.reader-controls{justify-content:space-between;align-items:center;gap:12px;margin-top:23px;display:flex}.reader-controls button{color:#663a28;background:#f4e4c6;border:0;border-radius:9px 9px 4px;align-items:center;gap:7px;padding:11px 13px;font:800 12px Tajawal,sans-serif;display:inline-flex}.reader-controls button:disabled{opacity:.42;cursor:not-allowed}.reader-controls .reader-next{color:#fffaf0;background:#5d2f85;box-shadow:0 5px #411e60}.reader-controls span{color:#8c694f;font-size:12px;font-weight:800}.reader-side-note{color:#795538;background:#fff5d9;border:1px dashed #dfb971;border-radius:12px 12px 5px;align-items:center;gap:9px;max-width:540px;margin:24px auto 0 0;padding:12px 14px;font-size:12px;font-weight:700;display:flex}.reader-side-note svg{color:#d58b25;flex:none}.reader-side-note p{margin:0;line-height:1.65}@keyframes entry-ticket{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-4px)rotate(-.6deg)}}@media (max-width:760px){.learn-entry-panel,.directory-intro{grid-template-columns:1fr}.entry-map-portrait{order:2;min-height:220px}.stage-card-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stage-card{min-height:210px;padding:15px}.stage-card-copy b{font-size:16px}.directory-map{min-height:205px}.learn-topbar-title{display:none}.stage-directory{width:min(100% - 28px,1140px)}.stage-reader-screen{width:min(100% - 28px,1040px);padding-top:25px}.reader-route i{width:20px}.reader-route{gap:7px;font-size:10px}.reader-paper{min-height:475px;padding:31px 23px}.reader-content{min-height:240px}.reader-content p{font-size:16px;line-height:2.15}.reader-side-note{margin-left:0}.directory-pagination{gap:8px}.directory-pagination>div{gap:4px}.directory-pagination>div button{width:27px;height:27px;font-size:11px}.directory-pagination>button{padding:8px;font-size:11px}}@media (prefers-reduced-motion:reduce){.enter-sira-button{animation:none}}.lesson-card{min-height:480px;box-shadow:var(--shadow-paper);background:#f9e7bf;border-radius:35px 12px;padding:clamp(28px,4vw,54px);position:relative;overflow:hidden}.lesson-card:before,.lesson-card:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.lesson-card:before{background:#f4d58a;width:260px;height:260px;top:-120px;left:-130px}.lesson-card:after{border:23px solid #d2842d1f;width:180px;height:180px;bottom:-72px;right:-80px}.lesson-flag{z-index:1;color:#fff9ec;border-radius:9px 9px 3px;align-items:center;gap:7px;width:fit-content;padding:7px 12px;font-size:12px;font-weight:800;display:flex;position:relative;box-shadow:0 6px #3a1f121f}.lesson-flag.gold{background:#bd661d}.lesson-flag.green{background:#34805b}.lesson-flag.purple{background:#66378f}.lesson-card h3{z-index:1;color:#4a2920;max-width:550px;margin:26px 0 16px;font-size:clamp(24px,3vw,35px);line-height:1.5;position:relative}.lesson-card>p{z-index:1;color:#684937;max-width:590px;margin:0;font-size:15px;font-weight:500;line-height:2.12;position:relative}.lesson-footer{z-index:1;color:#896143;justify-content:space-between;align-items:center;gap:18px;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:clamp(27px,4vw,45px);left:clamp(28px,4vw,54px);right:clamp(28px,4vw,54px)}.lesson-footer>span,.lesson-footer button{align-items:center;gap:6px;display:flex}.lesson-footer button{color:#5a2d81;background:0 0;border:0;font:800 13px Tajawal,sans-serif}.map-portrait{min-height:440px;box-shadow:var(--shadow-soft);background:#e7c17c;border-radius:14px 41px;position:relative;overflow:hidden}.map-portrait:after{content:"";background:linear-gradient(#0000 62%,#2b16135e);position:absolute;inset:0}.map-portrait img{object-fit:cover;width:100%;height:100%;display:block}.map-caption{z-index:2;color:#fffaf0;align-items:center;gap:8px;display:flex;position:absolute;bottom:15px;left:14px;right:14px}.map-caption p{margin:0;font-size:11px;line-height:1.7}.map-caption b{font-size:13px}.caption-star{color:#5a2d81;background:#ffe8a8;border-radius:50% 50% 5px;place-items:center;width:36px;height:36px;display:grid}.later-stages{margin-top:56px}.later-heading{color:#7c5b45;justify-content:center;align-items:center;gap:15px;font-size:14px;display:flex}.later-heading p{white-space:nowrap;margin:0}.path-line{border-top:2px dotted #d9b87d;flex:1;max-width:150px;height:2px}.later-grid{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:25px;display:flex}.later-grid div{color:#704d35;background:#f7eddd;border:1px solid #ead8c0;border-radius:9px 9px 4px;align-items:center;gap:7px;padding:8px 10px 8px 13px;font-size:11px;font-weight:700;display:inline-flex}.later-grid span{color:#fff;background:#d89028;border-radius:6px;place-items:center;min-width:19px;height:19px;font-size:10px;display:grid}.quiz-section{color:#fffaf0;background:#542c76;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,7vw,100px);padding:100px max(24px,50% - 610px);display:grid;position:relative;overflow:hidden}.quiz-section:before{content:"";opacity:.68;background:#72449a;border-radius:50%;width:590px;height:590px;position:absolute;top:-300px;left:-250px}.quiz-backdrop{opacity:.26;pointer-events:none;background-image:radial-gradient(#f0c26f 1.1px,#0000 1.2px);background-size:18px 18px;position:absolute;inset:0}.quiz-intro,.quiz-card{z-index:1;position:relative}.quiz-intro{align-self:center}.quiz-intro .eyebrow{color:#ffd989}.quiz-intro .eyebrow:before{background:#ffd989;box-shadow:0 0 0 4px #ffd98930}.quiz-intro h2,.dashboard-copy h2{color:#fffaf0;margin:0;font-size:clamp(32px,3.4vw,48px)}.quiz-intro h2 em,.dashboard-copy h2 em{color:#ffd075}.quiz-intro p{color:#eadcf0;max-width:420px;font-size:16px;line-height:1.95}.station-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin-top:30px;display:grid}.station-list span{color:#c7b3d3;align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.station-list i{border:1px solid #9986aa;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font-size:9px;font-style:normal;display:grid}.station-list span.reached{color:#ffe2a4}.station-list span.reached i{color:#43235e;background:#f2c86e;border-color:#f2c86e}.quiz-card{color:#4c2b25;background:#fffaf0;border:7px solid #ffe8aa4a;border-radius:26px 26px 9px;padding:clamp(25px,4vw,42px);box-shadow:0 23px 45px #200f2f47}.quiz-topline{color:#92745f;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;display:flex}.star-counter{color:#7a3f1b;align-items:center;gap:4px;display:inline-flex}.star-counter svg{color:#d89028}.quiz-progress{background:#eee1ca;border-radius:10px;height:8px;margin:14px 0 26px;overflow:hidden}.quiz-progress span{border-radius:inherit;height:100%;transition:width .28s var(--ease-out);background:linear-gradient(90deg,#d89028,#f1c456);display:block}.quiz-card h3{color:#512d28;margin:0;font-size:clamp(21px,2vw,28px);line-height:1.65}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:25px;display:grid}.answer-option{text-align:right;color:#684837;min-height:60px;transition:transform .16s var(--ease-out),color .16s var(--ease-out),background .16s var(--ease-out),border-color .16s var(--ease-out);background:#fffdf7;border:1px solid #e4d4bc;border-radius:11px 11px 5px;align-items:center;gap:9px;padding:10px 12px;font:700 13px/1.5 Tajawal,sans-serif;display:flex}.answer-option:hover{border-color:#c58a45;transform:translateY(-2px)}.answer-option>span{color:#9a7359;background:#f7e9d2;border-radius:7px;flex:none;place-items:center;width:25px;height:25px;font-size:11px;display:grid}.answer-option svg{margin-right:auto}.answer-option.is-chosen{color:#5a2d81;background:#f2eafa;border-color:#8455ad}.answer-option.is-chosen>span{color:#fff;background:#5a2d81}.answer-option.is-correct{color:#286346;background:#e5f4e2;border-color:#69ab76}.answer-option.is-correct>span{color:#fff;background:#35805a}.answer-option.is-wrong{color:#a44237;background:#fcedea;border-color:#d6887e}.quiz-submit{width:100%;margin-top:23px;padding-block:14px}.result-box{background:#f5ead8;border-radius:14px 14px 6px;grid-template-columns:39px 1fr auto;align-items:center;gap:11px;margin-top:23px;padding:13px;display:grid}.result-icon{border-radius:50% 50% 4px;place-items:center;width:36px;height:36px;display:grid}.result-icon.good{color:#63388b;background:#f9dd91}.result-icon.retry{color:#8e5d18;background:#ffe8b3}.result-box p{color:#765441;margin:0;font-size:11px;line-height:1.7}.result-box b{color:#57322e;font-size:12px;display:block}.result-box button{color:#5b2d83;white-space:nowrap;background:0 0;border:0;align-items:center;gap:5px;font:800 11px Tajawal,sans-serif;display:inline-flex}.hadith-section{background:#fcf7ed;grid-template-columns:minmax(280px,.82fr) minmax(380px,1.18fr);align-items:center;gap:clamp(36px,8vw,110px);padding:112px max(24px,50% - 610px);display:grid;position:relative;overflow:hidden}.hadith-section:before{content:"";opacity:.55;border:2px dashed #dbb276;border-radius:50%;width:390px;height:148px;position:absolute;top:78px;left:-135px;transform:rotate(-13deg)}.hadith-visual{min-height:550px;box-shadow:var(--shadow-soft);background:#4e2b70;border-radius:16px 58px;position:relative;overflow:hidden}.hadith-visual:after{content:"";background:linear-gradient(#0000 55%,#2811376b);position:absolute;inset:0}.hadith-visual img{object-fit:cover;width:100%;height:100%;display:block}.hadith-note{z-index:2;color:#fff8e9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#4a276ac2;border:1px solid #ffe7a840;border-radius:12px 12px 5px;padding:16px;position:absolute;bottom:20px;left:20px;right:20px}.hadith-note span{color:#f5ca6d;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.hadith-note b{font:700 17px/1.65 Changa,sans-serif}.hadith-content{z-index:1;position:relative}.hadith-content h2{color:#412624;margin:0;font-size:clamp(30px,3vw,42px)}.hadith-content>p{color:#796350;max-width:480px;font-size:15px;line-height:1.95}.section-stamp{color:#7b5436;align-items:center;gap:7px;width:fit-content;margin-top:14px;font-size:11px;font-weight:800;display:flex}.section-stamp>span{color:#fff7e8;background:#d89028;border-radius:50% 50% 4px;place-items:center;width:26px;height:26px;display:grid}.section-stamp i{border-top:2px dotted #d89028;width:35px}.hadith-accordion{gap:10px;margin-top:22px;display:grid}.hadith-group{background:#fffdfa;border:1px solid #ecdfca;border-radius:13px 13px 5px;overflow:hidden}.hadith-group.open{border-color:#d7b47f;box-shadow:0 9px 25px #72482614}.hadith-trigger{color:#56392d;text-align:right;background:0 0;border:0;align-items:center;gap:11px;width:100%;padding:13px;font-family:Tajawal,sans-serif;display:flex}.hadith-trigger>span:nth-child(2){gap:2px;display:grid}.hadith-trigger b{font-size:14px}.hadith-trigger small{color:#997a64;font-size:11px;font-weight:700}.hadith-trigger>svg{color:#8e6c54;transition:transform .2s var(--ease-out);margin-right:auto}.hadith-group.open .hadith-trigger>svg{transform:rotate(180deg)}.group-icon{border-radius:11px 11px 4px;place-items:center;width:39px;height:39px;display:grid}.group-icon.gold{color:#ad631a;background:#fff0c6}.group-icon.green{color:#307653;background:#e1f0dc}.group-icon.purple{color:#5b2f82;background:#efe4f5}.hadith-items{padding:0 13px 14px}.hadith-items blockquote{color:#7e5d49;background:#faf3e7;border-right:3px solid #d89028;margin:0;padding:11px 12px;font-size:12px;line-height:1.85}.hadith-items blockquote+blockquote{margin-top:8px}.hadith-items b{color:#5b2d83}.hadith-items p{margin:4px 0 0}.outline-cta{color:#5b2d83;background:0 0;border-bottom:2px solid #d89028;margin-top:20px;padding:12px 0}.features-section{background:#fff;padding:110px max(24px,50% - 610px);position:relative;overflow:hidden}.features-section:before{content:"";opacity:.45;border-top:2px dashed #d8a656;border-radius:50%;width:300px;height:90px;position:absolute;top:70px;right:-90px;transform:rotate(18deg)}.centered-heading{text-align:center;flex-direction:column;align-items:center;max-width:620px;margin:0 auto}.centered-heading .eyebrow{margin-inline:auto}.centered-heading>p{max-width:540px;margin-top:12px}.artifact-route{color:#8d684d;justify-content:center;align-items:center;gap:9px;margin:22px auto 0;font-size:11px;font-weight:800;display:flex}.artifact-route>i{border-top:2px dotted #d89028;width:min(17vw,170px)}.artifact-route span{align-items:center;gap:5px;display:inline-flex}.artifact-route svg{color:#d89028}.features-grid{grid-template-columns:1.25fr .88fr .88fr;align-items:stretch;gap:17px;margin-top:31px;display:grid}.feature-card{border:1px solid #0000;border-radius:14px 42px 14px 14px;flex-direction:column;min-height:365px;padding:28px;display:flex;position:relative;overflow:hidden}.artifact-card:after{content:"";opacity:.24;pointer-events:none;border:1px dashed;border-radius:8px 25px 8px 8px;position:absolute;inset:10px}.discovery-card{color:#5d361e;background:#f4cf86;border-color:#e0aa4c}.progress-card{color:#f7fff8;background:#398363;border-radius:42px 14px 14px}.reflection-card{color:#fff8ed;background:#5a2d81;border-radius:14px 14px 42px}.artifact-tab{z-index:1;color:#fdf8ea;background:#a65e1c;border-radius:7px 7px 2px;width:fit-content;padding:6px 11px;font:700 11px Changa,sans-serif;position:relative;box-shadow:0 4px #46231226}.progress-card .artifact-tab{color:#245f42;background:#e2f0da}.reflection-card .artifact-tab{color:#5a2d81;background:#f4d177}.artifact-emblem{z-index:1;background:#fffaea4d;border-radius:50% 50% 6px;place-items:center;width:47px;height:47px;margin-top:25px;display:grid;position:relative}.discovery-card .artifact-emblem{color:#a45d18;background:#fff6d69e}.feature-card h3{z-index:1;margin:16px 0 7px;font-size:22px;position:relative}.feature-card p{z-index:1;max-width:250px;margin:0;font-size:13px;font-weight:500;line-height:1.85;position:relative}.artifact-map{z-index:1;color:#994f18;align-items:center;gap:5px;display:flex;position:absolute;bottom:26px;left:23px}.artifact-map i{border-top:3px dotted;width:19px}.artifact-map span,.artifact-map b{border:2px solid;border-radius:50% 50% 4px;place-items:center;width:28px;height:28px;font:800 12px Changa,sans-serif;display:grid}.artifact-map b{color:#fff9e9;background:#b9621b;border-color:#b9621b}.token-row{z-index:1;color:#f5ca6f;display:flex;position:absolute;bottom:29px;left:25px}.token-row span{background:#317151;border:2px solid #e6f3db;border-radius:50% 50% 4px;place-items:center;width:39px;height:39px;margin-right:-7px;display:grid}.journey-note{z-index:1;color:#68452b;background:#fff0c7;width:135px;padding:13px;position:absolute;bottom:28px;left:22px;transform:rotate(-5deg);box-shadow:3px 5px #29123d24}.journey-note:before{content:"";background:#e0b26ae6;width:23px;height:13px;position:absolute;top:-7px;right:42%;transform:rotate(4deg)}.journey-note span{color:#a56525;font-size:10px;font-weight:800;display:block}.journey-note b{margin-top:3px;font-size:11px;display:block}.journey-note i{border-top:2px dotted #c58a45;width:100%;margin-top:8px;display:block}.dashboard-section{color:#fff9ef;background:#4d2b6f;grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(40px,9vw,135px);padding:105px max(24px,50% - 610px);display:grid;position:relative;overflow:hidden}.dashboard-section:before{content:"";border:2px dashed #f5cb7170;border-radius:50%;width:445px;height:445px;position:absolute;bottom:-240px;right:-295px}.dashboard-copy{z-index:1;position:relative}.dashboard-copy .eyebrow{color:#ffd98e}.dashboard-copy .eyebrow:before{background:#ffd98e}.dashboard-copy p{color:#e4d6eb;max-width:380px;line-height:1.95}.dashboard-route{color:#ffe1a1;align-items:center;gap:7px;margin:19px 0 24px;font-size:11px;font-weight:800;display:flex}.dashboard-route i{border-top:2px dotted #f3c76c;width:18px}.dashboard-panel{z-index:1;color:#52322d;background:#fefbf5;border-radius:22px 22px 7px;padding:25px;position:relative;box-shadow:0 23px 45px #1d0d2b3d}.dash-user{align-items:center;gap:10px;display:flex}.avatar-ring{background:linear-gradient(135deg,#e5c26f,#673b8f);border-radius:50% 50% 8px;place-items:center;width:54px;height:54px;padding:4px;display:grid}.avatar-ring img{object-fit:contain;border-radius:inherit;background:#fff2cf;width:100%;height:100%}.dash-user>div:nth-child(2){gap:3px;display:grid}.dash-user span{color:#936e59;font-size:11px;font-weight:700}.dash-user b{color:#5a2d81;font:700 15px Changa,sans-serif}.dash-level{background:#f0e5f5;border-radius:8px 8px 3px;margin-right:auto;padding:7px 9px;color:#6a3e82!important}.dash-metrics{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;display:grid}.dash-metrics>div{background:#faf3e8;border-radius:11px 11px 4px;min-height:91px;padding:12px}.metric-icon{border-radius:9px 9px 3px;place-items:center;width:32px;height:32px;display:grid}.metric-icon.purple{color:#62388a;background:#eee2f4}.metric-icon.green{color:#307653;background:#e0f0dc}.metric-icon.gold{color:#af621c;background:#fff0c8}.dash-metrics p{color:#8b6a57;gap:3px;margin:7px 0 0;font-size:10px;font-weight:700;display:grid}.dash-metrics b{color:#4a2b27;font:800 19px/1 Changa,sans-serif}.dash-progress{background:#f4e9d8;border-radius:11px 11px 4px;margin-top:17px;padding:15px}.dash-progress>div:first-child{color:#6b4b39;justify-content:space-between;font-size:12px;font-weight:800;display:flex}.dash-progress b{color:#398362}.progress-track{background:#dfd0b8;border-radius:12px;height:9px;margin:10px 0 7px;overflow:hidden}.progress-track span{border-radius:inherit;height:100%;transition:width .24s var(--ease-out);background:linear-gradient(90deg,#398363,#80bc77);display:block}.dash-progress small{color:#967662;font-size:10px;font-weight:700}.help-section{background:#f6dfad;grid-template-columns:auto 1fr auto;align-items:center;gap:25px;padding:70px max(24px,50% - 610px);display:grid;position:relative;overflow:hidden}.help-section:after{content:"";opacity:.55;border:2px dashed #c98a31;border-radius:50%;width:250px;height:80px;position:absolute;bottom:-29px;left:-110px;transform:rotate(15deg)}.help-star{z-index:1;color:#fff9e9;background:#5b2d83;border-radius:50% 50% 8px;place-items:center;width:76px;height:76px;display:grid;position:relative;box-shadow:0 8px #3f1e5c}.help-section>div:nth-child(2),.help-section .outline-cta{z-index:1;position:relative}.help-section h2{color:#4c2e25;margin:0;font-size:clamp(24px,2.6vw,35px)}.help-section p{color:#71503b;max-width:600px;margin:6px 0 0;font-size:14px;line-height:1.85}.help-section .outline-cta{color:#5a2d81;white-space:nowrap;border-bottom-color:#5a2d81;margin:0}.site-footer{color:#bca891;background:#362146;justify-content:space-between;align-items:center;gap:20px;padding:33px max(24px,50% - 610px);display:flex}.footer-brand{color:#fff9ed}.footer-brand strong{color:#f3ce75}.footer-brand small{color:#d9c4b0}.site-footer>p{margin:0;font-size:12px;font-weight:500}.site-footer>div{flex-wrap:wrap;gap:14px;display:flex}.site-footer a:not(.brand){color:#eadccc;font-size:12px;font-weight:700;text-decoration:none}.site-footer a:not(.brand):hover{color:#ffd075}@media (max-width:980px){.desktop-nav{display:none}.menu-button{display:inline-flex}.mobile-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffcf3fa;border:1px solid #ad672729;border-radius:14px;gap:2px;padding:12px;display:grid;position:absolute;top:calc(100% + 9px);left:0;right:0;box-shadow:0 16px 30px #70462329}.mobile-nav button{color:#613d2c;text-align:right;background:0 0;border:0;justify-content:space-between;align-items:center;padding:12px;font:800 14px Tajawal,sans-serif;display:flex}.mobile-nav button:hover{color:#5a2d81;background:#f7eee1}.hero{grid-template-columns:1.1fr .9fr;min-height:535px}.hero-copy{padding-right:45px}.hero-art{clip-path:polygon(13% 0,100% 0,100% 100%,0 100%,0 10%)}.journey-strip{width:min(830px,100% - 32px)}.journey-strip>div{padding-inline:13px}.learning-layout{grid-template-columns:.72fr 1.28fr}.map-portrait{display:none}.features-grid{grid-template-columns:repeat(3,1fr)}.feature-card{padding:21px}.feature-card h3{font-size:19px}.dashboard-section{gap:45px}}@media (max-width:720px){.topbar{width:calc(100% - 22px);min-height:65px;margin-top:9px;padding:8px 10px;top:5px}.brand-mark{width:42px;height:42px}.brand-copy strong{font-size:19px}.brand-copy small{font-size:9px}.help-link span{display:none}.hero{width:calc(100% - 22px);min-height:unset;border-radius:34px 10px 37px;flex-direction:column;margin-top:10px;display:flex}.hero-copy{order:2;padding:35px 25px 40px}.hero h1{font-size:37px}.hero p{font-size:15px}.hero-art{clip-path:none;order:1;min-height:275px}.hero-art:after{background:linear-gradient(#0000 60%,#f4cd83)}.hero-marker{font-size:10px}.marker-one{top:15%;left:11%}.marker-two{bottom:15%;right:10%}.hero-trust{gap:9px 12px}.journey-strip{border-radius:14px 14px 30px;grid-template-columns:repeat(2,1fr);width:calc(100% - 36px);margin-top:-19px}.journey-strip>div{padding:15px 11px}.journey-strip>div:nth-child(2):after{display:none}.journey-strip>div:nth-child(-n+2){border-bottom:1px solid #eddfcf}.journey-strip>div:not(:last-child):after{height:37px;top:17px}.journey-strip b{font-size:19px}.journey-strip small{font-size:10px}.learn-section,.hadith-section,.features-section,.dashboard-section,.quiz-section{padding:75px 19px}.split-heading{display:block}.section-heading>p{margin-top:13px;font-size:14px}.learning-layout{flex-direction:column;gap:18px;display:flex}.stage-rail{width:100%;min-height:unset;border-left:0;border-right:2px dashed #e5c48c;max-height:189px;padding:3px 0 3px 10px}.stage-node{padding:8px 0}.lesson-card{min-height:472px;padding:28px 23px}.lesson-card h3{margin-top:20px;font-size:24px}.lesson-card>p{font-size:14px;line-height:2}.lesson-footer{bottom:25px;left:23px;right:23px}.lesson-footer>span{display:none}.lesson-footer button{font-size:12px}.later-heading p{white-space:normal;text-align:center}.path-line{display:none}.later-grid{gap:6px}.later-grid div{font-size:10px}.quiz-section{flex-direction:column;gap:33px;display:flex}.quiz-intro p{font-size:14px}.station-list{grid-template-columns:1fr 1fr;max-height:170px;overflow:hidden}.quiz-card{border-width:4px;padding:22px 17px}.quiz-card h3{font-size:21px}.answer-grid{grid-template-columns:1fr}.answer-option{min-height:53px}.result-box{grid-template-columns:36px 1fr}.result-box button{grid-column:2;width:fit-content}.hadith-section{flex-direction:column;display:flex}.hadith-visual{width:100%;min-height:360px}.hadith-content h2{font-size:32px}.features-grid{grid-template-columns:1fr}.feature-card{min-height:300px}.feature-card img,.tall-feature img,.feature-card:nth-child(2) img,.feature-card:nth-child(3) img{width:42%;max-height:205px}.dashboard-section{flex-direction:column;display:flex}.dashboard-panel{width:100%}.help-section{grid-template-columns:1fr;gap:16px;padding:50px 24px}.help-star{width:60px;height:60px}.help-section .outline-cta{width:fit-content}.site-footer{flex-direction:column;align-items:flex-start;padding-block:28px}.site-footer>div{gap:12px}}@media (prefers-reduced-motion:no-preference){.hero-copy,.hero-art,.journey-strip,.lesson-card,.map-portrait,.quiz-card,.hadith-visual,.feature-card,.dashboard-panel{animation:rise-in .6s var(--ease-out)both}.hero-art{animation-delay:80ms}.journey-strip{animation-delay:.13s}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}}.site-footer{isolation:isolate;color:#fff7e8;background:linear-gradient(132deg,#4e286b,#623685 47%,#8c5928 130%);margin-top:0;padding:66px max(24px,50% - 610px) 22px;position:relative;overflow:hidden}.site-footer:before{content:"";z-index:-1;background:repeating-conic-gradient(from 0deg,#ffe08b21 0 7deg,transparent 7deg 20deg);border:2px solid #ffe08b3d;border-radius:50% 50% 8%;width:300px;height:300px;animation:15s linear infinite footer-orbit;position:absolute;top:-92px;right:8%}.site-footer:after{content:"✦  ✧  ✦";z-index:-1;color:#ffe08b52;letter-spacing:16px;font:28px/1 Changa,sans-serif;animation:3.6s ease-in-out infinite alternate footer-sparkle;position:absolute;bottom:72px;left:7%}.footer-top{grid-template-columns:minmax(250px,.76fr) minmax(480px,1.24fr);align-items:center;gap:clamp(32px,6vw,90px);display:grid}.footer-identity{gap:14px;display:grid}.footer-brand{color:#fffaf0;width:fit-content}.footer-brand .brand-copy strong{color:#ffe3a0}.footer-brand .brand-copy small{color:#fff5da}.footer-identity>p{color:#fff7e8d1;max-width:340px;margin:0;font-size:14px;line-height:1.9}.footer-social-wrap{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffcf41a;border:1px solid #ffe7a945;border-radius:30px 12px;padding:24px 25px 22px;position:relative;box-shadow:inset 0 1px #ffffff2b,0 18px 38px #24103829}.footer-social-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.footer-social-heading>span{color:#ffe3a0;align-items:center;gap:8px;font:800 16px/1.45 Changa,sans-serif;display:inline-flex}.footer-social-heading svg{color:#ffe3a0}.footer-social-heading small{color:#fff7e8b8;font-weight:700}.footer-social{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.social-link{color:#fffaf0;min-width:0;transition:transform .18s var(--ease-out),background .18s var(--ease-out),box-shadow .18s var(--ease-out);background:#ffffff1c;border:1px solid #ffffff21;border-radius:14px 14px 4px;align-items:center;gap:8px;padding:10px 11px;font-size:12px;font-weight:800;text-decoration:none;display:flex;box-shadow:0 5px #2a144121}.social-link:hover{background:#fff3;transform:translateY(-4px)rotate(-.7deg);box-shadow:0 9px #2a14411f,0 15px 25px #26103f2b}.social-link:active{transform:scale(.97)}.social-link>svg{opacity:.74;flex:none;margin-right:auto}.social-mark{color:#fff;border-radius:8px 8px 3px;flex:none;place-items:center;width:26px;height:26px;font:900 16px/1 system-ui,sans-serif;display:grid}.social-link.website .social-mark{background:#d9912d}.social-link.facebook .social-mark{background:#1877f2}.social-link.youtube .social-mark{background:#e62117;font-size:12px}.social-link.tiktok .social-mark{color:#57e9eb;background:#111}.social-link.instagram .social-mark{background:linear-gradient(135deg,#f9ce34,#e1306c 52%,#6935b7)}.social-link.x .social-mark{background:#111}.footer-bottom{color:#fff7e8b3;border-top:1px solid #ffefc138;justify-content:space-between;align-items:center;gap:22px;margin-top:34px;padding-top:18px;font-size:12px;font-weight:700;display:flex}.footer-internal-links{flex-wrap:wrap;gap:16px;display:flex}.footer-internal-links a{color:#fff7e4;transition:color .16s var(--ease-out),transform .16s var(--ease-out);text-decoration:none}.footer-internal-links a:hover{color:#ffe09a;transform:translateY(-2px)}@keyframes footer-orbit{to{transform:rotate(1turn)}}@keyframes footer-sparkle{0%{opacity:.36;transform:translateY(0)}to{opacity:.76;transform:translateY(-8px)}}@media (max-width:760px){.site-footer{padding:52px 20px 18px}.site-footer:before{top:-125px;right:-125px}.footer-top{grid-template-columns:1fr;gap:28px}.footer-social-wrap{border-radius:23px 10px;padding:20px 15px 16px}.footer-social-heading{flex-direction:column;align-items:flex-start}.footer-social{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.social-link{padding:10px 9px}.social-link>svg{display:none}.footer-bottom{flex-direction:column;align-items:flex-start;gap:13px;margin-top:26px}.footer-internal-links{gap:13px}}@media (prefers-reduced-motion:reduce){.site-footer:before,.site-footer:after{animation:none}.social-link{transition:none}}.footer-social-wrap{padding:20px 22px}.footer-social-heading{justify-content:center;margin-bottom:14px}.footer-social{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.social-link{border-radius:15px 15px 5px;place-items:center;width:48px;height:48px;padding:0;display:grid;box-shadow:0 5px #2a144133,inset 0 1px #ffffff29}.social-link .social-mark{border-radius:10px 10px 3px;width:31px;height:31px;font-size:18px}.social-link.website .social-mark{font-size:16px}.social-link.youtube .social-mark{font-size:14px}.social-link:hover{transform:translateY(-5px)rotate(-1deg)scale(1.04)}.footer-bottom>span{color:#ffe7a6;font-family:Changa,sans-serif;font-weight:700}@media (max-width:760px){.footer-social-heading{align-items:center}.footer-social{gap:10px}.social-link{width:45px;height:45px;padding:0}.social-link .social-mark{width:29px;height:29px}}.learn-section,.quiz-section,.hadith-section,.features-section,.dashboard-section,.help-section{isolation:isolate;position:relative;overflow:visible}.learn-section>*,.quiz-section>*,.hadith-section>*,.features-section>*,.dashboard-section>*,.help-section>*{z-index:1;position:relative}.learn-section:after,.features-section:after,.help-section:after{content:"";z-index:0;pointer-events:none;opacity:.82;background:radial-gradient(circle at 8% 10%,#d89028 0 7px,#0000 8px),radial-gradient(circle at 90% 13%,#d89028 0 7px,#0000 8px);border-top:3px dotted #d89028ad;border-radius:55% 45% 0 0;width:min(66vw,800px);height:105px;position:absolute}.learn-section:after{bottom:-73px;left:7%;transform:rotate(-3deg)}.features-section:after{bottom:-69px;right:9%;transform:rotate(4deg)}.help-section:after{top:-70px;left:12%;transform:rotate(-4deg)}.quiz-section:after,.dashboard-section:after{content:"✦";z-index:0;color:#fff8e8;background:#d89028;border:3px solid #ffe6a9;border-radius:50% 50% 8px;place-items:center;width:47px;height:47px;font:800 23px/1 Changa,sans-serif;animation:2.7s ease-in-out infinite journey-station-glow;display:grid;position:absolute;box-shadow:0 6px #a55c1c}.quiz-section:after{top:-24px;left:10%}.dashboard-section:after{background:#713c95;top:-24px;right:10%;box-shadow:0 6px #4e286b}.features-section{background-image:radial-gradient(#d890281c .7px,#0000 .85px),linear-gradient(#0000,#ffedc138);background-size:12px 12px,auto}.features-grid{position:relative}.features-grid:before{content:"";z-index:0;border-top:3px dotted #d89028b8;position:absolute;top:49%;left:7%;right:7%}.feature-card{z-index:1;background-image:radial-gradient(#7a491f1a .7px,#0000 .85px),linear-gradient(130deg,#ffffff57,#0000 54%);background-size:11px 11px,auto;border:2px solid #be7e3554;border-radius:24px 48px 24px 24px;box-shadow:0 9px #7c4c2226,0 23px 35px #6c3f1b1c}.feature-card:after{content:"✦";color:#fff9e6;background:#d89028;border:2px solid #ffedbd;border-radius:50% 50% 5px;place-items:center;width:31px;height:31px;font-size:15px;display:grid;position:absolute;top:13px;left:13px;box-shadow:0 4px #a65e1d}.dashboard-section{background-image:radial-gradient(circle at 12% 18%,#ffe18e59 0 1.5px,#0000 1.7px),radial-gradient(circle at 75% 28%,#ffe18e3d 0 1px,#0000 1.2px),linear-gradient(120deg,#4d286b,#65388b);background-size:26px 26px,38px 38px,auto}.dashboard-panel{border:2px solid #ffe18e8c;box-shadow:0 10px #230f373d,0 26px 42px #200d343d}.help-section{background-image:radial-gradient(#d8902821 .7px,#0000 .85px),linear-gradient(112deg,#fff2c9,#f8d995);background-size:12px 12px,auto;border-top:2px dashed #d890286b;border-bottom:2px dashed #d890286b}@keyframes journey-station-glow{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(8deg)}}@media (max-width:760px){.learn-section:after,.features-section:after,.help-section:after{width:68vw;height:70px}.learn-section:after,.features-section:after{bottom:-45px}.help-section:after{top:-42px}.features-grid:before{border-top:0;border-right:3px dotted #d890289e;inset:15% 50% 9% auto}.quiz-section:after,.dashboard-section:after{width:39px;height:39px;font-size:18px}.quiz-section:after{left:7%}.dashboard-section:after{right:7%}}@media (prefers-reduced-motion:reduce){.quiz-section:after,.dashboard-section:after{animation:none}}@media (min-width:941px){.topbar{gap:12px}.desktop-nav{flex:1;justify-content:center;gap:8px}.desktop-nav a{color:#593a2d;background:#fff8e7;border:1px solid #cd973b6b;border-radius:16px 16px 6px;min-height:50px;padding:11px 15px;font-family:Changa,sans-serif;font-size:13px;line-height:1.25;box-shadow:0 4px #9f631d24}.desktop-nav a:nth-child(2n){color:#5d357b;background:#f3e7f8;border-color:#713c954d}.desktop-nav a:nth-child(3n){color:#35654e;background:#e8f2de;border-color:#44795845}.desktop-nav a:hover{color:#4a2a66;background:#fff1c9;transform:translateY(-4px)rotate(-.45deg);box-shadow:0 7px #9f631d29,0 13px 20px #63321b1c}.desktop-nav a:after{font-size:11px;top:3px;left:8px}}@media (max-width:940px){.topbar{gap:10px;min-height:70px}.brand-mark{width:45px;height:45px}.brand-copy strong{font-size:20px}.desktop-nav{display:none}.help-link{color:#5a2d81;background:#f2e3f7;border:1px solid #713c9533;border-radius:14px 14px 5px;min-height:46px;padding:10px 12px;font-family:Changa,sans-serif}.menu-button{color:#fff8e7;background:#d89028;border-radius:14px 14px 5px;place-items:center;min-width:46px;min-height:46px;display:inline-grid;box-shadow:0 4px #a55c1c}.mobile-nav{background:#fffcf3fa;border:1px solid #ad672733;border-radius:20px 7px;gap:8px;padding:13px;display:grid;position:absolute;top:calc(100% + 9px);left:0;right:0;box-shadow:0 15px 30px #4e2a1929}.mobile-nav button{color:#5b392e;text-align:right;min-height:54px;transition:transform .16s var(--ease-out),background .16s var(--ease-out);background:#fff3d8;border:1px solid #d29b3766;border-radius:15px 15px 5px;justify-content:space-between;align-items:center;padding:11px 15px;font-family:Changa,sans-serif;font-size:14px;font-weight:800;display:flex}.mobile-nav button:nth-child(2n){color:#593778;background:#f2e5f7}.mobile-nav button:nth-child(3n){color:#2e674c;background:#e5f0db}.mobile-nav button:active{transform:scale(.97)}.mobile-nav button svg{color:#bc761b}}@media (min-width:941px){.topbar:before{content:"";z-index:-1;border:2px dashed #d8902838;border-radius:50%;width:190px;height:48px;position:absolute;bottom:-24px;right:16%;transform:rotate(-5deg)}.brand{background:linear-gradient(140deg,#fffdf4,#f7e3b8);border:1px solid #ce922e47;border-radius:19px 19px 5px;padding:5px 10px 5px 6px;box-shadow:0 4px #b16e201a}.brand-mark{width:54px;height:54px}.topbar{perspective:900px}.desktop-nav a{border-width:1px 1px 2px;border-radius:17px 17px 7px;min-height:56px;padding:12px 16px 14px;overflow:hidden;transform:translateZ(0);box-shadow:0 7px #b56d25,0 13px 22px #46271624,inset 0 1px #ffffffd6}.desktop-nav a:before{content:"";pointer-events:none;background:linear-gradient(#ffffffc7,#0000);border-radius:12px 12px 5px;height:42%;position:absolute;inset:3px 4px auto}.desktop-nav a[data-axis=home],.desktop-nav a[data-axis=features]{color:#7a4216;background:linear-gradient(150deg,#fff8df,#f5d47c);border-color:#d99a32}.desktop-nav a[data-axis=knowledge],.desktop-nav a[data-axis=dashboard]{color:#512978;background:linear-gradient(150deg,#faf0ff,#dcbff0);border-color:#a573c3;box-shadow:0 7px #704094,0 13px 22px #46271624,inset 0 1px #ffffffd6}.desktop-nav a[data-axis=application]{color:#1f654b;background:linear-gradient(150deg,#f0f8df,#bfe0a7);border-color:#6fa26c;box-shadow:0 7px #47805a,0 13px 22px #46271624,inset 0 1px #ffffffd6}.desktop-nav a[data-axis=values]{color:#733a67;background:linear-gradient(150deg,#fff0e5,#eab7c2);border-color:#c98299;box-shadow:0 7px #a95c78,0 13px 22px #46271624,inset 0 1px #ffffffd6}.desktop-nav a:hover{transform:translateY(-5px)rotateX(4deg);box-shadow:0 11px #b56d25,0 20px 30px #4627162b,inset 0 1px #ffffffe6}.desktop-nav a[data-axis=knowledge]:hover,.desktop-nav a[data-axis=dashboard]:hover{box-shadow:0 11px #704094,0 20px 30px #4627162b,inset 0 1px #ffffffe6}.desktop-nav a[data-axis=application]:hover{box-shadow:0 11px #47805a,0 20px 30px #4627162b,inset 0 1px #ffffffe6}.desktop-nav a[data-axis=values]:hover{box-shadow:0 11px #a95c78,0 20px 30px #4627162b,inset 0 1px #ffffffe6}}.kaaba-map-cta{color:#fffdf4;text-shadow:0 2px 8px #1a0a12b8;background-color:#493055;background-image:linear-gradient(90deg,#281325eb,#341c2e9e 47%,#26101d3d),url(/media/images/rihlati-kaaba-game-cta.png);background-position:50%;background-size:cover;border:3px solid #f4d281;border-radius:27px 49px 27px 27px;justify-content:center;width:min(760px,100% - 2rem);min-height:184px;margin:28px auto 0;padding:22px 28px;font:800 clamp(17px,2.1vw,23px) Changa,sans-serif;animation:none;box-shadow:0 10px #6b3e23,0 26px 38px #3a191447}.kaaba-map-cta:hover{color:#fffdf4;background-position:52%;transform:translateY(-4px)}.kaaba-map-cta svg{color:#ffe17e;filter:drop-shadow(0 2px 5px #1f0c1199)}@media (max-width:940px){.mobile-nav button[data-axis=knowledge],.mobile-nav button[data-axis=dashboard]{color:#593778;background:#f2e5f7}.mobile-nav button[data-axis=application]{color:#2e674c;background:#e5f0db}.mobile-nav button[data-axis=values]{color:#793a63;background:#f9e5e8}}@media (max-width:600px){.kaaba-map-cta{background-position:58%;width:calc(100% - 1.4rem);min-height:150px;padding:18px;font-size:16px}}.unified-axis-section{background:#fffdf8;padding:clamp(3.5rem,7vw,6.8rem) max(1rem,50% - 605px);position:relative;overflow:hidden}.unified-axis-section:before{content:"";pointer-events:none;border:34px solid #e3b0412b;border-radius:50%;width:310px;height:310px;position:absolute;inset:-155px -94px auto auto}.axis-paper-section{background:linear-gradient(#fffdf8,#f8eed5)}.axis-dashboard-section{background:linear-gradient(#fbf3df,#fffdf8)}.axis-section-heading{z-index:1;justify-content:space-between;align-items:end;gap:2rem;max-width:1180px;margin:0 auto 1.55rem;display:flex;position:relative}.axis-section-heading h2{color:#40265d;margin:.45rem 0 0;font:800 clamp(1.85rem,3.2vw,3rem) Changa,sans-serif}.axis-section-heading h2 em{color:#93651e;font-style:normal}.axis-section-heading p{color:#725b4a;text-wrap:balance;max-width:490px;margin:0;font-size:1rem;line-height:2}.axis-entry-panel{z-index:1;grid-template-columns:minmax(0,1.35fr) minmax(310px,.82fr);grid-template-areas:"card image";gap:1.4rem;max-width:1180px;margin:auto;display:grid;position:relative}.axis-entry-image{background:#5f4670;border:1px solid #ebd091;border-radius:26px 44px 26px 26px;grid-area:image;min-height:350px;position:relative;overflow:hidden;box-shadow:0 12px 30px #3f271f24}.axis-entry-image:after{content:"";background:linear-gradient(#0000 52%,#2412239e);position:absolute;inset:0}.axis-entry-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.23,1,.32,1);display:block}.axis-entry-panel:hover .axis-entry-image img{transform:scale(1.045)}.axis-entry-image span{z-index:1;color:#fffdf7;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#2c1532b3;border:1px solid #ffe798b3;border-radius:999px;align-items:center;gap:.38rem;padding:.52rem .75rem;font-size:.82rem;font-weight:900;display:inline-flex;position:absolute;bottom:1rem;right:1rem}.axis-entry-card{background:radial-gradient(circle at 100% 0,#fff2cb 0,#0000 31%),#fee8b0;border:1px solid #ebc96f;border-radius:46px 24px;flex-direction:column;grid-area:card;justify-content:center;align-self:stretch;min-height:350px;padding:clamp(1.65rem,4vw,3.3rem);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 8px #fffae878,0 12px 28px #5b3d1b1a}.axis-entry-card:before{content:"";opacity:.78;background:#9c73ae;border-radius:50%;width:285px;height:285px;position:absolute;bottom:-174px;left:-155px}.axis-entry-card>*{z-index:1;position:relative}.axis-entry-card h3{color:#432950;margin:.85rem 0;font:800 clamp(1.5rem,3vw,2.35rem) Changa,sans-serif}.axis-entry-card p{color:#664f3f;max-width:700px;margin:0 0 1.45rem;font-size:1.05rem;line-height:2}.axis-entry-card .enter-sira-button{background:linear-gradient(145deg,#7543a5,#4b2075);align-self:flex-start;min-height:58px;padding:13px 21px;box-shadow:0 6px #351654,0 13px 21px #3e194f30}.axis-entry-card .enter-sira-button:hover{transform:translateY(-3px);box-shadow:0 9px #351654,0 17px 26px #3e194f38}@media (max-width:760px){.unified-axis-section{padding:3.6rem 1rem}.axis-section-heading{margin-bottom:1.25rem;display:block}.axis-section-heading p{margin-top:.8rem}.axis-entry-panel{grid-template-columns:1fr;grid-template-areas:"image""card";gap:.9rem}.axis-entry-image,.axis-entry-card{min-height:unset}.axis-entry-image{border-radius:22px 34px 22px 22px;height:245px}.axis-entry-card{border-radius:34px 19px;padding:1.6rem 1.25rem}.axis-entry-card h3{font-size:1.55rem}.axis-entry-card p{font-size:.94rem}.axis-entry-card .enter-sira-button{justify-content:center;width:100%}.axis-entry-card:before{width:175px;height:175px;bottom:-116px;left:-92px}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}to{height:0}}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}