@font-face{font-family:'Tajawal';font-style:normal;font-weight:400;font-display:swap;src:url('index.php?static=tajawal-400.ttf') format('truetype')}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:500;font-display:swap;src:url('index.php?static=tajawal-500.ttf') format('truetype')}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:700;font-display:swap;src:url('index.php?static=tajawal-700.ttf') format('truetype')}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:800;font-display:swap;src:url('index.php?static=tajawal-800.ttf') format('truetype')}
:root{--navy:#102f46;--blue:#176b87;--teal:#24a6a1;--coral:#ef795b;--cream:#faf8f3;--ink:#173242;--muted:#6c7c85;--line:#e6ecec;--white:#fff;--shadow:0 20px 60px rgba(16,47,70,.11)}
html,body{overflow-x:hidden}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Tajawal',system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.7}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{height:82px;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(230,236,236,.75);position:sticky;top:0;z-index:50;backdrop-filter:blur(16px)}.nav-wrap{height:100%;display:flex;align-items:center;gap:32px}.brand{display:flex;flex-direction:column;align-items:center;gap:0;font-size:21px;font-weight:800;color:var(--navy);direction:ltr}.brand small{font-size:8px;letter-spacing:1.1px;display:block;color:var(--muted);font-weight:500}.brand-mark{display:grid;place-items:center;width:41px;height:41px;border-radius:13px;background:linear-gradient(145deg,var(--blue),var(--teal));color:white;font:800 23px/1 Georgia;box-shadow:0 8px 20px rgba(23,107,135,.24)}.brand-mark.large{width:64px;height:64px;border-radius:20px;font-size:34px;margin:auto}.main-nav{display:flex;align-items:center;gap:25px;margin-inline:auto}.main-nav a{font-size:15px;color:#506671;position:relative}.main-nav a:hover,.main-nav a.active{color:var(--navy)}.main-nav a.active:after{content:'';position:absolute;right:0;left:0;bottom:-28px;height:3px;border-radius:5px;background:var(--coral)}.main-nav .admin-link{color:var(--coral)}.nav-actions{display:flex;align-items:center;gap:10px}.welcome{font-size:13px;color:var(--muted)}.nav-toggle{display:none;background:none;border:0;font-size:24px}.btn{border:0;border-radius:12px;padding:10px 20px;font:700 14px 'Tajawal';cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--blue);color:white;box-shadow:0 9px 24px rgba(23,107,135,.2)}.btn-ghost{background:#f4f7f7;color:var(--ink)}.btn-light{background:#fff;color:var(--blue)}.btn-lg{padding:14px 25px;font-size:16px}.btn-block{width:100%}.hero{background:linear-gradient(125deg,#fbfaf7 0,#fff 57%,#f0f7f8 100%);overflow:hidden}.hero-grid{min-height:670px;display:grid;grid-template-columns:45% 55%;align-items:center;gap:10px}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-size:13px;font-weight:700;letter-spacing:.3px}.eyebrow i{width:8px;height:8px;background:var(--coral);border-radius:50%}.hero h1{font-size:clamp(45px,5vw,72px);line-height:1.13;margin:18px 0 22px;color:var(--navy);letter-spacing:-2px}.hero h1 em{font-style:normal;color:var(--coral)}.hero-copy>p{font-size:18px;color:var(--muted);max-width:520px}.hero-actions{display:flex;align-items:center;gap:28px;margin:32px 0}.play-link{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px}.play-link b{display:grid;place-items:center;width:38px;height:38px;background:white;border-radius:50%;box-shadow:0 6px 20px #dbe6e8;color:var(--coral);font-size:11px}.trust{display:flex;align-items:center;gap:13px;margin-top:38px}.avatars{display:flex;direction:ltr}.avatars i{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#cce5ea;border:3px solid white;color:var(--blue);font-style:normal;font-weight:700;margin-left:-9px}.trust span{display:flex;flex-direction:column}.trust small{color:var(--muted)}.hero-visual{position:relative;align-self:stretch;display:flex;align-items:center}.hero-visual:before{content:'';position:absolute;width:500px;height:500px;border-radius:50%;background:#dff0f1;left:50%;top:50%;transform:translate(-50%,-50%)}.hero-visual img{position:relative;width:100%;height:520px;object-fit:cover;object-position:left;border-radius:45% 12% 44% 16%;filter:saturate(.92);box-shadow:var(--shadow)}.float-card{position:absolute;background:rgba(255,255,255,.96);border:1px solid white;box-shadow:var(--shadow);border-radius:16px;padding:13px 17px;display:flex;align-items:center;gap:10px;z-index:3}.float-card.result{left:-5px;top:20%;flex-direction:column;align-items:flex-start}.float-card.result b{font-size:21px;color:var(--teal)}.float-card.result span{font-size:11px;color:var(--muted)}.float-card.lesson{right:5%;bottom:12%}.float-card.lesson i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#dff4ed;color:#15926d;font-style:normal}.float-card.lesson span{display:flex;flex-direction:column;font-size:12px}.float-card.lesson small{color:var(--muted)}.logos{border-block:1px solid var(--line);color:#92a0a8;text-align:center;word-spacing:36px;letter-spacing:3px;font-size:13px;padding:18px}.section{padding:95px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.section-heading h2,.method h2,.cta h2{font-size:38px;line-height:1.25;margin:9px 0;color:var(--navy)}.section-heading>a{color:var(--blue);font-weight:700}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.course-card{border:1px solid var(--line);border-radius:22px;background:white;overflow:hidden;transition:.25s}.course-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.course-cover{height:150px;background:color-mix(in srgb,var(--accent) 14%,#fff);position:relative;display:grid;place-items:center;overflow:hidden}.course-cover:after{content:'';position:absolute;width:140px;height:140px;border:25px solid color-mix(in srgb,var(--accent) 14%,transparent);border-radius:50%;left:-30px;top:-50px}.course-icon{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:var(--accent);color:white;font-size:20px;font-weight:800;box-shadow:0 10px 25px color-mix(in srgb,var(--accent) 25%,transparent)}.featured{position:absolute;top:13px;right:13px;padding:4px 10px;border-radius:20px;background:white;color:var(--accent);font-size:10px;font-weight:700}.course-body{padding:23px}.course-meta{display:flex;justify-content:space-between;color:var(--accent);font-size:11px}.course-body h3{font-size:20px;margin:10px 0 6px;color:var(--navy);direction:ltr;text-align:right}.course-body p{font-size:13px;color:var(--muted);min-height:52px;margin:0}.course-bottom{border-top:1px solid var(--line);margin-top:18px;padding-top:17px;display:flex;align-items:center;justify-content:space-between}.price{font-weight:800;color:var(--navy);font-size:19px;direction:rtl;unicode-bidi:isolate;display:flex;align-items:baseline;gap:8px;white-space:nowrap}.price .current-price{direction:rtl;unicode-bidi:isolate}.price del{font-size:11px;color:#9ba8ae;margin:0;font-weight:400;direction:rtl;unicode-bidi:isolate}.course-bottom>a{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#f1f6f7;color:var(--blue)}.method{background:var(--navy);color:white;padding:95px 0}.method-grid{display:grid;grid-template-columns:40% 60%;gap:70px}.method h2{color:white}.method p{color:#b8c6ce}.eyebrow.light{color:#6bd4cc}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps article{padding:25px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:18px}.steps b{color:var(--coral);font-size:13px}.steps h3{font-size:22px;margin:18px 0 6px}.steps p{font-size:13px}.cta{background:linear-gradient(135deg,var(--teal),var(--blue));border-radius:26px;margin-block:90px;padding:55px;text-align:center;color:white}.cta h2{color:white}.page-head{background:var(--cream);padding:75px 0 65px;text-align:center}.page-head h1{font-size:46px;margin:8px}.page-head p{color:var(--muted)}.filter-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;color:var(--muted)}.chips{display:flex;gap:7px}.chips button{border:0;border-radius:20px;background:#f3f6f6;padding:7px 15px;color:var(--muted)}.chips .active{background:var(--navy);color:white}.course-detail{background:var(--cream);padding:65px 0}.detail-grid{display:grid;grid-template-columns:1fr 360px;gap:80px;align-items:center}.back-link{font-size:13px;color:var(--muted);display:block;margin-bottom:35px}.level-pill,.status{display:inline-flex;padding:5px 11px;border-radius:20px;background:#e5f3f4;color:var(--blue);font-size:11px;font-weight:700}.course-detail h1{font-size:52px;line-height:1.15;direction:ltr;text-align:right;color:var(--navy);margin:15px 0}.lead{font-size:18px;color:var(--muted)}.detail-stats{display:flex;gap:30px;margin-top:30px}.detail-stats span{display:flex;flex-direction:column;color:var(--muted);font-size:12px}.detail-stats b{color:var(--ink);font-size:15px}.purchase-card{background:white;padding:32px;border-radius:24px;box-shadow:var(--shadow);text-align:center}.course-icon.huge{width:100%;height:145px;border-radius:18px;font-size:40px}.purchase-card h3{margin:20px 0 4px}.purchase-card .price{font-size:27px;margin-bottom:20px}.purchase-card>small{display:block;margin-top:12px;color:var(--muted)}.outcomes{display:grid;grid-template-columns:1fr 1fr;gap:14px}.outcomes div{background:#f5f8f8;padding:17px;border-radius:12px}.auth-section{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1fr 1fr}.auth-copy{background:var(--navy);color:white;padding:10vw 9vw}.auth-copy h1{font-size:45px;line-height:1.3}.auth-copy p{color:#becbd2}.mini-testimonial{border-right:3px solid var(--coral);padding:15px 20px;margin-top:50px;background:rgba(255,255,255,.05)}.form-card{align-self:center;width:min(430px,calc(100% - 40px));margin:auto;padding:40px;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.form-card h2{margin-top:0}.form-card label{display:block;font-size:13px;font-weight:700;margin:15px 0}.form-card label.remember-row{display:flex;align-items:center;justify-content:flex-start;gap:8px;font-weight:600;color:var(--muted);cursor:pointer;margin:12px 0}.form-card label.remember-row input{width:16px;height:16px;margin:0;accent-color:var(--blue)}.form-card input,.admin-form input,.admin-form textarea,.admin-form select{display:block;width:100%;padding:12px 14px;border:1px solid #d9e2e4;border-radius:10px;margin-top:7px;font:inherit;background:white}.form-card input:focus,.admin-form input:focus,.admin-form textarea:focus{outline:3px solid #d9eef1;border-color:var(--blue)}.form-switch{text-align:center;font-size:13px;color:var(--muted)}.form-switch a{color:var(--blue);font-weight:700}.alert{margin-top:18px;padding:12px 18px;border-radius:12px;background:#e4f5ee;color:#147650;transition:.5s}.alert.error{background:#fff0ed;color:#b44630}.alert.fade{opacity:0;transform:translateY(-8px)}.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:white;padding:30px;border-radius:20px;margin-bottom:28px}.dashboard-welcome h2{margin:0}.library-card{grid-column:span 1;border:1px solid var(--line);border-radius:20px;padding:24px;display:flex;gap:20px}.library-card .course-icon{flex:0 0 64px}.library-card h3{direction:ltr;text-align:right;margin:9px 0}.library-card p{color:var(--muted);font-size:13px}.status.pending{background:#fff3db;color:#94600b}.status.paid{background:#e1f5eb;color:#147650}.progress{height:6px;background:#edf1f2;border-radius:10px;margin:12px 0}.progress i{display:block;height:100%;background:var(--accent)}.empty-state{grid-column:1/-1;text-align:center;padding:70px;border:2px dashed var(--line);border-radius:20px}.maintenance{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,#e6f3f4,#faf8f3 48%,#fff)}.maintenance-card{text-align:center;width:min(570px,calc(100% - 30px));padding:60px;background:rgba(255,255,255,.9);border-radius:28px;box-shadow:var(--shadow)}.maintenance-card h1{font-size:42px;color:var(--navy);margin:16px}.maintenance-card p{color:var(--muted)}.maintenance-progress{height:7px;background:#edf2f2;border-radius:10px;margin:35px}.maintenance-progress i{display:block;width:68%;height:100%;border-radius:10px;background:linear-gradient(90deg,var(--blue),var(--teal))}.maintenance-card small a{color:var(--blue)}footer{background:#f7f7f4;padding:55px 0 20px;color:var(--muted)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer-grid h4{color:var(--navy)}.footer-grid a{display:block;margin:8px 0}.footer-brand{justify-content:flex-end}.copyright{border-top:1px solid #e2e6e4;margin-top:35px;padding-top:18px;font-size:11px}
@media(max-width:900px){.main-nav{display:none;position:absolute;top:82px;right:20px;left:20px;background:white;padding:20px;box-shadow:var(--shadow);border-radius:15px;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav a.active:after{display:none}.nav-toggle{display:block;margin-inline-start:auto}.nav-actions{display:none}.hero-grid{grid-template-columns:1fr;min-height:auto;padding-block:70px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.trust{justify-content:center}.hero-visual{margin-top:20px}.hero-visual img{height:430px}.float-card.result{left:1%}.course-grid{grid-template-columns:repeat(2,1fr)}.method-grid{grid-template-columns:1fr;gap:35px}.detail-grid{grid-template-columns:1fr}.auth-copy{padding:60px 35px}.section{padding:70px 0}}
@media(max-width:620px){.container{width:min(100% - 28px,1160px)}.site-header{height:70px}.main-nav{top:70px}.hero-grid{padding-top:45px}.hero h1{font-size:43px}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column}.hero-visual img{height:335px;border-radius:28px}.float-card.result{top:8%}.float-card.lesson{bottom:5%;right:0}.course-grid,.steps,.footer-grid,.outcomes{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.section-heading h2,.method h2,.cta h2{font-size:30px}.method-grid{display:block}.steps{margin-top:35px}.cta{margin-block:45px;padding:35px 20px}.detail-stats{flex-wrap:wrap}.course-detail h1{font-size:39px}.auth-section{grid-template-columns:1fr}.auth-copy{display:none}.form-card{margin-block:45px;padding:28px}.dashboard-welcome{align-items:flex-start;gap:18px;flex-direction:column}.library-card{flex-direction:column}.filter-row{align-items:flex-start;gap:15px;flex-direction:column}.page-head h1{font-size:37px}.maintenance-card{padding:40px 24px}.maintenance-card h1{font-size:34px}.logos{word-spacing:8px;font-size:10px}.footer-brand{justify-content:flex-end}}
.learning-shell{display:grid;grid-template-columns:330px 1fr;min-height:calc(100vh - 82px);background:#f6f8f8}.lesson-sidebar{background:white;border-left:1px solid var(--line);padding:35px 25px}.lesson-sidebar>.back-link{margin-bottom:35px}.lesson-sidebar>small{color:var(--muted)}.lesson-sidebar>h2{font-size:20px;direction:ltr;text-align:right;margin:4px 0 28px}.lesson-nav h3{font-size:12px;color:#8a999f;margin:25px 8px 8px}.lesson-nav>a{display:flex;align-items:center;gap:10px;padding:11px;border-radius:10px;margin:3px 0;font-size:13px}.lesson-nav>a.active{background:#eaf3f4;color:var(--blue)}.lesson-nav>a.locked{color:#a8b2b6;cursor:not-allowed}.lesson-nav>a>i{width:29px;height:29px;border-radius:8px;background:#f0f4f4;display:grid;place-items:center;font-style:normal;font-size:10px}.lesson-nav>a>span{flex:1}.lesson-nav>a>span small{display:block;color:var(--teal);font-size:9px}.lesson-nav>a>b{font-size:11px}.lesson-content{padding:55px max(35px,calc((100vw - 330px - 920px)/2));max-width:1250px;width:100%}.lesson-heading h1{font-size:35px;color:var(--navy);margin:8px 0 25px}.video-frame{aspect-ratio:16/9;background:#0a1820;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.video-frame iframe{width:100%;height:100%;border:0}.media-placeholder{height:100%;display:grid;place-items:center;color:#9ba9af;padding:30px;text-align:center}.protected-note{font-size:11px;color:var(--muted);text-align:center}.lesson-text{background:white;border:1px solid var(--line);border-radius:16px;padding:28px;margin-top:25px;line-height:2}.zoom-card{background:white;border:1px solid var(--line);border-radius:18px;padding:28px;display:flex;align-items:center;gap:20px}.zoom-card>i{width:65px;height:65px;background:#e6f3f4;color:var(--blue);border-radius:18px;display:grid;place-items:center;font-size:25px;font-style:normal}.zoom-card>div{flex:1}.zoom-card h2{margin:2px 0}.zoom-card p{color:var(--muted);margin:2px 0}.downloads{margin-top:35px}.downloads>div{display:grid;gap:10px}.downloads article{background:white;border:1px solid var(--line);border-radius:13px;padding:12px;display:flex;align-items:center;gap:13px}.downloads article>i{width:52px;height:52px;background:#fff0ed;color:var(--coral);border-radius:10px;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:800}.downloads article>span{flex:1}.downloads article>span b,.downloads article>span small{display:block}.downloads article>span small{color:var(--muted)}.asset-preview{width:70px;height:52px;border-radius:9px;overflow:hidden}.asset-preview img{width:100%;height:100%;object-fit:cover}@media(max-width:850px){.learning-shell{grid-template-columns:1fr}.lesson-sidebar{border-left:0;border-bottom:1px solid var(--line)}.lesson-content{padding:35px 20px}.zoom-card{align-items:flex-start;flex-wrap:wrap}.zoom-card>div{min-width:60%}}@media(max-width:520px){.downloads article{align-items:flex-start;flex-wrap:wrap}.downloads article>span{min-width:50%}.downloads article>.btn{width:100%}.lesson-heading h1{font-size:28px}}
.course-detail+.container.section{display:none}.course-presentation{display:grid;grid-template-columns:1fr 1fr;gap:65px}.presentation-column h2{font-size:34px;color:var(--navy);margin:8px 0 24px}.presentation-list{display:grid;gap:11px}.presentation-list article{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--line);background:white;border-radius:13px}.presentation-list article>b{flex:0 0 38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#e8f3f4;color:var(--blue);font-size:12px}.outcomes-column{background:var(--navy);border-radius:22px;padding:35px}.outcomes-column h2{color:white}.outcomes-column .eyebrow{color:#70d3ca}.outcomes-column .presentation-list article{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.1);color:white}.outcomes-column .presentation-list article>b{background:rgba(36,166,161,.18);color:#70d3ca}@media(max-width:760px){.course-presentation{grid-template-columns:1fr;gap:30px}.outcomes-column{padding:25px}.presentation-column h2{font-size:28px}}
.library-open{margin-top:15px}.course-card .price{color:var(--accent)}
.delivery-badge{display:inline-flex;align-items:center;width:max-content;padding:5px 10px;border-radius:20px;font-size:10px;font-weight:800}.course-cover>.delivery-badge{position:absolute;bottom:12px;right:12px;z-index:2;background:white;color:var(--accent);box-shadow:0 5px 15px rgba(16,47,70,.1)}.delivery-badge.live{background:#fff0eb;color:#cb5e43}.delivery-badge.hybrid{background:#eeeafb;color:#6254a8}.delivery-badge.recorded{background:#e5f3f4;color:#176b87}.course-cover>.delivery-badge.live,.course-cover>.delivery-badge.hybrid,.course-cover>.delivery-badge.recorded{background:white}.library-delivery{margin-top:9px}.library-card .status+.delivery-badge{margin-inline-start:6px}
.live-course-banner{background:linear-gradient(135deg,#102f46,#176b87);color:white;border-radius:22px;padding:28px;margin-bottom:35px;box-shadow:0 18px 45px rgba(16,47,70,.2);position:relative;overflow:hidden}.live-course-banner:after{content:'';position:absolute;width:190px;height:190px;border:35px solid rgba(255,255,255,.05);border-radius:50%;left:-70px;top:-90px}.live-pulse{display:flex;align-items:center;gap:8px;color:#82ded5;font-size:11px;font-weight:800}.live-pulse i{width:9px;height:9px;border-radius:50%;background:#ef795b;box-shadow:0 0 0 6px rgba(239,121,91,.15);animation:livePulse 1.8s infinite}.live-banner-main{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:18px 0}.live-banner-main small{color:#b9d0da}.live-banner-main h2{font-size:30px;margin:2px 0}.live-banner-main p{color:#c7d7de;margin:0}.zoom-join{background:#ef795b;color:white;padding:15px 23px;position:relative;z-index:2;white-space:nowrap}.zoom-locked{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);padding:12px 17px;border-radius:12px;font-size:12px}.live-schedule{border-top:1px solid rgba(255,255,255,.15);padding-top:17px;display:flex;gap:20px}.live-schedule>strong{font-size:12px;color:#82ded5;white-space:nowrap}.live-schedule>div{display:flex;flex-wrap:wrap;gap:9px}.live-schedule span{background:rgba(255,255,255,.09);padding:5px 10px;border-radius:8px;font-size:11px}.live-files-note{margin-top:16px;font-size:11px;color:#b9d0da}@keyframes livePulse{50%{box-shadow:0 0 0 11px rgba(239,121,91,0)}}@media(max-width:650px){.live-course-banner{padding:22px}.live-banner-main{align-items:flex-start;flex-direction:column}.zoom-join{width:100%}.live-schedule{flex-direction:column;gap:8px}.live-banner-main h2{font-size:25px}}
.coupon-field{display:block;text-align:right;margin:15px 0}.coupon-field>span,.coupon-field>small{display:block;font-size:10px;color:var(--muted)}.coupon-field input{width:100%;border:1px dashed #b9c8cd;border-radius:10px;padding:11px;margin:5px 0;text-transform:uppercase;font:700 13px 'Tajawal';letter-spacing:1px}.coupon-field input:focus{outline:3px solid #dceff1;border-color:var(--blue)}
.followup-library-button{display:inline-flex;margin-top:12px}
.footer-socials{display:flex;gap:8px;margin-top:15px;flex-wrap:wrap}.footer-socials a{margin:0;width:38px;height:38px;border-radius:11px;background:white;border:1px solid #e1e7e5;display:grid;place-items:center;color:var(--navy);transition:.2s}.footer-socials a:hover{background:var(--blue);color:white;transform:translateY(-2px)}.footer-socials i{font-style:normal;font-weight:800;font-size:14px}
.mobile-logout{display:none}.page-head{padding:42px 0 34px}.page-head h1{font-size:40px;margin:4px}.page-head+.section{padding-top:48px}.account-section{padding:48px 0 80px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.account-card{width:100%;margin:0}.certificate-note{background:#fff5e8;border-right:4px solid #ef795b;padding:13px;border-radius:10px;color:#765433}.certificate-note b,.certificate-note p{display:block;margin:0}.certificate-note p{font-size:11px;margin-top:4px}.name-lock{background:#f0f3f4;color:#667980;padding:10px;border-radius:9px;font-size:11px}.account-logout{margin-top:12px;color:#b34b39}@media(max-width:900px){.main-nav .mobile-logout{display:block;color:#b34b39}.account-grid{grid-template-columns:1fr}}@media(max-width:620px){.page-head{padding:30px 0 25px}.page-head h1{font-size:32px}.account-section{padding-top:30px}}
.absence-summary{margin-top:12px;background:#eef7f5;color:#247663;padding:10px;border-radius:10px}.absence-summary b,.absence-summary small{display:block}.absence-summary small{font-size:10px}.absence-summary.danger{background:#fff0ed;color:#ad4936}.certificate-button{margin-top:8px;background:#ef795b;color:white}
.form-card select{display:block;width:100%;padding:12px 14px;border:1px solid #d9e2e4;border-radius:10px;margin-top:7px;font:inherit;background:white}.form-card label small{color:var(--muted);font-weight:400}.profile-extra-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.profile-extra-fields label{margin-top:0}@media(max-width:520px){.profile-extra-fields{grid-template-columns:1fr}}
.gender-choice{border:0;padding:0;margin:15px 0}.gender-choice legend{font-size:13px;font-weight:700;margin-bottom:7px}.gender-choice legend small{color:var(--muted);font-weight:400}.gender-choice>label{display:inline-flex!important;align-items:center;gap:8px;margin:0 0 0 8px!important;padding:11px 18px;border:1px solid #d9e2e4;border-radius:11px;cursor:pointer;background:#fff}.gender-choice input{width:auto!important;margin:0!important;accent-color:var(--blue)}.gender-choice>label:has(input:checked){border-color:var(--blue);background:#eaf4f6;color:var(--blue)}
.account-ajax-toast{position:fixed;left:25px;bottom:25px;z-index:9999;max-width:min(420px,calc(100% - 30px));padding:13px 18px;border-radius:12px;color:white;box-shadow:0 15px 45px #102f4640;opacity:0;transform:translateY(15px);transition:.25s}.account-ajax-toast.show{opacity:1;transform:none}.account-ajax-toast.success{background:#15805a}.account-ajax-toast.error{background:#b64b39}
/* Floating student-to-admin messaging */
.message-widget{position:fixed;left:24px;bottom:24px;z-index:150;font-family:inherit}.message-launcher{width:58px;height:58px;border:0;border-radius:50%;background:linear-gradient(135deg,#176b87,#24a6a1);color:#fff;box-shadow:0 12px 30px rgba(16,47,70,.3);font-size:24px;cursor:pointer;display:grid;place-items:center;position:relative}.message-launcher:hover{transform:translateY(-2px)}.message-badge{position:absolute;right:-4px;top:-5px;min-width:22px;height:22px;padding:0 5px;border-radius:20px;background:#e45454;color:#fff;border:2px solid #fff;font-size:11px;display:grid;place-items:center}.message-badge[hidden]{display:none}.message-panel{position:absolute;left:0;bottom:72px;width:min(370px,calc(100vw - 28px));height:min(540px,calc(100vh - 125px));background:#fff;border:1px solid #dfe9e9;border-radius:20px;box-shadow:0 22px 55px rgba(16,47,70,.24);overflow:hidden}.message-panel:not([hidden]){display:grid;grid-template-rows:auto 1fr auto auto}.message-panel header{padding:16px 18px;background:linear-gradient(135deg,#123f58,#176b87);color:#fff;display:flex;justify-content:space-between;align-items:center}.message-panel header div{display:flex;flex-direction:column}.message-panel header small{opacity:.75;font-size:11px;margin-top:2px}.message-close{border:0;background:rgba(255,255,255,.14);color:#fff;border-radius:50%;width:30px;height:30px;font-size:20px;cursor:pointer}.message-list{overflow-y:auto;padding:16px;background:#f5f8f8;display:flex;flex-direction:column;gap:10px}.message-welcome{text-align:center;color:#788c94;font-size:12px;line-height:1.8;padding:8px}.message-bubble{max-width:82%;padding:10px 12px;border-radius:15px}.message-bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.65}.message-bubble small{display:block;font-size:9px;opacity:.65;margin-top:4px}.message-bubble.mine{align-self:flex-start;background:#176b87;color:#fff;border-bottom-left-radius:4px}.message-bubble.theirs{align-self:flex-end;background:#fff;color:#173242;border:1px solid #e2e9e9;border-bottom-right-radius:4px}.message-panel form{padding:11px;background:#fff;border-top:1px solid #e8eeee;display:flex;gap:8px;align-items:flex-end}.message-panel textarea{flex:1;resize:none;min-height:43px;max-height:100px;border:1px solid #dbe5e6;border-radius:12px;padding:10px;font:inherit}.message-panel form button{width:43px;height:43px;border:0;border-radius:12px;background:#24a6a1;color:#fff;cursor:pointer}.message-panel form button:disabled{opacity:.55}.message-error{margin:0;padding:8px 12px;background:#fff0ed;color:#a13f32;font-size:11px;text-align:center}.message-error[hidden]{display:none}@media(max-width:600px){.message-widget{left:14px;bottom:14px}.message-panel{position:fixed;left:10px;right:10px;bottom:82px;width:auto;height:min(520px,calc(100vh - 105px))}.message-launcher{width:54px;height:54px}}
.checkout-section{padding:60px 0 90px;background:#f5f8f8}.checkout-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:35px;align-items:start}.checkout-summary{padding:25px}.checkout-summary h1{font-size:42px;color:#102f46;margin:8px 0}.checkout-summary>p{color:#72858d;line-height:1.9}.checkout-total{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e1e9e9;border-radius:14px;padding:18px;margin:25px 0}.checkout-total b{font-size:26px;color:#176b87}.checkout-summary ul{list-style:none;padding:0;color:#547079;line-height:2}.checkout-form{width:100%;margin:0}.payment-brand{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8eded;padding-bottom:14px}.payment-brand>b{color:#176b87;font-size:22px}.checkout-form>small{display:block;text-align:center;color:#7d8e95;margin-top:12px}.payment-result{min-height:60vh;display:grid;place-items:center;padding:50px 15px;background:#f5f8f8}.result-card{background:#fff;border:1px solid #e2eaea;border-radius:20px;padding:45px;text-align:center;max-width:650px;box-shadow:0 20px 55px #102f4615}.result-card>i{width:75px;height:75px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:#dff4e9;color:#147650;font-style:normal;font-size:38px}.result-card.warning>i{background:#fff0d8;color:#96600a}.result-card h1{font-size:28px;color:#102f46}.result-card p{color:#71848c}@media(max-width:800px){.checkout-grid{grid-template-columns:1fr}.checkout-summary h1{font-size:34px}}

body.modal-open{overflow:hidden}.enrollment-modal{position:fixed!important;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.enrollment-modal[hidden]{display:none}.enrollment-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}.enrollment-modal-card{position:relative;z-index:1;width:min(460px,100%);margin:auto;background:#fff;border-radius:22px;padding:32px;box-shadow:0 25px 80px rgba(0,0,0,.38);text-align:center}.enrollment-modal-card h2{margin:0 0 10px;color:var(--navy);font-size:24px}.enrollment-modal-card p{margin:0;color:var(--muted);line-height:1.8}.enrollment-modal-actions{display:flex;gap:10px;margin-top:24px}.enrollment-modal-actions .btn{flex:1}.provider-button:disabled{cursor:not-allowed;opacity:.68;filter:saturate(.72)}.tabby-unavailable-message{display:block;width:100%;box-sizing:border-box;margin:-2px 0 4px;padding:10px 12px;border:1px solid #f5b8b3;border-radius:10px;background:#fff1f0;color:#b42318;font-size:13px;font-weight:700;line-height:1.6;text-align:center}
.main-nav .mobile-auth{display:none}
@media(max-width:900px){.main-nav .mobile-auth{display:block}}

.course-audience,.course-requirements{padding-top:0}.audience-card{position:relative;overflow:hidden;border:1px solid #cfe8e7;border-right:5px solid var(--teal);background:linear-gradient(135deg,#f4fbfa,#fff);border-radius:20px;padding:26px 30px;box-shadow:0 12px 30px rgba(23,107,135,.08)}.audience-card:before{content:'؟';position:absolute;left:24px;top:8px;color:rgba(23,107,135,.1);font-size:86px;font-weight:900;line-height:1}.audience-card h2{position:relative;margin:4px 0 8px;color:var(--navy);font-size:25px}.audience-card p{position:relative;margin:0;color:var(--ink);line-height:2;white-space:normal}.audience-card a{color:var(--blue);text-decoration:underline;overflow-wrap:anywhere}.requirements-card{border:1px solid #f0d9bc;border-right:4px solid var(--coral);background:#fff9f1;border-radius:18px;padding:22px 25px}.requirements-card h2{margin:4px 0 8px;color:var(--navy);font-size:24px}.requirements-card p{margin:0;color:var(--ink);line-height:2;white-space:normal}.requirements-card a{color:var(--blue);text-decoration:underline;overflow-wrap:anywhere}
.library-card[data-course-url]{cursor:pointer}.library-card[data-course-url]:focus-visible{outline:3px solid rgba(23,107,135,.35);outline-offset:3px}
.course-card{cursor:pointer}.course-card:focus-visible{outline:3px solid rgba(23,107,135,.35);outline-offset:3px}
.live-course-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;position:relative;z-index:2}.live-course-actions .absence-summary{margin:0;background:rgba(255,255,255,.12);color:#fff}.live-course-actions .absence-summary small{color:#c7d7de}.live-course-actions .absence-summary.danger{background:rgba(239,121,91,.2);color:#ffd8cf}
.live-course-actions .btn,.live-course-actions .absence-summary{min-height:44px;display:inline-flex;align-items:center;box-sizing:border-box}
.live-course-actions .absence-summary small{margin-top:4px}
.live-course-actions .absence-summary b,.live-course-actions .absence-summary small{display:inline}.live-course-actions .absence-summary small{margin-top:0;margin-right:10px}
.library-card>div:last-child{flex:1;min-width:0}.library-card .library-open{display:flex;width:100%;margin-top:12px;box-sizing:border-box}
.library-card>div:last-child{display:flex;flex-direction:column}.library-card .library-open{margin-top:auto}
.library-card>div:last-child .status,.library-card>div:last-child .delivery-badge{align-self:flex-start}
.library-card h3{min-height:3.2em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.library-card p{min-height:3.8em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}

/* Official wordmark used in the site header and footer */
.brand .site-wordmark{display:block;width:174px;height:auto;max-height:48px;object-fit:contain;margin:0 auto}
.brand .brand-tagline{text-align:center;font-size:8px;letter-spacing:1.1px;display:block;color:var(--muted);font-weight:500;white-space:nowrap}
.footer-brand{flex-direction:row}
.footer-brand .site-wordmark{width:190px;max-height:64px;margin:0}
@media(max-width:620px){.brand .site-wordmark{width:145px}.footer-brand .site-wordmark{width:170px}}

.brand-lockup{display:flex;flex-direction:row;align-items:center;gap:4px;direction:ltr}
.brand .site-symbol{display:block;width:49px;height:49px;padding:6px;object-fit:contain;flex:0 0 auto;background:#eef7f7;border:1px solid #d9ecee;border-radius:13px;box-shadow:0 5px 14px rgba(23,107,135,.12)}
.brand-wordmark{display:flex;flex-direction:column;align-items:center}
.footer-brand .brand-lockup{gap:4px}
.footer-brand .site-symbol{width:50px;height:50px}
@media(max-width:620px){.brand .site-symbol{width:42px;height:42px}.footer-brand .site-symbol{width:43px;height:43px}.brand-lockup{gap:4px}}
/* Tighter header lockup spacing */
.site-header .brand-lockup{gap:0}
.site-header .site-symbol{margin-right:-4px}
@media(max-width:620px){.site-header .site-symbol{margin-right:-3px}}
.site-header .brand{margin-inline-start:auto;margin-inline-end:-20px;align-items:flex-end;text-align:right}
.site-header .brand-lockup{align-self:flex-end}
.footer-brand{align-items:flex-end;text-align:right}
.footer-brand .brand-lockup{margin-inline-start:auto;margin-inline-end:-20px}
@media(max-width:620px){.site-header .brand{margin-inline-end:0}.footer-brand .brand-lockup{margin-inline-end:0}}
.maintenance-symbol{width:84px;height:84px;object-fit:contain;margin:0 auto 6px;border-radius:20px;box-shadow:0 8px 20px rgba(23,107,135,.16)}
@media(min-width:621px){
  .site-header .nav-wrap{position:relative}
  .site-header .brand{position:absolute;right:-20px;margin-inline-end:0}
  .site-header .main-nav{position:absolute;left:50%;transform:translateX(-50%);margin:0}
  .site-header .nav-actions{margin-inline-start:auto}
}

.lesson-video{display:block;width:min(100%,860px);max-height:520px;margin:0 auto 14px;border-radius:14px;background:#102f46;box-shadow:0 14px 35px rgba(16,47,70,.16)}
.downloads article:has(.lesson-video){display:grid;grid-template-columns:1fr;gap:10px}
.downloads article:has(.lesson-video)>span{display:flex;justify-content:space-between;align-items:center}
.lesson-video:fullscreen{width:100vw;height:100vh;max-height:none;object-fit:contain;border-radius:0;background:#000}
.lesson-video:-webkit-full-screen{width:100vw;height:100vh;max-height:none;object-fit:contain;border-radius:0;background:#000}
.hero .trust{display:none}
.course-bottom{position:relative}.seats-badge{position:absolute;top:12px;right:12px;z-index:2;white-space:nowrap;padding:5px 9px;border-radius:20px;background:#fff5e8;color:#b96720;box-shadow:0 5px 15px rgba(16,47,70,.1);font-size:10px;font-weight:800}.seats-badge.full{background:#fff0ed;color:#b44630}
.course-card{position:relative}.course-cover{position:relative}.course-card-stamp{position:absolute;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;min-width:0;width:max-content;max-width:calc(100% - 24px);padding:12px 24px;font-size:16px;transform:translate(-50%,-50%) rotate(-10deg)}
.purchase-card{position:relative}.course-seats-badge{margin:14px auto 0;width:max-content;max-width:100%;padding:6px 12px;border-radius:20px;background:#fff5e8;color:#b96720;font-size:11px;font-weight:800}.course-seats-badge.full{display:none}.purchase-card button.is-disabled{opacity:.65;cursor:not-allowed;transform:none}.course-full-stamp{position:absolute;top:50%;left:50%;z-index:3;min-width:240px;padding:16px 58px;border:3px solid #b44630;border-radius:12px;background:rgba(255,240,237,.86);color:#b44630;font-size:22px;font-weight:900;letter-spacing:.3px;text-align:center;white-space:nowrap;transform:translate(-50%,-50%) rotate(-10deg);box-shadow:0 12px 30px rgba(180,70,48,.2);pointer-events:none}
.bank-transfer-logo{color:#176b87;background:#e5f3f4;border-radius:7px;padding:7px 9px;letter-spacing:-.5px}.bank-transfer-details{grid-column:1/-1;display:grid;gap:12px;margin:2px 0 2px;padding:16px;border:1px solid #d8e8ea;border-radius:16px;background:linear-gradient(145deg,#f8fcfc,#eef7f7);text-align:right}.bank-transfer-details-heading{display:flex;align-items:center;gap:10px}.bank-transfer-details-heading strong{display:block;color:var(--navy);font-size:15px}.bank-transfer-details-heading small{display:block;margin-top:3px;color:var(--muted);font-size:11px;line-height:1.6}.bank-transfer-details-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#176b87;color:#fff;font-weight:900}.bank-transfer-details img{display:block;width:min(100%,300px);height:auto;margin:0 auto;border-radius:12px;background:#fff;box-shadow:0 8px 20px rgba(16,47,70,.1)}.bank-transfer-details p{margin:0!important;color:#176b87!important;font-size:12px;line-height:1.7}

.subscription-consent{grid-column:1/-1;margin:0!important;text-align:center;font-size:12px!important;color:var(--muted)!important;line-height:1.8}.subscription-consent a{color:var(--blue);font-weight:800;text-decoration:underline;text-underline-offset:3px}.policy-card{max-width:820px;margin:0 auto;padding:34px 38px;border:1px solid var(--line);border-top:4px solid var(--teal);border-radius:22px;background:linear-gradient(135deg,#fff 0%,#f7fbfb 100%);box-shadow:var(--shadow)}.policy-card h2{margin-top:0;color:var(--navy);font-size:26px}.policy-card p{color:var(--muted);line-height:2;margin:14px 0}.policy-card p:last-child{margin-bottom:0}@media(max-width:620px){.policy-card{padding:25px 20px}.policy-card h2{font-size:22px}}

.policy-date{display:block;color:var(--muted);font-size:12px;margin-top:8px}
.policy-list{margin:26px 0 0;padding:0 28px 0 0;counter-reset:policy;list-style:none}.policy-list li{position:relative;margin:0;padding:0 18px 22px;border-right:2px solid #d9eeee}.policy-list li:last-child{padding-bottom:0;border-right-color:transparent}.policy-list li:before{content:counter(policy);counter-increment:policy;position:absolute;right:-17px;top:-2px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:white;font-weight:800;font-size:13px;box-shadow:0 5px 14px rgba(23,107,135,.2)}.policy-list h3{margin:0 0 5px;color:var(--navy);font-size:17px}.policy-list p{margin:0;color:var(--muted);line-height:2}

.video-player{position:relative}
.video-player>.lesson-video{display:block;width:100%;max-width:none;height:auto;margin:0;border-radius:0;background:#102f46;box-shadow:none}
.video-frame.video-player>.lesson-video{height:100%;object-fit:contain}
.video-message{position:absolute;right:16px;bottom:72px;left:16px;z-index:4;padding:11px 14px;border:1px solid rgba(255,145,125,.7);border-radius:10px;background:rgba(70,16,12,.9);color:#fff3ef;text-align:center;font-size:12px;line-height:1.7}
.video-player.has-video-error>.video-toolbar{background:linear-gradient(transparent,rgba(8,24,32,.98))}
.video-toolbar{position:absolute;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;gap:9px;padding:28px 14px 11px;background:linear-gradient(transparent,rgba(8,24,32,.92));color:#fff;direction:ltr}
.video-control{border:0;border-radius:8px;background:rgba(255,255,255,.16);color:#fff;padding:7px 10px;font:700 11px 'Tajawal';cursor:pointer;white-space:nowrap}
.video-control:hover{background:rgba(255,255,255,.28)}
.video-time{font:600 11px/1 Arial,sans-serif;white-space:nowrap;direction:ltr}
.video-progress{flex:1;min-width:80px;accent-color:#ef795b;cursor:pointer}
.video-volume{width:75px;accent-color:#6bd3ca;cursor:pointer}
.video-player:fullscreen,.video-player:-webkit-full-screen{width:100vw;height:100vh;background:#000;border-radius:0}
.video-player:fullscreen>.lesson-video,.video-player:-webkit-full-screen>.lesson-video{width:100%;height:100%;max-height:none;object-fit:contain}
.downloads article:has(.video-player){display:grid;grid-template-columns:1fr;gap:10px}
.downloads article .video-player{width:100%;border-radius:12px;overflow:hidden;background:#102f46}
@media(max-width:520px){.video-toolbar{gap:6px;padding:25px 8px 8px}.video-control{padding:6px 7px;font-size:10px}.video-volume{width:52px}.video-time{font-size:10px}}

body.video-fullscreen-open{overflow:hidden}
.video-player.is-fullscreen{position:fixed;inset:0;z-index:99999;width:100vw;height:100vh;max-width:none;background:#000;border-radius:0}
.video-player.is-fullscreen>.lesson-video{width:100%;height:100%;max-height:none;object-fit:contain;border-radius:0}