@import"https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap";@font-face{font-family:Latin Digits;src:local("Inter"),local("Segoe UI"),local("Arial");font-weight:100 900;font-display:swap;unicode-range:U+0030-0039,U+0025,U+002B,U+002C,U+002D,U+002E}@font-face{font-family:GE Dinar One;src:url(/assets/GE-Dinar-One-Light-BGLNabww.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:GE Dinar One;src:url(/assets/ge-dinar-one-regular-AQa8ulSQ.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:GE Dinar One;src:url(/assets/GE-Dinar-One-Medium-BwwfZSHW.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:GE Dinar One;src:url(/assets/ge-dinarone-bold_8-CuoF4ckk.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box;font-family:inherit;font-synthesis:weight style;-webkit-font-smoothing:antialiased}.loader{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#008ec3;border-radius:50%;animation:spin 1s linear infinite}.loader-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#f8fafc,#fff);gap:16px}.loader-text{color:#6b7280;font-size:14px;font-weight:500}:root{font-family:Latin Digits,GE Dinar One,sans-serif;line-height:1.5;font-weight:400;font-synthesis:weight;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{font-family:Latin Digits,GE Dinar One,sans-serif}body{margin:0;min-width:320px;min-height:100vh;background-color:#f7f7f9;color:#111827}input,button,textarea,select{font-family:Latin Digits,GE Dinar One,sans-serif}#root{width:100%;min-height:100vh}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.search-overlay-backdrop{position:fixed;inset:0;background:#00000073;z-index:9998;animation:searchFadeIn .2s ease}.search-overlay-sheet{position:fixed;top:0;left:0;right:0;max-height:80vh;background:#fff;z-index:9999;display:flex;flex-direction:column;border-radius:0 0 16px 16px;box-shadow:0 8px 32px #00000026;animation:searchSlideDown .25s ease}@keyframes searchSlideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes searchFadeIn{0%{opacity:0}to{opacity:1}}.search-overlay-header{display:flex;align-items:center;gap:12px;padding:16px 24px;border-bottom:1px solid #e5e7eb}.search-overlay-input-wrapper{flex:1;display:flex;align-items:center;gap:10px;background:#f3f4f6;border-radius:12px;padding:0 14px;height:48px;transition:box-shadow .2s}.search-overlay-input-wrapper:focus-within{box-shadow:0 0 0 2px #008ec34d;background:#fff}.search-overlay-icon{color:#9ca3af;font-size:16px;flex-shrink:0}.search-overlay-input{flex:1;border:none;background:transparent;font-size:16px;outline:none;color:#1f2937;min-width:0}.search-overlay-input::placeholder{color:#9ca3af}.search-overlay-clear{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;display:flex;align-items:center;font-size:14px;transition:color .15s}.search-overlay-clear:hover{color:#6b7280}.search-overlay-close{width:40px;height:40px;border-radius:10px;border:none;background:#f3f4f6;color:#6b7280;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,color .15s}.search-overlay-close:hover{background:#e5e7eb;color:#1f2937}.search-overlay-results{flex:1;overflow-y:auto;padding:8px 0}.search-overlay-loading,.search-overlay-empty{display:flex;align-items:center;justify-content:center;gap:8px;padding:32px 24px;color:#9ca3af;font-size:15px}.search-overlay-list{list-style:none;margin:0;padding:0}.search-result-item{display:flex;align-items:center;gap:14px;padding:12px 24px;text-decoration:none;color:inherit;transition:background .15s}.search-result-item:hover{background:#f9fafb}.search-result-img{width:64px;height:44px;border-radius:8px;object-fit:cover;flex-shrink:0;background:#e5e7eb}.search-result-info{display:flex;flex-direction:column;gap:2px;min-width:0}.search-result-title{font-size:14px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-org{font-size:12px;color:#6b7280}.search-result-desc{font-size:12px;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-overlay-view-all{display:block;text-align:center;padding:14px 24px;color:#008ec3;font-size:14px;font-weight:600;text-decoration:none;border-top:1px solid #e5e7eb;transition:background .15s}.search-overlay-view-all:hover{background:#f0f9ff}@media(min-width:769px){.search-overlay-sheet{max-width:680px;margin:0 auto;top:12px;border-radius:16px;max-height:70vh}}@media(max-width:768px){.search-overlay-header{padding:12px 16px}.search-overlay-input-wrapper{height:44px}.search-result-item{padding:10px 16px}.search-result-img{width:52px;height:36px}.search-overlay-view-all{padding:12px 16px}}.notif-wrapper{position:relative;display:inline-flex;align-items:center}.notif-btn{position:relative}.notif-badge{position:absolute;top:-4px;right:-4px;background:#e74c3c;color:#fff;border-radius:50%;min-width:16px;height:16px;font-size:10px;line-height:16px;text-align:center;font-weight:700;padding:0 2px;pointer-events:none}[dir=rtl] .notif-badge{right:auto;left:-4px}.notif-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:320px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000021;border:1px solid #e5e7eb;z-index:9999;overflow:hidden;animation:dropdownFadeIn .2s ease}.notif-dropdown--rtl{right:auto;left:0}.notif-dropdown-header{padding:12px 16px;font-weight:600;font-size:14px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;color:#111827}.notif-mark-all{background:none;border:none;color:var(--theme-primary, #0d99ff);font-size:12px;cursor:pointer;font-family:inherit;padding:0}.notif-mark-all:hover{text-decoration:underline}.notif-list{max-height:360px;overflow-y:auto}.notif-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 16px;color:#9ca3af;font-size:13px}.notif-spinner{width:24px;height:24px;border:2px solid #e5e7eb;border-top-color:var(--theme-primary, #0d99ff);border-radius:50%;animation:notifSpin .7s linear infinite}@keyframes notifSpin{to{transform:rotate(360deg)}}.notif-item{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;cursor:pointer;transition:background .15s ease;border-bottom:1px solid #f9fafb}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#f3f4f6}.notif-item--unread{background:#f0f7ff}.notif-item--unread:hover{background:#e5f0fb}.notif-dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--theme-primary, #0d99ff);margin-top:5px}.notif-item-body{flex:1;min-width:0}.notif-item-title{margin:0 0 2px;font-size:13px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-item-msg{margin:0 0 4px;font-size:12px;color:#6b7280;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-item-time{font-size:11px;color:#9ca3af}.notif-item-action{display:inline-block;margin-top:4px;font-size:11px;font-weight:600;color:var(--theme-primary, #0d99ff)}.notif-load-more{padding:10px 16px;text-align:center;border-top:1px solid #f0f0f0}.notif-load-more-btn{background:none;border:1px solid #e5e7eb;border-radius:6px;padding:6px 20px;font-size:12px;font-family:inherit;color:var(--theme-primary, #0d99ff);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-width:90px;min-height:30px;transition:background .15s}.notif-load-more-btn:hover:not(:disabled){background:#f3f4f6}.notif-load-more-btn:disabled{cursor:default}.notif-spinner--sm{width:14px;height:14px;border-width:2px}.footer-nav-skeleton{display:flex;align-items:center;gap:32px;flex-wrap:wrap}.footer-link-skeleton{width:80px;height:16px;border-radius:4px}.footer-link-skeleton:nth-child(1){width:70px}.footer-link-skeleton:nth-child(2){width:90px}.footer-link-skeleton:nth-child(3){width:100px}.footer-link-skeleton:nth-child(4){width:85px}.footer-link-skeleton:nth-child(5){width:75px}.skeleton-pulse{background:linear-gradient(90deg,#fff3 25%,#fff6,#fff3 75%);background-size:200% 100%;animation:pulse 1.5s ease-in-out infinite}.news-modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;animation:newsModalFadeIn .2s ease;padding:20px}@keyframes newsModalFadeIn{0%{opacity:0}to{opacity:1}}.news-modal-content{position:relative;width:100%;max-width:1200px;max-height:90vh;background:#fff;border-radius:16px;overflow:hidden;overflow-y:auto;animation:newsModalScaleIn .3s ease;display:flex;flex-direction:column}@keyframes newsModalScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.news-modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:none;background:#ffffffe6;color:#333;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:background .2s ease,transform .2s ease;z-index:10;box-shadow:0 2px 8px #00000026}.news-modal-close:hover{background:#fff;transform:scale(1.05)}.news-modal-body{flex:1;overflow-y:auto}.news-modal-image-container{width:100%;max-height:300px;overflow:hidden;flex-shrink:0}.news-modal-image{width:100%;height:100%;object-fit:cover}.news-modal-text{padding:24px}.news-modal-title{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0 0 12px;line-height:1.4}.news-modal-date{font-size:.875rem;color:#666;margin:0 0 16px}.news-modal-description{font-size:1rem;line-height:1.8;color:#333}.news-modal-description p{margin:0 0 16px}.news-modal-description p:last-child{margin-bottom:0}.news-modal-description ul,.news-modal-description ol{margin:16px 0;padding-left:24px}.news-modal-description li{margin-bottom:8px}.news-modal-description a{color:var(--theme-primary, #0d99ff);text-decoration:none}.news-modal-description a:hover{text-decoration:underline}.news-modal-description img{max-width:100%;height:auto;border-radius:8px;margin:16px 0}.news-modal-description h1,.news-modal-description h2,.news-modal-description h3,.news-modal-description h4{margin:24px 0 12px;font-weight:600;color:#1a1a1a}[dir=rtl] .news-modal-close{right:auto;left:12px}[dir=rtl] .news-modal-description ul,[dir=rtl] .news-modal-description ol{padding-left:0;padding-right:24px}@media(max-width:768px){.news-modal-backdrop{padding:10px}.news-modal-content{max-height:95vh;border-radius:12px}.news-modal-image-container{max-height:200px}.news-modal-text{padding:16px}.news-modal-title{font-size:1.25rem}.news-modal-description{font-size:.9375rem}}.video-modal-backdrop{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.video-modal-content{position:relative;width:90%;max-width:900px;aspect-ratio:16 / 9;background:#000;border-radius:16px;overflow:hidden;animation:scaleIn .3s ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.video-modal-close{position:absolute;top:-48px;right:0;width:40px;height:40px;border:none;background:#ffffff1a;color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:background .2s ease;z-index:10}.video-modal-close:hover{background:#fff3}.video-modal-player{width:100%;height:100%;object-fit:contain}.video-modal-loading{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#111}.video-modal-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top-color:var(--theme-primary, #0d99ff);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.video-modal-error{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:16px}[dir=rtl] .video-modal-close{right:auto;left:0}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:32px 0}.pagination-pages{display:flex;align-items:center;gap:4px}.pagination-btn,.pagination-page{min-width:40px;height:40px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:#374151;transition:all .2s ease}.pagination-btn:hover:not(:disabled),.pagination-page:hover:not(.active){background:#f3f4f6;border-color:#d1d5db}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-page.active{background:var(--theme-primary, #0d99ff);border-color:var(--theme-primary, #0d99ff);color:#fff}.pagination-ellipsis{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:14px}[dir=rtl] .pagination-prev svg,[dir=rtl] .pagination-next svg{transform:scaleX(-1)}.course-card-skeleton{background:#fff;border-radius:18px;overflow:hidden;display:flex;flex-direction:column}.skeleton-image{width:100%;height:186px;border-radius:16px}.skeleton-content{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px}.skeleton-code{width:60px;height:14px;border-radius:4px}.skeleton-title{width:80%;height:24px;border-radius:4px}.skeleton-desc{width:100%;height:16px;border-radius:4px}.skeleton-desc.short{width:60%}.skeleton-meta{width:120px;height:18px;border-radius:4px;margin-top:8px}.static-page-skeleton{max-width:900px;margin:0 auto;padding:40px 20px}.static-page-skeleton .skeleton-title{width:60%;height:40px;border-radius:8px;margin-bottom:32px}.static-page-skeleton .skeleton-paragraph{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.static-page-skeleton .skeleton-line{width:100%;height:18px;border-radius:4px}.static-page-skeleton .skeleton-line.short{width:45%}.static-page-skeleton .skeleton-line.medium{width:70%}.skeleton-pulse{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{background-position:200% 0}to{background-position:-200% 0}}[dir=rtl] .static-page-skeleton{direction:rtl}.landing-page{min-height:100vh;background:#fff;color:#111827;font-family:Latin Digits,GE Dinar One,Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.landing-main{max-width:1500px;margin:0 auto;padding:0 18px}.text-primary{color:var(--theme-primary, #0d99ff)}.landing-header{background:#fff}.landing-header-inner{max-width:1500px;margin:0 auto;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-direction:row-reverse}.header-left{display:flex;align-items:center}.brand-logo-img{height:44px;width:auto;display:block}.header-center{flex:1;display:flex;align-items:center;justify-content:start;flex-direction:row-reverse;gap:24px}.header-center nav{display:flex;align-items:center;gap:24px}.nav-pill{padding:16px 40px;border-radius:999px;border:none;color:#000;font-size:16px;cursor:pointer;text-decoration:none;transition:all .2s ease}.nav-pill.active{background:#f0ede7;color:var(--theme-primary);font-weight:700}.nav-link-plain{padding:16px 40px;border-radius:999px;border:none;color:#000;cursor:pointer;font-size:16px;background:transparent;font-family:inherit}.header-right{display:flex;align-items:center;gap:12px;flex-direction:row-reverse}.header-mobile-logo{display:none;flex:1;justify-content:flex-end}.header-mobile-logo .brand-logo-img{height:36px}[dir=rtl] .header-mobile-logo{justify-content:flex-start}.btn{border-radius:999px;padding:0 24px;height:48px;border:none;cursor:pointer;font-size:18px;font-weight:500!important;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn-primary{background:var(--theme-primary, #0d99ff);color:#fff}.btn-color-primary{background:#fff;color:var(--theme-primary)}.btn-dark{background:#0f172ae6;color:#fff}.btn-glass{background:#25252580;color:#fff}.header-login-btn{padding-inline:24px}.lang-btn{width:32px;height:32px;border-radius:999px;border:0;background:inherit;display:flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer}.lang-btn.active{box-shadow:0 0 0 2px #0d99ff}.user-profile-wrapper{position:relative}.user-profile-btn{border:1px solid #e5e7eb;border-radius:999px;padding:4px 12px;background-color:#fff;cursor:pointer;max-width:fit-content;display:flex;align-items:center;gap:8px}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--theme-primary, #0d99ff);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.user-name{font-size:14px;font-weight:500;color:#374151}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;border:1px solid #e5e7eb;padding:8px 0;z-index:1000;animation:dropdownFadeIn .2s ease}[dir=rtl] .user-dropdown{left:auto;right:0}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#374151;text-decoration:none;font-size:14px;font-weight:500;transition:background .15s ease}.dropdown-item:hover{background:#f3f4f6}.dropdown-item svg{width:16px;height:16px;color:#6b7280}.dropdown-item.logout{color:#dc2626;border:none;border-top:1px solid #e5e7eb;margin-top:4px;padding-top:12px;width:100%;cursor:pointer;background:transparent}.dropdown-item.logout svg{color:#dc2626}.dropdown-item.logout:hover{background:#fef2f2}[dir=rtl] .user-dropdown{right:auto;left:0}@media(max-width:768px){.user-dropdown{position:fixed;inset:70px auto auto 50%;transform:translate(-50%);width:calc(100vw - 32px);max-width:280px}[dir=rtl] .user-dropdown{left:50%;right:auto;transform:translate(-50%)}}.mobile-search-btn,.mobile-menu-btn{display:none;width:40px;height:40px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;align-items:center;justify-content:center;font-size:18px;color:#374151}.mobile-menu-overlay{display:none;position:fixed;inset:0;width:100%;height:100%;background:#00000080;z-index:998;opacity:0;transition:opacity .3s ease}.mobile-menu-overlay.open{display:block;opacity:1}.mobile-menu{display:none;position:fixed;top:0;right:0;bottom:0;width:280px;height:100%;max-height:-webkit-fill-available;background:#fff;z-index:999;flex-direction:column;transform:translate(100%);transition:transform .3s ease;box-shadow:-4px 0 20px #00000026;overflow-y:auto}[dir=rtl] .mobile-menu{right:auto;left:0;transform:translate(-100%)}.mobile-menu.open{transform:translate(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e5e7eb}.mobile-menu-header .brand-logo-img{height:36px}.mobile-menu-close{width:36px;height:36px;border:none;background:#f3f4f6;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:#374151}.mobile-menu-links{display:flex;flex-direction:column;padding:16px;gap:8px;border-bottom:1px solid #e5e7eb}.mobile-menu-link{display:block;padding:12px 16px;font-size:16px;font-weight:500;color:#374151;text-decoration:none;border-radius:8px;transition:background .2s ease;border:none;background:none;text-align:start;cursor:pointer;width:100%;font-family:inherit}.mobile-menu-link:hover,.mobile-menu-link.active{background:#f3f4f6;color:var(--theme-primary)}.mobile-menu-link.logout{color:#dc2626}.mobile-menu-link.logout:hover{background:#fef2f2}.mobile-menu-user{display:flex;flex-direction:column;padding:16px;gap:8px}.mobile-menu-auth{padding:16px}.mobile-menu-auth .btn{width:100%;justify-content:center}.mobile-menu-lang{padding:16px;border-top:1px solid #e5e7eb;margin-top:auto}.mobile-menu-link.lang-switch{display:flex;align-items:center;justify-content:center;background:#f3f4f6;font-weight:600}@media(max-width:768px){.mobile-menu-btn,.mobile-search-btn,.mobile-menu{display:flex}}.hero{position:relative;padding-top:24px;border-radius:32px;overflow:hidden}.hero-media{position:relative;width:100%;height:776px;border-radius:32px;overflow:hidden}.hero-slider{display:flex;width:100%;height:100%;transition:transform .5s ease-in-out;direction:ltr}.hero-slide{min-width:100%;width:100%;height:100%;flex-shrink:0}.hero-img,.hero-video{width:100%;height:100%;object-fit:cover;pointer-events:none}.hero-dark-overlay{position:absolute;inset:0;background:#00000073;pointer-events:none;z-index:1}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:999px;border:none;background:#00000073;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.hero-arrow.left{left:16px}.hero-arrow.right{right:16px}.hero-dots{display:flex;gap:8px;align-items:center;margin-right:50px;margin-top:-30px}[dir=rtl] .hero-dots{margin-left:40px;margin-right:0}.hero-dots .dot{width:32px;height:4px;border-radius:4px;border:none;background:#fff6;cursor:pointer;transition:all .3s ease}.hero-dots .dot.active{width:48px;background:#fff}.hero-brand-dots{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.hero-overlay{position:absolute;left:40px;right:40px;bottom:40px;color:#fff;z-index:2}.hero-bottom-bar{margin-top:18px;display:flex;align-items:center;justify-content:space-between}.hero-title{font-size:72px;font-weight:700;max-width:800px;line-height:1.2}.hero-buttons{display:flex;gap:16px}.hero-buttons .btn{height:48px;font-size:18px;padding:0 24px}@media(max-width:768px){.hero-buttons .btn{height:36px;font-size:14px;padding:0 16px;gap:6px}}.stats-strip{padding-top:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.stat-card{background:#f0ede7a6;border-radius:8px;padding:28px 32px;display:flex;gap:16px}.stat-icon{min-width:64px;height:64px;margin-top:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;background-color:var(--theme-primary)}.stat-body{display:flex;flex-direction:column;max-height:fit-content}.stat-value{font-size:36px;font-weight:700}.stat-label{font-size:24px;font-weight:400;color:#202322}.stats-cta{text-align:center;padding:18px 0 40px}.section-header{margin:20px 0 18px;display:flex;align-items:center;justify-content:space-between}.section-header h2{font-size:36px;font-weight:700;color:#202322}.section-nav{display:flex;gap:8px}.section-line-image{position:absolute;top:0;left:0;pointer-events:none}.section-line-image-bottom{position:absolute;bottom:0;left:0;pointer-events:none}.nav-arrow{width:32px;height:32px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.courses-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:20px;margin-bottom:40px}.course-card-large{position:relative;border-radius:20px;overflow:hidden;min-height:260px}.course-large-img{width:100%;height:100%;object-fit:cover}.course-large-overlay{position:absolute;inset:0;padding:20px;background:linear-gradient(to top,#0f172abf,#0f172a1a);color:#fff;display:flex;flex-direction:column;justify-content:flex-end}.course-large-code{font-size:20px;font-weight:400;color:#f9f9f9e5}.course-large-title{font-size:34px;font-weight:700;margin-top:4px}.course-large-desc{font-size:24px;font-weight:400;margin-top:8px;color:#ffffffe5;max-width:420px}.course-large-meta{font-size:18px;margin-top:10px;opacity:.9;display:flex;gap:8px;align-items:center;font-weight:300}.courses-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.courses-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:40px}.course-card{border-radius:18px;overflow:hidden;height:100%;display:flex;flex-direction:column}.course-img{width:100%;height:186px;border-radius:16px;flex-shrink:0}.course-info{padding:12px 14px 14px;display:flex;flex-direction:column;flex:1}.course-info h3{font-size:24px;font-weight:700;color:#444}.course-code{font-size:11px;font-weight:600;color:var(--theme-primary);margin-top:2px}.course-desc{margin-top:6px;font-size:22px;color:#555555e5}.course-meta{margin-top:auto;padding-top:8px;font-size:18px;display:flex;gap:8px;align-items:center;color:#1b1b1be5}.news-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.news-item{display:flex;gap:14px;border-radius:16px;cursor:pointer}.news-img{width:214px;height:109px;border-radius:12px;object-fit:cover}.news-info h3{font-size:20px;font-weight:600}.news-date{font-size:14px;color:var(--theme-primary);margin-top:2px;font-weight:600}.news-desc{font-size:16px;color:#6c6d70;margin-top:6px;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;max-height:3em}.news-cta{text-align:center;padding:22px 0 40px}.landing-footer{overflow:hidden;background-color:var(--theme-footer-bg, #4f8a82);position:relative}.landing-footer-container{position:relative;max-width:1500px;margin:0 auto;min-height:140px;display:flex;align-items:center;overflow:hidden}.footer-decoration{position:relative;z-index:100000000}.footer-bg-image{position:absolute;bottom:0;left:0;height:100%;object-fit:cover;object-position:center bottom;z-index:1;pointer-events:none}.footer-bg-image--full{width:100%;left:0;right:auto}.footer-bg-image--bottom-right{left:0;bottom:0}[dir=rtl] .footer-bg-image--bottom-right{right:auto;left:0;object-position:left bottom}.landing-footer-content{position:relative;z-index:3;flex:1;padding:32px 140px;display:flex;align-items:center;justify-content:center;gap:24px}.footer-nav{display:flex;align-items:center;gap:32px;flex-wrap:wrap}.footer-nav-link{color:var(--theme-footer-link-color, #ffffff);text-decoration:none;font-size:18px;font-weight:500;white-space:nowrap;transition:opacity .2s ease}.footer-nav-link:hover{opacity:.8;text-decoration:underline}.footer-text{white-space:nowrap;color:#fff}.footer-links{display:flex;align-items:center;gap:8px;font-size:13px}.footer-links a{color:#fff;text-decoration:none;font-weight:500}.footer-links a:hover{text-decoration:underline}.footer-separator{color:#fff9}@media(max-width:768px){.landing-footer-container{flex-direction:column;padding-top:80px}.landing-footer-content{flex-direction:column;gap:16px;text-align:center;padding:24px 16px}.footer-nav{justify-content:center;gap:16px}.footer-text{white-space:normal}}@media(max-width:1100px){.landing-main{padding-inline:12px}.stats-strip,.courses-row{grid-template-columns:1fr}.courses-column,.courses-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.landing-header-inner{flex-wrap:nowrap;gap:12px}.header-center,.header-right{display:none}.header-mobile-logo{display:flex;width:100%;justify-content:start}.hero-media{height:320px}.hero-overlay{left:20px;right:20px;bottom:24px}.hero-bottom-bar{flex-direction:column;align-items:flex-start;gap:20px}.hero-brand-dots{align-items:flex-start;width:100%;gap:8px}.hero-brand-logo{margin-left:-30px}[dir=rtl] .hero-brand-logo{margin-left:0;margin-right:-40px}.hero-title{font-size:26px;max-width:360px}.courses-column,.courses-grid,.news-list{grid-template-columns:1fr}.news-item{flex-direction:column}.news-img{width:100%;height:150px}.landing-footer-inner{flex-direction:column;align-items:flex-start;gap:4px}}[dir=rtl] .header-left{justify-content:flex-end}[dir=rtl] .hero-overlay{left:40px;right:40px;text-align:right}@media(max-width:768px){[dir=rtl] .hero-overlay{left:20px;right:20px}}[dir=rtl] .course-info,[dir=rtl] .news-info{text-align:right}[dir=rtl] .nav-arrow svg{transform:scaleX(-1)}[dir=rtl] .hero-arrow.left{left:auto;right:16px}[dir=rtl] .hero-arrow.right{right:auto;left:16px}[dir=rtl] .hero-arrow svg{transform:scaleX(-1)}.embla__container{margin-bottom:40px}@media(max-width:1100px){.embla__slide{flex:0 0 calc(50% - 10px)!important}}@media(max-width:768px){.embla__slide{flex:0 0 100%!important}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:24px;border:2px dashed #e5e7eb;margin:20px 0}.empty-state svg{margin-bottom:24px;opacity:.9}.empty-state-title{font-size:24px;font-weight:600;color:#374151;margin-bottom:12px}.empty-state-desc{font-size:16px;color:#6b7280;max-width:400px;line-height:1.6}[dir=rtl] .empty-state{direction:rtl}.section-loading{display:flex;align-items:center;justify-content:center;min-height:300px;padding:40px}.courses-page{display:flex;gap:24px;padding:50px 0;min-height:calc(100vh - 200px)}.courses-sidebar{width:280px;flex-shrink:0;background:#fff;border-radius:16px;padding:20px;height:fit-content;box-shadow:0 2px 10px #94a3b82e}.sidebar-search{margin-bottom:24px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:#9ca3af;font-size:14px}[dir=rtl] .search-icon{left:auto;right:12px}.search-input{width:100%;padding:12px 12px 12px 40px;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;outline:none;transition:border-color .2s}[dir=rtl] .search-input{padding:12px 40px 12px 12px}.search-input:focus{border-color:var(--theme-primary, #0d99ff)}.search-input::placeholder{color:#9ca3af}.sidebar-filters{border-top:1px solid #e5e7eb;padding-top:20px}.filter-title{font-size:16px;font-weight:700;margin-bottom:16px;color:#111827}.filter-list{list-style:none;padding:0;margin:0}.filter-item{padding:10px 12px;border-radius:8px;cursor:pointer;font-size:14px;color:#6b7280;transition:all .2s}.filter-item:hover{background:#f3f4f6;color:#111827}.filter-item.active{background:var(--theme-primary, #0d99ff);color:#fff}.filter-item-skeleton{height:40px;border-radius:8px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;margin-bottom:8px}.filter-item-skeleton:last-child{margin-bottom:0}.courses-content{flex:1}.courses-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.courses-title{font-size:28px;font-weight:700;color:#111827;margin:0}.courses-count{font-size:14px;color:#6b7280;margin:0}.courses-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.course-card-link{text-decoration:none;color:inherit}.courses-list .course-card{border-radius:18px;overflow:hidden;transition:transform .2s,box-shadow .2s;height:100%;display:flex;flex-direction:column}.courses-list .course-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #94a3b840}.courses-list .course-img{width:100%;height:186px;border-radius:16px;flex-shrink:0}.courses-list .course-info{padding:16px;display:flex;flex-direction:column;flex:1}.courses-list .course-code{font-size:12px;font-weight:600;color:var(--theme-primary, #0d99ff);display:block;margin-bottom:4px}.courses-list .course-title{font-size:16px;font-weight:700;color:#111827;margin:0 0 8px}.courses-list .course-desc{font-size:13px;color:#6b7280;margin:0 0 12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.courses-list .course-meta{font-size:12px;color:var(--theme-primary, #0d99ff);font-weight:600;margin:auto 0 0;padding-top:8px}.no-results{text-align:center;padding:60px 20px;background:#fff;border-radius:16px;box-shadow:0 2px 10px #94a3b82e}.no-results p{font-size:16px;color:#6b7280;margin:0}[dir=rtl] .courses-list .course-info{text-align:right}@media(max-width:1100px){.courses-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.courses-page{flex-direction:column}.courses-sidebar{width:100%;order:0!important}.courses-content{order:1!important}.courses-list{grid-template-columns:1fr}.courses-header{flex-direction:column;align-items:flex-start;gap:8px}}.explore-page{padding:50px 0;min-height:calc(100vh - 200px)}.explore-header{text-align:center;margin-bottom:40px}.explore-title{font-size:36px;font-weight:700;color:#111827;margin:0 0 12px}.explore-subtitle{font-size:18px;color:#6b7280;margin:0}.explore-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.category-card{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:16 / 9;text-decoration:none;transition:transform .3s,box-shadow .3s}.category-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px #00000026}.category-card-img{width:100%;height:100%;object-fit:cover}.category-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.1) 60%,transparent 100%);display:flex;align-items:flex-end;padding:24px}.category-card-title{color:#fff;font-size:24px;font-weight:700;margin:0}.category-card-skeleton{aspect-ratio:16 / 9;border-radius:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.no-categories{grid-column:1 / -1;text-align:center;padding:60px 20px;background:#fff;border-radius:16px;box-shadow:0 2px 10px #94a3b82e}.no-categories p{font-size:16px;color:#6b7280;margin:0}[dir=rtl] .explore-header{text-align:center}[dir=rtl] .category-card-overlay{text-align:right}@media(max-width:1100px){.explore-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.explore-page{padding:30px 0}.explore-title{font-size:28px}.explore-subtitle{font-size:16px}.explore-grid{grid-template-columns:1fr;gap:16px}.category-card-title{font-size:20px}.category-card-overlay{padding:16px}}.static-page{min-height:calc(100vh - 200px);background:#fff;padding:40px 20px;font-family:Latin Digits,GE Dinar One,Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.static-page *:not(code):not(pre){font-family:inherit!important}.static-page-content,.static-page-content p,.static-page-content span,.static-page-content div,.static-page-content li,.static-page-content td,.static-page-content th,.static-page-content blockquote{font-size:18px!important}.static-page-content h1{font-size:32px!important}.static-page-content h2{font-size:28px!important}.static-page-content h3{font-size:24px!important}.static-page-content h4{font-size:20px!important}.static-page-content h5{font-size:18px!important}.static-page-content h6{font-size:16px!important}.static-page-container{max-width:1500px;margin:0 auto}.static-page-title{font-size:36px;font-weight:700;color:#202322;margin-bottom:32px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.static-page-content{font-size:18px;line-height:1.8;color:#444}.static-page-content h1,.static-page-content h2,.static-page-content h3,.static-page-content h4,.static-page-content h5,.static-page-content h6{margin-top:24px;margin-bottom:16px;font-weight:600;color:#202322}.static-page-content h1{font-size:32px}.static-page-content h2{font-size:28px}.static-page-content h3{font-size:24px}.static-page-content h4{font-size:20px}.static-page-content h5{font-size:18px}.static-page-content h6{font-size:16px}.static-page-content p{margin-bottom:16px}.static-page-content ul,.static-page-content ol{margin-bottom:16px;padding-inline-start:24px}.static-page-content li{margin-bottom:8px}.static-page-content a{color:var(--theme-primary, #0d99ff);text-decoration:underline}.static-page-content a:hover{opacity:.8}.static-page-content img{max-width:100%;height:auto;border-radius:8px;margin:16px 0}.static-page-content table{width:100%;border-collapse:collapse;margin:16px 0}.static-page-content th,.static-page-content td{border:1px solid #e5e7eb;padding:12px;text-align:start}.static-page-content th{background:#f8f9fa;font-weight:600}.static-page-content blockquote{border-inline-start:4px solid var(--theme-primary, #0d99ff);padding-inline-start:16px;margin:16px 0;color:#6b7280;font-style:italic}.static-page-content pre{background:#f8f9fa;padding:16px;border-radius:8px;overflow-x:auto;margin:16px 0}.static-page-content code{background:#f0f0f0;padding:2px 6px;border-radius:4px;font-family:monospace}.static-page-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}.static-page-error h2{font-size:24px;color:#6b7280;font-weight:500}[dir=rtl] .static-page{direction:rtl}[dir=rtl] .static-page-content{text-align:right}@media(max-width:768px){.static-page{padding:24px 16px}.static-page-title{font-size:28px}.static-page-content{font-size:16px}}.notfound-page{display:flex;align-items:center;justify-content:center;min-height:70vh;position:relative;overflow:hidden;padding:40px 20px}.notfound-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.particle{position:absolute;border-radius:50%;background:var(--theme-primary, #008EC3);opacity:.08;animation:particleFloat 8s ease-in-out infinite}.particle:nth-child(1){width:180px;height:180px;top:10%;left:5%;animation-delay:0s;animation-duration:10s}.particle:nth-child(2){width:120px;height:120px;top:60%;right:8%;animation-delay:-2s;animation-duration:12s}.particle:nth-child(3){width:80px;height:80px;bottom:15%;left:20%;animation-delay:-4s;animation-duration:9s}.particle:nth-child(4){width:60px;height:60px;top:20%;right:25%;animation-delay:-1s;animation-duration:11s}.particle:nth-child(5){width:100px;height:100px;bottom:30%;right:35%;animation-delay:-3s;animation-duration:8s}.particle:nth-child(6){width:140px;height:140px;top:45%;left:40%;animation-delay:-5s;animation-duration:13s}@keyframes particleFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-40px) scale(1.1)}50%{transform:translate(-20px,20px) scale(.9)}75%{transform:translate(15px,30px) scale(1.05)}}.notfound-content{position:relative;z-index:1;text-align:center;max-width:520px}.notfound-number{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px}.digit{font-size:120px;font-weight:800;color:var(--theme-primary, #008EC3);line-height:1;-webkit-user-select:none;user-select:none}.digit-bounce{animation:digitBounce 2s ease-in-out infinite}.digit-spin{display:flex;align-items:center;justify-content:center}.digit-circle{width:110px;height:110px;animation:digitSpin 6s linear infinite}@keyframes digitBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes digitSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notfound-line{width:0;height:3px;margin:0 auto 32px;background:linear-gradient(90deg,transparent,var(--theme-primary, #008EC3),transparent);border-radius:2px;animation:lineExpand 1s ease-out .3s forwards}@keyframes lineExpand{to{width:120px}}.notfound-title{font-size:28px;font-weight:700;color:#202322;margin:0 0 12px;animation:fadeSlideUp .6s ease-out .4s both}.notfound-desc{font-size:16px;color:#6b7280;line-height:1.7;margin:0 0 36px;animation:fadeSlideUp .6s ease-out .6s both}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notfound-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 36px;background:var(--theme-primary, #008EC3);color:#fff;font-size:16px;font-weight:600;border-radius:12px;text-decoration:none;transition:transform .2s,box-shadow .2s;animation:fadeSlideUp .6s ease-out .8s both;box-shadow:0 4px 20px color-mix(in srgb,var(--theme-primary, #008EC3) 30%,transparent)}.notfound-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px color-mix(in srgb,var(--theme-primary, #008EC3) 40%,transparent)}.notfound-btn:active{transform:translateY(-1px)}@media(max-width:768px){.digit{font-size:80px}.digit-circle{width:75px;height:75px}.notfound-title{font-size:22px}.notfound-desc{font-size:14px}.notfound-btn{padding:12px 28px;font-size:15px}}[dir=rtl] .notfound-content{direction:rtl}.server-error-page{display:flex;align-items:center;justify-content:center;min-height:70vh;position:relative;overflow:hidden;padding:40px 20px;animation:pageFadeIn .8s ease-out both}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}.error-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.error-particle{position:absolute;border-radius:50%;background:var(--theme-primary, #008EC3);opacity:.06;animation:errorParticleFloat 10s ease-in-out infinite}.error-particle:nth-child(1){width:200px;height:200px;top:5%;left:3%;animation-delay:0s;animation-duration:12s}.error-particle:nth-child(2){width:140px;height:140px;top:55%;right:5%;animation-delay:-3s;animation-duration:14s}.error-particle:nth-child(3){width:90px;height:90px;bottom:10%;left:15%;animation-delay:-5s;animation-duration:10s}.error-particle:nth-child(4){width:70px;height:70px;top:15%;right:20%;animation-delay:-2s;animation-duration:11s}.error-particle:nth-child(5){width:110px;height:110px;bottom:25%;right:30%;animation-delay:-4s;animation-duration:9s}.error-particle:nth-child(6){width:160px;height:160px;top:40%;left:35%;animation-delay:-6s;animation-duration:13s}@keyframes errorParticleFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(25px,-35px) scale(1.08)}50%{transform:translate(-15px,20px) scale(.92)}75%{transform:translate(20px,25px) scale(1.04)}}.error-content{position:relative;z-index:1;text-align:center;max-width:560px}.ocean-scene{position:relative;width:320px;height:220px;margin:0 auto 16px;overflow:hidden}.ship-wrapper{position:absolute;top:30px;left:50%;transform:translate(-50%);animation:shipSink 8s ease-in-out infinite;z-index:2}@keyframes shipSink{0%{transform:translate(-50%) translateY(0) rotate(0)}20%{transform:translate(-50%) translateY(4px) rotate(2deg)}40%{transform:translate(-50%) translateY(18px) rotate(8deg)}60%{transform:translate(-50%) translateY(35px) rotate(14deg)}75%{transform:translate(-50%) translateY(45px) rotate(18deg);opacity:1}85%{transform:translate(-50%) translateY(55px) rotate(20deg);opacity:.5}90%{transform:translate(-50%) translateY(60px) rotate(22deg);opacity:.2}95%,to{transform:translate(-50%) translateY(0) rotate(0);opacity:1}}.ship-svg{width:120px;height:auto;display:block}.waves-container{position:absolute;bottom:0;left:-50%;width:200%;height:100px;z-index:3}.wave{position:absolute;bottom:0;left:0;width:200%;height:60px;border-radius:50% 50% 0 0/100% 100% 0 0}.wave-1{background:color-mix(in srgb,var(--theme-primary, #008EC3) 15%,transparent);animation:waveMove1 4s ease-in-out infinite;bottom:10px;height:50px}.wave-2{background:color-mix(in srgb,var(--theme-primary, #008EC3) 25%,transparent);animation:waveMove2 3.5s ease-in-out infinite;bottom:5px;height:45px}.wave-3{background:color-mix(in srgb,var(--theme-primary, #008EC3) 35%,transparent);animation:waveMove3 3s ease-in-out infinite;bottom:0;height:40px}@keyframes waveMove1{0%,to{transform:translate(0)}50%{transform:translate(-25%)}}@keyframes waveMove2{0%,to{transform:translate(-10%)}50%{transform:translate(15%)}}@keyframes waveMove3{0%,to{transform:translate(5%)}50%{transform:translate(-20%)}}.bubbles-container{position:absolute;bottom:30px;left:50%;transform:translate(-50%);width:100px;height:120px;z-index:4;pointer-events:none}.bubble{position:absolute;border-radius:50%;border:2px solid color-mix(in srgb,var(--theme-primary, #008EC3) 40%,transparent);background:color-mix(in srgb,var(--theme-primary, #008EC3) 8%,transparent);animation:bubbleRise 3s ease-in infinite;opacity:0}.bubble:nth-child(1){width:8px;height:8px;left:30%;bottom:0;animation-delay:0s;animation-duration:2.5s}.bubble:nth-child(2){width:12px;height:12px;left:55%;bottom:0;animation-delay:.8s;animation-duration:3s}.bubble:nth-child(3){width:6px;height:6px;left:40%;bottom:0;animation-delay:1.5s;animation-duration:2.8s}.bubble:nth-child(4){width:10px;height:10px;left:65%;bottom:0;animation-delay:2.2s;animation-duration:3.2s}.bubble:nth-child(5){width:7px;height:7px;left:25%;bottom:0;animation-delay:.5s;animation-duration:2.6s}@keyframes bubbleRise{0%{transform:translateY(0) scale(.5);opacity:0}10%{opacity:.8}to{transform:translateY(-100px) scale(1);opacity:0}}.error-number{display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:20px}.error-digit{font-size:100px;font-weight:800;color:var(--theme-primary, #008EC3);line-height:1;-webkit-user-select:none;user-select:none;animation:digitFloat 3s ease-in-out infinite}.error-digit:nth-child(1){animation-delay:0s}.error-digit:nth-child(2){animation-delay:.15s}.error-digit:nth-child(3){animation-delay:.3s}@keyframes digitFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.error-line{width:0;height:3px;margin:0 auto 28px;background:linear-gradient(90deg,transparent,var(--theme-primary, #008EC3),transparent);border-radius:2px;animation:errorLineExpand 1s ease-out .3s forwards}@keyframes errorLineExpand{to{width:120px}}.error-title{font-size:26px;font-weight:700;color:#202322;margin:0 0 10px;animation:errorFadeUp .6s ease-out .4s both}.error-desc{font-size:15px;color:#6b7280;line-height:1.7;margin:0 0 32px;animation:errorFadeUp .6s ease-out .6s both}@keyframes errorFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.error-buttons{display:flex;align-items:center;justify-content:center;gap:16px;animation:errorFadeUp .6s ease-out .8s both;flex-wrap:wrap}.error-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 32px;font-size:15px;font-weight:600;border-radius:12px;text-decoration:none;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s}.error-btn:hover{transform:translateY(-3px)}.error-btn:active{transform:translateY(-1px)}.error-btn-primary{background:var(--theme-primary, #008EC3);color:#fff;box-shadow:0 4px 20px color-mix(in srgb,var(--theme-primary, #008EC3) 30%,transparent)}.error-btn-primary:hover{box-shadow:0 8px 30px color-mix(in srgb,var(--theme-primary, #008EC3) 40%,transparent)}.error-btn-secondary{background:#fff;color:var(--theme-primary, #008EC3);border:2px solid color-mix(in srgb,var(--theme-primary, #008EC3) 30%,transparent)}.error-btn-secondary:hover{background:color-mix(in srgb,var(--theme-primary, #008EC3) 5%,white);box-shadow:0 8px 24px #0000000f}@media(max-width:768px){.ocean-scene{width:260px;height:180px}.ship-svg{width:90px}.error-digit{font-size:70px}.error-title{font-size:20px}.error-desc{font-size:14px}.error-btn{padding:11px 24px;font-size:14px}.error-buttons{gap:12px}}@media(max-width:480px){.ocean-scene{width:220px;height:160px}.ship-svg{width:75px}.error-digit{font-size:56px}.error-buttons{flex-direction:column;gap:10px}.error-btn{width:100%;justify-content:center}}[dir=rtl] .error-content{direction:rtl}.custom-reports-page{min-height:100vh;background:#f8f9fb}.reports-hero{padding:48px 24px 40px;text-align:center;position:relative;overflow:hidden}.reports-hero:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;pointer-events:none}.reports-hero-content{position:relative;z-index:1;max-width:600px;margin:0 auto}.reports-hero-title{font-size:32px;font-weight:700;color:#fff;margin:0 0 8px}.reports-hero-subtitle{font-size:16px;color:#ffffffd9;margin:0}.reports-container{max-width:1100px;margin:-20px auto 48px;padding:0 20px;position:relative;z-index:2;display:flex;flex-direction:column;gap:24px}.report-section{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000f,0 4px 16px #0000000a;overflow:hidden;transition:box-shadow .2s ease}.report-section:hover{box-shadow:0 2px 6px #00000014,0 8px 24px #0000000f}.report-section-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:24px 28px;background:none;border:none;cursor:pointer;font-family:inherit;text-align:inherit}.report-section-title-row{display:flex;align-items:center;gap:16px}.report-section-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;flex-shrink:0}.report-section-title{font-size:20px;font-weight:700;color:#1a1a2e;margin:0 0 2px}.report-section-desc{font-size:14px;color:#6b7280;margin:0}.report-section-chevron{color:#9ca3af;font-size:14px;transition:transform .3s ease}.report-section-chevron.expanded{transform:rotate(180deg)}.report-section-body{padding:0 28px 28px;display:flex;flex-direction:column;gap:20px}.date-range-filter{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 20px;background:#f8f9fb;border-radius:12px}.date-inputs-row{display:flex;align-items:center;gap:8px;flex:1;min-width:280px}.date-input-group{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px 14px;flex:1;transition:border-color .2s}.date-input-group:focus-within{border-color:var(--theme-primary, #008ec3);box-shadow:0 0 0 3px #008ec31a}.date-icon{color:#9ca3af;font-size:14px}.date-input{border:none;outline:none;font-family:inherit;font-size:14px;color:#374151;width:100%;background:transparent}.date-separator{color:#d1d5db;font-weight:300}.date-quick-actions{display:flex;gap:8px}.quick-date-btn{padding:10px 18px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#374151;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap}.quick-date-btn:hover{border-color:var(--theme-primary, #008ec3);color:var(--theme-primary, #008ec3);background:#008ec30a}.org-select-wrapper{position:relative;width:100%}.org-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:14px;color:#374151;cursor:pointer;transition:border-color .15s,box-shadow .15s;outline:none}.org-select-trigger:hover{border-color:#d1d5db}.org-select-trigger:focus{border-color:#a3a3a3;box-shadow:0 0 0 2px #0000000d}.org-select-trigger-content{display:flex;align-items:center;gap:10px;overflow:hidden}.org-select-icon{color:#9ca3af;font-size:14px;flex-shrink:0}.org-select-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-select-value.placeholder{color:#9ca3af}.org-select-chevron{color:#9ca3af;font-size:12px;flex-shrink:0;transition:transform .2s}.org-select-chevron.open{transform:rotate(180deg)}.org-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 16px #0000001a,0 1px 3px #0000000f;z-index:50;max-height:240px;overflow-y:auto;padding:4px;animation:orgSelectFadeIn .15s ease-out}@keyframes orgSelectFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.org-select-option{display:block;width:100%;padding:9px 12px;background:none;border:none;border-radius:6px;font-family:inherit;font-size:14px;color:#374151;text-align:start;cursor:pointer;transition:background .1s}.org-select-option:hover{background:#f3f4f6}.org-select-option.selected{background:#f0f7ff;color:#1d4ed8;font-weight:500}.org-select-loading{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:14px;color:#9ca3af}.org-select-spinner{font-size:14px;color:#6b7280}.report-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.report-card{display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:20px;background:#f8f9fb;border-radius:12px;border:1px solid #f0f1f3;transition:all .2s}.report-card:hover{border-color:#e0e2e6;background:#f4f5f8}.report-card-title{font-size:15px;font-weight:700;color:#1a1a2e;margin:0 0 6px}.report-card-desc{font-size:13px;color:#6b7280;margin:0;line-height:1.5}.report-generate-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:10px;border:none;color:#fff;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s;width:100%;text-align:center}.report-generate-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.report-generate-btn:active{transform:translateY(0)}.report-generate-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.downloads-panel{background:#f8f9fb;border-radius:12px;padding:20px}.downloads-panel-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:#1a1a2e;margin:0 0 16px}.downloads-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.download-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-radius:10px;border:1px solid #f0f1f3}.download-item-info{display:flex;flex-direction:column;gap:2px}.download-item-name{font-size:14px;font-weight:600;color:#1a1a2e}.download-item-date{font-size:12px;color:#9ca3af}.download-item-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#008ec314;transition:all .2s;text-decoration:none}.download-item-btn:hover{background:#008ec326;transform:translateY(-1px)}.download-item-actions{display:flex;align-items:center;gap:6px}.download-item-delete-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:none;background:transparent;color:#9ca3af;cursor:pointer;transition:all .2s;font-size:.85rem}.download-item-delete-btn:hover{background:#ef44441f;color:#ef4444;transform:translateY(-1px)}.download-item-delete-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.downloads-note{font-size:13px;color:#9ca3af;margin:0;line-height:1.6;padding-top:12px;border-top:1px solid #e5e7eb}@media(max-width:768px){.reports-hero{padding:36px 16px 32px}.reports-hero-title{font-size:24px}.reports-container{margin-top:-12px;padding:0 12px;gap:16px}.report-section-header{padding:18px}.report-section-body{padding:0 18px 18px}.report-section-icon{width:40px;height:40px;border-radius:10px;font-size:16px}.report-section-title{font-size:17px}.date-range-filter{flex-direction:column;align-items:stretch}.date-inputs-row{flex-direction:column;min-width:unset}.date-separator{display:none}.date-quick-actions{justify-content:stretch}.date-quick-actions .quick-date-btn{flex:1}.report-cards-grid{grid-template-columns:1fr}.report-generate-btn{width:100%}}.certificate-page-container{width:100%;padding:24px 20px 48px;background-color:#f5f5f5;display:flex;flex-direction:column;align-items:center;min-height:90vh}.certificate-toolbar{width:100%;max-width:1200px;display:flex;justify-content:flex-end;margin-bottom:16px}.certificate-download-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background-color:var(--theme-primary, #0684be);color:#fff;border:none;border-radius:6px;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .1s ease;box-shadow:0 2px 6px #0000001f}.certificate-download-btn:hover{filter:brightness(.95)}.certificate-download-btn:active{transform:translateY(1px)}.certificate-download-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.certificate-download-btn svg{flex-shrink:0}.certificate-wrapper{width:100%;max-width:1200px;background:#fff;border-radius:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;line-height:1.5;font-family:Cairo,Tajawal,IBM Plex Sans Arabic,sans-serif;box-shadow:0 4px 16px #00000014}.certificate-page{position:relative;width:1188px;height:840px;background-color:#fff;margin:0 auto;-webkit-print-color-adjust:exact;print-color-adjust:exact;color-adjust:exact}.certificate-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none}.certificate-template{position:absolute;inset:0;width:100%;height:100%;z-index:0}.certificate-page .layer{position:absolute;white-space:nowrap;word-break:break-word;-webkit-print-color-adjust:exact;print-color-adjust:exact;color-adjust:exact}.certificate-page .text-layer{font-weight:700;font-family:Cairo,sans-serif;z-index:1}.certificate-page .qr-code-layer{left:52px;top:32px;width:132px;height:132px;background:#fff;border:2px solid #ddd;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;z-index:1;overflow:hidden}.certificate-loading,.certificate-error{width:100%;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;gap:12px}.certificate-loading-text{color:#555;margin:0}.certificate-error h2{margin:0;font-size:22px;color:#333}.certificate-error p{margin:0;color:#666}@page{size:A4 landscape;margin:0}@media print{html,body,.certificate-page-container,.certificate-wrapper,.certificate-page,.certificate-page *,.certificate-bg{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}html,body{margin:0!important;padding:0!important;width:297mm!important;height:210mm!important;overflow:hidden!important;background:#fff!important}body *{visibility:hidden}.certificate-wrapper,.certificate-wrapper *{visibility:visible}.certificate-page-container{padding:0!important;background:#fff!important;min-height:0!important;display:block!important}.certificate-wrapper{position:absolute!important;top:0!important;left:0!important;width:297mm!important;height:210mm!important;max-width:none!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important;margin:0!important;padding:0!important}.certificate-page{position:absolute!important;top:0!important;left:0!important;width:1188px!important;height:840px!important;margin:0!important;transform:scale(.9449);transform-origin:top left;page-break-after:avoid!important;page-break-inside:avoid!important;break-after:avoid!important;break-inside:avoid!important}.certificate-bg{display:block!important;visibility:visible!important}.no-print{display:none!important}}@media(max-width:1240px){.certificate-wrapper{max-width:100%;border-radius:0}.certificate-toolbar{max-width:100%}}.discovery-page{padding:50px 0;min-height:calc(100vh - 200px)}.discovery-header{text-align:center;margin-bottom:32px}.discovery-title{font-size:32px;font-weight:700;margin:0 0 8px;color:#111827}.discovery-subtitle{font-size:16px;color:#6b7280;margin:0 0 24px}.discovery-search{position:relative;max-width:640px;margin:0 auto}.discovery-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:14px}[dir=rtl] .discovery-search-icon{left:auto;right:16px}.discovery-search-input{width:100%;padding:14px 16px 14px 44px;border:1px solid #e5e7eb;border-radius:12px;font-size:15px;outline:none;background:#fff;transition:border-color .2s,box-shadow .2s}[dir=rtl] .discovery-search-input{padding:14px 44px 14px 16px}.discovery-search-input:focus{border-color:#008ec3;box-shadow:0 0 0 3px #008ec31f}.discovery-tabs{display:flex;gap:8px;justify-content:center;border-bottom:1px solid #e5e7eb;margin-bottom:20px;flex-wrap:wrap}.discovery-tab{background:transparent;border:none;padding:12px 20px;font-size:15px;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.discovery-tab:hover{color:#111827}.discovery-tab.active{color:#008ec3;border-bottom-color:#008ec3}.discovery-meta{font-size:14px;color:#6b7280;margin-bottom:16px}.discovery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px}.discovery-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 10px #94a3b82e;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.discovery-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #94a3b840}.discovery-card-img{width:100%;height:240px;object-fit:cover;background:#f3f4f6}.discovery-card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.discovery-card-title-row .discovery-card-title{flex:1;min-width:0}.discovery-card-img-fallback{background:linear-gradient(135deg,#e5e7eb,#f3f4f6)}.discovery-card-body{padding:16px;display:flex;flex-direction:column;gap:6px;flex:1}.discovery-card-title{font-size:20px;font-weight:700;color:#111827;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.discovery-card-subtitle{font-size:13px;color:#6b7280;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.discovery-card-meta{font-size:12px;color:#9ca3af;margin:auto 0 0}.discovery-empty{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#6b7280;font-size:15px}.discovery-card-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease}.discovery-card-link:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}@media(max-width:768px){.discovery-title{font-size:24px}.discovery-grid{grid-template-columns:1fr;gap:16px}.discovery-card-img{height:200px}}.program-details{max-width:1100px;margin:0 auto;padding:24px 16px 64px}.program-loading,.program-error{padding:48px 0;text-align:center;color:#555}.program-hero{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.program-banner{width:100%;max-height:360px;object-fit:cover;border-radius:12px}.program-hero-body{display:flex;flex-direction:column;gap:8px}.program-type{display:inline-block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--theme-primary, #6B4E45);font-weight:600}.program-title{font-size:28px;margin:0;color:#1a1a1a}.program-title-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.program-title-row .program-title{flex:1;min-width:0}.program-status-badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:#e0e0e0;color:#444}.program-status-active{background:#d4edda;color:#1b5e20}.program-status-inactive{background:#fdecea;color:#b71c1c}.program-status-retired{background:#fff3cd;color:#8a6d3b}.program-subtitle{font-size:16px;color:#555;margin:0}.program-orgs{font-size:14px;color:#777;margin:0 0 8px}.program-enroll-btn,.program-course-btn{display:inline-block;background:var(--theme-primary, #6B4E45);color:#fff;padding:10px 20px;border-radius:8px;text-decoration:none;font-weight:600;width:fit-content;border:none;cursor:pointer;font-size:15px;transition:opacity .15s ease}.program-enroll-btn:hover,.program-course-btn:hover{opacity:.9}.program-course-btn.enrolled{background:#2e7d32}.program-enrolled-badge{display:inline-flex;align-items:center;gap:6px;background:#e8f5e9;color:#1b5e20;padding:8px 16px;border-radius:999px;font-weight:600;font-size:14px;border:1px solid #c8e6c9}.program-enrolled-badge:before{content:"✓";font-weight:700}.program-section{margin-top:32px}.program-section h2{font-size:20px;margin-bottom:12px;color:#1a1a1a}.program-overview{line-height:1.6;color:#333}.program-learn-list{padding-inline-start:20px;line-height:1.6;color:#333}.program-courses{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.program-course{border:1px solid #e5e5e5;border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.program-course-img{width:100%;height:160px;object-fit:cover}.program-course-body{padding:16px;display:flex;flex-direction:column;gap:10px;flex:1}.program-course-body h3{margin:0;font-size:16px;color:#1a1a1a}.program-course-desc{margin:0;font-size:14px;color:#555;flex:1}.program-course-meta{margin:0;font-size:13px;color:#777;text-transform:capitalize}.program-marketing-hook{font-size:15px;color:#4a4a4a;font-style:italic;margin:0}.program-no-courses{padding:24px;background:#f7f7f7;border-radius:8px;color:#555;text-align:center}.program-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:24px}.program-stat{background:#f7f5f3;border-radius:10px;padding:16px;text-align:center}.program-stat-value{font-size:22px;font-weight:700;color:var(--theme-primary, #6B4E45)}.program-stat-label{font-size:12px;color:#666;margin-top:4px;text-transform:uppercase;letter-spacing:.05em}.program-meta-list{display:grid;grid-template-columns:max-content 1fr;gap:8px 16px;margin:0;padding:0}.program-meta-list dt{font-weight:600;color:#555}.program-meta-list dd{margin:0;color:#333}.skeleton-block,.skeleton-line{background:linear-gradient(90deg,#ececec 25%,#f5f5f5 37%,#ececec 63%);background-size:400% 100%;animation:skeleton-shine 1.4s ease infinite;border-radius:6px}.skeleton-block{width:100%;height:240px;border-radius:12px}.skeleton-line{height:14px;margin:8px 0}.skeleton-line-title{height:22px;width:60%}.skeleton-line-short{width:40%}.program-course-skeleton .program-course-img.skeleton-block{height:160px;border-radius:0}@keyframes skeleton-shine{0%{background-position:100% 50%}to{background-position:0 50%}}