.sidebarBackground{position:fixed;z-index:10000;inset:0;width:auto;height:auto;display:flex;align-items:stretch;justify-content:flex-start;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:sidebarFadeIn .18s ease both}.sidebarBackground[hidden]{display:none}.siteHeader{position:fixed;z-index:20;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.siteHeader.scrolled{background:#05050500;box-shadow:#00000079 0 2px 6px;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.sidebarTitle{text-align:start;border-bottom:solid var(--color-border) 1px}.sidebarSection{display:flex;gap:5px;justify-content:left}.adminSidebar{position:sticky;top:0;align-self:start;min-height:100vh;background:var(--color-surface);border-inline-end:1px solid var(--color-border)}.adminSidebarPanel{box-sizing:border-box;width:250px;min-height:100vh;padding:20px}.adminSidebarNavigation{display:grid;gap:8px;margin-bottom:28px}.adminNavButton{min-height:30px;padding:8px 12px;background:transparent;color:var(--color-text);text-align:start;font-family:inherit;border-radius:0}.adminNavButton:hover{border-color:var(--color-border);background:var(--color-surface-hover)}.adminNavButton.active{border-bottom:3px solid var(--color-primary);color:var(--color-primary)}.headerActions{display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:4px;border-radius:10px;border:1px solid #00000040;background:#00000010}.loginHeaderButton{display:inline-flex;min-height:30px;align-items:center;justify-content:center;padding:0 12px;border-radius:10px;background:var(--color-muted);color:var(--color-text);font-weight:700;text-decoration:none;white-space:nowrap}.loginHeaderButton:hover{background:var(--color-primary)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--color-text);font-weight:700;text-decoration:none}.brand img{width:42px;height:42px;object-fit:contain}.siteFooter{display:block;box-sizing:border-box;padding:34px clamp(18px,7vw,96px) 18px;border-top:1px solid var(--color-border);background:var(--color-footer);color:var(--color-muted);font-size:13px}.siteFooterMain{display:flex;max-width:1240px;justify-content:space-between;gap:48px;margin:0 auto;padding-bottom:28px}.siteFooterAbout{max-width:460px}.siteFooter .siteFooterBrand{color:var(--color-text);font-size:18px;font-weight:700;text-decoration:none}.siteFooterAbout p{max-width:380px;margin:10px 0 0;line-height:1.8}.siteFooterNav{display:grid;min-width:150px;justify-items:start;gap:9px}.siteFooterNav h2{margin:0 0 3px;color:var(--color-text);font-size:14px}.siteFooterNav a{color:var(--color-muted);font-weight:400;text-decoration:none}.siteFooter a:hover{color:var(--color-primary)}.siteFooterBottom{display:flex;max-width:1240px;align-items:center;justify-content:space-between;gap:16px;margin:0 auto;padding-top:16px;border-top:1px solid var(--color-border)}.siteFooterAccent{color:var(--color-primary);font-weight:700}@media(max-width:600px){.siteFooterMain{flex-direction:column;gap:24px}.adminSidebar{position:static;min-height:0;border-inline-end:0;border-bottom:1px solid var(--color-border)}.adminSidebarPanel{width:100%;min-height:0}.adminSidebarNavigation{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:420px){.siteFooterBottom{flex-direction:column;align-items:flex-start;gap:8px}}body.studentPage,body.adminPage{min-width:320px;min-height:100vh;margin:0;font-family:GulfText,sans-serif}.adminLayout{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.adminDashboard{display:block;width:100%;max-width:none;min-height:100vh;box-sizing:border-box;margin:0;padding:clamp(24px,5vw,64px)}.adminDashboard h1{margin:0;font-size:clamp(28px,4vw,40px)}.adminDashboardContent{min-height:1px}.discoverLink:hover,.studentCourse a:hover{color:var(--color-navy)}.studentDashboard{grid-auto-flow:row;grid-template-columns:minmax(0,1fr);align-items:stretch;max-width:1120px;min-height:calc(100vh - 72px);box-sizing:border-box;margin:0 auto;padding:72px clamp(24px,7vw,88px)}.studentWelcome{padding:0 0 42px;border-bottom:1px solid var(--color-border)}.studentWelcome h1{margin:0;font-size:clamp(32px,5vw,48px)}.studentWelcome h1 span{color:var(--color-primary);overflow-wrap:anywhere}.studentWelcome>p:last-child{margin:12px 0 0;color:var(--color-muted);line-height:1.7}.studentCourses{padding-top:40px}.studentSectionHeading{display:flex;align-items:end;justify-content:space-between;gap:20px}.studentSectionHeading h2{margin:0;font-size:28px}.discoverLink,.studentCourse a{color:var(--color-text);font-weight:700;text-decoration:none}.discoverLink span,.studentCourse a span{display:inline-block;margin-right:6px}.studentEmptyState{margin:26px 0 0;padding:24px 0;border-top:1px solid var(--color-border);color:var(--color-muted)}.studentCourseList{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:26px}.studentCourse{padding:20px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface)}.studentCourseTutor,.studentCourseDescription{color:var(--color-muted)}.studentCourse h3{margin:8px 0}.studentCourseDescription{line-height:1.6}body.teacherPage{min-width:320px;min-height:100vh;margin:0;font-family:GulfText,sans-serif}.teacherDashboard{grid-auto-flow:row;grid-template-columns:minmax(0,1fr);align-items:stretch;max-width:1120px;min-height:calc(100vh - 72px);box-sizing:border-box;margin:0 auto;padding:72px clamp(24px,7vw,88px)}.teacherWelcome{padding:0 0 42px;border-bottom:1px solid var(--color-border)}.teacherWelcome h1{margin:0;font-size:clamp(32px,5vw,48px)}.teacherWelcome h1 span{color:var(--color-primary);overflow-wrap:anywhere}.teacherWelcome>p:last-child{margin:12px 0 0;color:var(--color-muted);line-height:1.7}.teacherOverview,.teacherCourses{padding-top:40px}.teacherOverview h2,.teacherSectionHeading h2{margin:0;font-size:28px}.teacherStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.teacherStat{padding:20px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface)}.teacherStat p{margin:0;color:var(--color-muted)}.teacherStat strong{display:block;margin-top:12px;color:var(--color-primary);font-size:28px}.teacherEmptyState{margin:26px 0 0;padding:24px 0;border-top:1px solid var(--color-border);color:var(--color-muted)}.teacherCourseList{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:26px}.teacherSectionHeading>div>p{color:var(--color-muted)}@media(max-width:560px){.adminDashboard{min-height:auto;padding:32px 22px}.studentDashboard,.teacherDashboard{padding:52px 22px}.studentSectionHeading{align-items:flex-start;flex-direction:column}.teacherStats{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.adminLayout{grid-template-columns:minmax(0,1fr)}}.courseList h2{padding:0;margin:0}.courseCategoryButton{display:block;padding:0 5px;background:transparent;color:inherit;font:inherit;white-space:nowrap;cursor:pointer;border:solid 2px var(--color-border);border-radius:15px}.courseCategoryButton:hover{border:solid 2px var(--color-primary)}.courseCategoryButton.is-active{border:solid 2px var(--color-primary);background:#000000a4}.courseCategoryButton:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.courseList{display:flex;color:var(--color-primary);gap:7px;font-size:small;justify-content:center;flex-wrap:wrap}.courseListScroller{width:70%;padding-bottom:20px;overflow-y:hidden;display:flex;flex-direction:row;flex-wrap:wrap;align-content:stretch;justify-content:center}.courseListScroller::-webkit-scrollbar{cursor:pointer;height:4px}.courseListScroller::-webkit-scrollbar-track{background:transparent}.courseListScroller::-webkit-scrollbar-thumb{border-radius:999px;background:var(--color-primary)}.courseListScroller::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.courseList>h2{flex:0 0 auto}.courseCategoryPage{box-sizing:border-box;padding:20px;width:100%;background:var(--color-surface-hover);box-shadow:inset 0 10px 18px -16px #000000b6;display:flex;flex-wrap:wrap;gap:4px;align-content:start;justify-content:center}@media(max-width:760px){.welcomeSection h1{font-size:clamp(38px,10vw,54px)}}.coursesCard{width:fit-content;max-width:200px;border:solid 1px var(--color-border);display:flex;flex-direction:column;align-items:flex-start;gap:2px;border-radius:12px;overflow:hidden;padding:6px 10px;font-size:small;text-align:start;cursor:pointer}.coursesCard:hover{background-color:#ffdfa349}@font-face{font-family:Voyage Archivo;src:url(./archivo-var-B74ytzVH.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Voyage Clash Display;src:url(./clash-display-var-Buk7cB_f.woff2) format("woff2");font-weight:200 700;font-display:swap}.voyageCarousel{--slide-width: min(25vw, 300px);--slide-aspect: 2 / 3;--slide-transition-duration: .8s;--slide-transition-easing: ease;position:relative;max-width:1120px;box-sizing:border-box;margin-inline:auto;overflow:hidden;color:var(--color-text);font-family:Voyage Archivo,sans-serif}.voyageCarousel>h2{position:relative;z-index:1;margin:0 0 16px;color:var(--color-text);font-family:GulfText,sans-serif;font-size:clamp(24px,3vw,34px);text-align:center}.voyageCarousel .slider{display:flex;height:clamp(340px,55vw,540px);align-items:center;margin:0 auto;padding:60px}.voyageCarousel .slider--btn{z-index:10;display:inline-flex;width:40px;height:40px;flex:0 0 40px;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:#aa9372a6;color:var(--color-text);transition:background-color .25s ease}.voyageCarousel .slider--btn:hover{background:#aa9372de}.voyageCarousel .slider--btn:focus-visible{outline:2px solid currentColor;outline-offset:3px}.voyageCarousel .slider--btn svg{width:32px;height:32px}.voyageCarousel .slides__wrapper{isolation:isolate;display:grid;width:100%;min-width:0;place-items:center}.voyageCarousel .slides,.voyageCarousel .slides--infos{display:grid;width:100%;height:100%;place-items:center;pointer-events:none}.voyageCarousel .slides__wrapper>*{grid-area:1 / -1}.voyageCarousel .slides>*,.voyageCarousel .slides--infos>*{grid-area:1 / -1}.voyageCarousel .slide{--slide-tx: 0px;--slide-ty: 0vh;position:relative;width:var(--slide-width);height:auto;aspect-ratio:var(--slide-aspect);perspective:800px;transform:perspective(1000px) translate3d(var(--slide-tx),var(--slide-ty),var(--slide-tz, 0)) rotateY(var(--slide-rotY)) scale(var(--slide-scale));transition:transform var(--slide-transition-duration) var(--slide-transition-easing);-webkit-user-select:none;user-select:none}.voyageCarousel .slide[data-position=current]{--slide-scale: 1.2;--slide-tz: 0px;--slide-tx: 0px;--slide-rotY: 0;z-index:2;pointer-events:auto}.voyageCarousel .slide[data-position=next]{--slide-tx: calc(var(--slide-width) * 1.05);--slide-rotY: -45deg}.voyageCarousel .slide[data-position=previous]{--slide-tx: calc(var(--slide-width) * -1.05);--slide-rotY: 45deg}.voyageCarousel .slide:not([data-position=current]){--slide-scale: 1;--slide-tz: 0;pointer-events:none}.voyageCarousel .slide--image{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;filter:brightness(.5);transform:translate(-50%,-50%) scale(1.25) translate3d(var(--bgPosX, 0%),var(--bgPosY, 0%),0);transition:filter var(--slide-transition-duration) var(--slide-transition-easing),transform .15s ease-out}.voyageCarousel .slide[data-position=current] .slide--image{filter:brightness(.8)}.voyageCarousel .slide__inner,.voyageCarousel .slide-info__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--rotX, 0)) rotateY(var(--rotY, 0))}.voyageCarousel .slide--image__wrapper{position:relative;width:100%;height:100%;overflow:hidden}.voyageCarousel .slide__bg{display:none;position:absolute;z-index:-1;inset:-12%;background-image:var(--bg);background-position:center;background-size:cover;pointer-events:none;transition:opacity var(--slide-transition-duration) ease,transform var(--slide-transition-duration) ease}.voyageCarousel .slide__bg:before{position:absolute;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);content:""}.voyageCarousel .slide__bg:not([data-position=current]){opacity:0}.voyageCarousel .slide__bg[data-position=previous]{transform:translate(-10%)}.voyageCarousel .slide__bg[data-position=next]{transform:translate(10%)}.voyageCarousel .slide-info{position:relative;width:var(--slide-width);height:100%;aspect-ratio:var(--slide-aspect);perspective:800px;z-index:3;-webkit-user-select:none;user-select:none}.voyageCarousel .slide-info--text__wrapper{position:absolute;bottom:15%;left:-15%;z-index:2;transform:translateZ(45px);pointer-events:none}.voyageCarousel .slide-info--text{overflow:hidden;color:#fff;font-family:Voyage Clash Display,sans-serif}.voyageCarousel .slide-info--text span{display:block;white-space:nowrap;opacity:0;text-shadow:0 2px 8px rgb(0 0 0 / 75%);transform:translate3d(0,100%,0);transition:opacity var(--slide-transition-duration) var(--slide-transition-easing),transform var(--slide-transition-duration) var(--slide-transition-easing);transition-delay:0ms}.voyageCarousel .slide-info[data-position=current] .slide-info--text span{opacity:1;transform:translateZ(0);transition-delay:.25s}.voyageCarousel .slide-info--text[data-title],.voyageCarousel .slide-info--text[data-subtitle]{font-size:min(3cqw,2.4rem);font-weight:800;letter-spacing:.2cqw;text-transform:uppercase}.voyageCarousel .slide-info--text[data-subtitle]{margin-left:2cqw;font-size:min(2.2cqw,1.8rem);font-weight:600}.voyageCarousel .slide-info--text[data-description]{margin-left:1cqw;font-family:Voyage Archivo,sans-serif;font-size:min(1.5cqw,.95rem);font-weight:300}@media(max-width:600px){.voyageCarousel{--slide-width: min(56vw, 220px);padding:24px 16px}.voyageCarousel .slider{height:360px;box-sizing:border-box;padding:0}.voyageCarousel .slider--btn{width:32px;height:32px;flex-basis:32px}.voyageCarousel .slide-info--text[data-title]{font-size:clamp(1rem,5vw,1.5rem)}.voyageCarousel .slide-info--text[data-subtitle]{font-size:clamp(.8rem,3.8vw,1.1rem)}.voyageCarousel .slide-info--text[data-description]{font-size:clamp(.6rem,2.6vw,.8rem)}}@media(prefers-reduced-motion:reduce){.voyageCarousel .slide,.voyageCarousel .slide__bg,.voyageCarousel .slide-info--text span{transition-duration:.01ms}}label{margin:0 0 7px;font-size:14px;font-weight:700}input{box-sizing:border-box;width:100%;min-height:46px;margin:0 0 19px;padding:10px 12px;border:1px solid var(--color-border);border-radius:5px;background:var(--color-background);color:var(--color-text);font:inherit;direction:ltr;text-align:left}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.loginButton:hover{background:var(--color-primary)}.loginSection{width:100%;margin:auto;padding:30px;padding-bottom:0!important;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);max-height:520px}.loginHeading h2,.courseSection h2{margin:0;font-size:30px}.loginHeading p:first-child{color:var(--color-muted);line-height:1.5;margin:0}.formMessage{min-height:20px;margin:12px 0 0;color:var(--color-warning);font-size:13px}.loginNote{margin:14px 0 0;padding-top:14px;border-top:1px solid var(--color-border);color:var(--color-muted);font-size:12px;line-height:1.6}.loginPageShell .siteHeader{position:fixed;inset:0 0 auto}.loginPage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;align-items:stretch;width:100%;max-width:none;min-height:calc(100vh - 64px);box-sizing:border-box;margin:0;padding:0;height:100vh}.loginArtwork{position:relative;display:flex;width:100%;min-height:calc(100vh - 64px);align-items:flex-end;overflow:hidden;padding:clamp(24px,4vw,52px);box-sizing:border-box;background-color:var(--color-surface);background-position:center;background-size:cover}.loginArtwork:before{position:absolute;inset:0;background:linear-gradient(180deg,#0000 20%,#000000c9);content:""}.loginArtworkCopy{position:relative;max-width:470px;color:#fff}.loginArtworkCopy p{margin:0 0 10px;color:#e8decc;font-weight:700}.loginArtworkCopy h1{margin:0 0 12px;font-size:clamp(30px,4vw,48px);line-height:1.15}.loginArtworkCopy span{display:block;color:#eee7dc;font-size:16px;line-height:1.7}.loginFormColumn{display:flex;justify-content:center;box-sizing:border-box;padding:20px 0 0}.loginFormColumn .loginSection{width:100%;max-width:460px;padding-bottom:clamp(24px,3vw,38px)!important;box-shadow:#00000020 0 10px 28px}@media(max-width:760px){.loginPage{grid-template-columns:1fr;gap:24px;min-height:auto;padding:64px 18px 40px}.loginArtwork{min-height:230px;order:1;border-radius:12px;margin-bottom:2vh}.loginFormColumn{justify-content:center;order:0;padding:0}}@media(max-width:420px){.loginPage{padding-inline:12px}.loginFormColumn .loginSection{padding:22px}}:root{color-scheme:dark;--color-background: #292522;--color-surface: #39332d;--color-surface-hover: #484037;--color-footer: #201d1b;--color-text: #e8decc;--color-muted: #a99a83;--color-primary: #c6a85c;--color-primary-transparent: color-mix(in srgb, var(--color-primary) 40%, transparent);--color-primaryBtn: #a58a54;--color-secondary: #788397;--color-accent: #b89b68;--color-accent-transparent: color-mix(in srgb, var(--color-accent) 40%, transparent);--color-navy: #8696bc;--color-cream: #d8c9ae;--color-sage: #87917d;--color-clay: #b47d70;--color-success: #899b7c;--color-warning: #c6a85c;--color-danger: #b47d70;--color-border: #51483d}[data-theme=light]{color-scheme:light;--color-background: #eae1d2;--color-surface: #f1ebdd;--color-surface-hover: #faecd8;--color-footer: #d3c7b5;--color-text: #39332d;--color-muted: #897d6d;--color-primary: #947744;--color-primary-transparent: color-mix(in srgb, var(--color-primary) 50%, transparent);--color-primaryBtn: #a58a54;--color-secondary: #535d70;--color-accent: #a58a54;--color-accent-transparent: color-mix(in srgb, var(--color-accent) 40%, transparent);--color-navy: #566072;--color-cream: #f1ebdd;--color-sage: #78846d;--color-clay: #a9786d;--color-success: #687d60;--color-warning: #a58a54;--color-danger: #a66d62;--color-border: #c8bba7}*,*:before,*:after{transition:background-color .18s ease,color .18s ease,border-color .18s ease}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms}}@font-face{font-family:GulfText;src:url(./GulfText-ClB8CodF.ttf) format("truetype");font-weight:400;font-style:normal}:root{-webkit-user-select:none;user-select:none}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}html,body{background-color:var(--color-background);color:var(--color-text);scrollbar-width:none}body{min-width:320px;margin:0;font-family:GulfText,sans-serif}button{border:none;border-radius:5px;cursor:pointer;place-items:center;display:grid;align-items:center;justify-content:center}header{top:0;display:flex;box-sizing:border-box;width:100%;min-height:60px;align-items:center;justify-content:space-between;padding:0 10px;border-radius:0}main{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));direction:ltr;gap:clamp(40px,8vw,120px);align-items:center;max-width:1240px;min-height:calc(100vh - 72px);box-sizing:border-box;padding:64px clamp(24px,7vw,96px) 72px;justify-content:center;margin:auto;margin-top:9rem}a{color:var(--color-navy)}@media(max-width:760px){header{min-height:64px;padding-inline:18px}.siteHeader{min-height:64px;padding-inline:18px}.brand span{max-width:150px;font-size:14px}.brand img{width:36px;height:36px}}@keyframes sidebarFadeIn{0%{opacity:0}to{opacity:1}}@keyframes sidebarSlideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.textLink{color:var(--color-text);text-decoration:none;display:inline-flex;gap:10px;margin-top:24px;font-weight:700}.textLink:hover{color:var(--color-navy)}.registerLinksSection{margin-top:1rem;display:flex;flex-direction:column;color:var(--color-navy)}.registerLinksSection u{cursor:pointer}html[lang=ar] input::placeholder{text-align:right}html[lang=en] input::placeholder{text-align:left}.ModalBackground{width:100%;height:100%;z-index:1000;display:flex;position:fixed;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;z-index:9999}.modalContent{width:322px;padding:10px;text-align:center;border-radius:8px;background-color:#212529;border:1px solid #00000061;box-shadow:0 4px 8px #0003}.buttonContainer{display:flex;margin-top:12px;justify-content:left}.AlKhwarizmiInput{width:100%;padding:8px;color:#fff;border-radius:4px;background:#343a40;border:1px solid #495057;margin:8px auto 20px}.AlKhwarizmiButton{border:none;color:#fff;padding:6px 10px;border-radius:4px}.bottomSection{gap:8px;display:flex;justify-content:left}