@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&family=Tajawal:wght@400;600;700&display=swap";.reload-spinner{justify-content:center;align-items:center;display:inline-flex;position:relative}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reload-spinner__ring{border:3px solid #0000;border-radius:50%;position:absolute;inset:0}.reload-spinner__ring--outer{border-right-color:#0000;animation:.9s cubic-bezier(.5,0,.5,1) infinite reload-spin-outer}.reload-spinner--light .reload-spinner__ring--outer{border-top-color:#93c5fd;border-bottom-color:#06b6d4;border-left-color:#06b6d4}.reload-spinner--dark .reload-spinner__ring--outer{border-top-color:#7dd3fc;border-bottom-color:#22d3ee;border-left-color:#22d3ee}.reload-spinner__ring--inner{border-left-color:#0000;animation:1.2s cubic-bezier(.5,0,.5,1) infinite reload-spin-inner;inset:18%}.reload-spinner--light .reload-spinner__ring--inner{border-top-color:#3b82f6;border-bottom-color:#60a5fa;border-right-color:#3b82f6}.reload-spinner--dark .reload-spinner__ring--inner{border-top-color:#60a5fa;border-bottom-color:#93c5fd;border-right-color:#60a5fa}.reload-spinner__core{border-radius:50%;width:20%;height:20%;animation:1.5s ease-in-out infinite reload-pulse;position:absolute}.reload-spinner--light .reload-spinner__ring--outer{box-shadow:0 0 12px #06b6d459}.reload-spinner--light .reload-spinner__ring--inner{box-shadow:0 0 10px #3b82f64d}.reload-spinner--light .reload-spinner__core{background:linear-gradient(135deg,#06b6d4,#3b82f6);box-shadow:0 0 8px #06b6d480,0 0 16px #3b82f640}.reload-spinner--dark .reload-spinner__ring--outer{box-shadow:0 0 14px #22d3ee80,0 0 28px #22d3ee33}.reload-spinner--dark .reload-spinner__ring--inner{box-shadow:0 0 12px #60a5fa80,0 0 24px #60a5fa33}.reload-spinner--dark .reload-spinner__core{background:linear-gradient(135deg,#22d3ee,#60a5fa);box-shadow:0 0 12px #22d3ee99,0 0 24px #60a5fa59}@keyframes reload-spin-outer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes reload-spin-inner{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes reload-pulse{0%,to{opacity:.85;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}.auth-modal-overlay{z-index:1050;-webkit-backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.dark .auth-modal-overlay{-webkit-backdrop-filter:blur(8px);background:#000000a6}.auth-modal-card{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;border-radius:16px;width:100%;max-width:580px;max-height:calc(100vh - 2rem);padding:24px 32px 20px;font-family:Almarai,Lama Sans,Segoe UI,sans-serif;font-style:normal;line-height:1.5;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000026}.dark .auth-modal-card{background:#1e293b;border:1px solid #ffffff14;box-shadow:0 25px 50px -12px #00000080}.auth-modal-card--register{width:320px;padding:20px 28px 18px}.auth-modal-card--register .auth-modal-title{margin-bottom:0;font-size:1.2rem}.auth-modal-card--register .auth-modal-subtitle{margin-bottom:14px;font-size:.8125rem}.auth-modal-card--register .auth-modal-form{gap:10px}.auth-modal-card--register .auth-modal-label{margin-bottom:3px;font-size:.75rem}.auth-modal-card--register .auth-modal-input{padding:8px 12px;font-size:.875rem}.auth-modal-card--register .auth-modal-input-wrap .auth-modal-input{padding-inline-end:38px}.auth-modal-card--register .auth-modal-checkbox-label,.auth-modal-card--register .auth-modal-forgot-link{font-size:.75rem}.auth-modal-card--register .auth-modal-submit{padding:10px 16px;font-size:.875rem}.auth-modal-card--register .auth-modal-divider{margin:0}.auth-modal-card--register .auth-modal-divider span{font-size:.6875rem}.auth-modal-card--register .auth-modal-google{padding:8px 16px;font-size:.875rem}.auth-modal-card--register .auth-modal-footer{margin-top:12px}.auth-modal-card--register .auth-modal-footer-text{font-size:.8125rem}.auth-modal-card--register .auth-modal-terms .auth-modal-checkbox-label{font-size:.75rem}.auth-modal-card--register .auth-modal-close{width:32px;height:32px;top:12px;right:12px}[dir=rtl] .auth-modal-card--register .auth-modal-close{left:12px;right:auto}[dir=rtl] .auth-modal-card{text-align:right}.auth-modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:color .2s,background .2s;display:flex;position:absolute;top:16px;right:16px}[dir=rtl] .auth-modal-close{left:16px;right:auto}.auth-modal-close:hover{color:#0f172a;background:#f1f5f9}.dark .auth-modal-close{color:#94a3b8}.dark .auth-modal-close:hover{color:#f1f5f9;background:#ffffff1a}.auth-modal-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 2px;font-family:Almarai,Lama Sans,Segoe UI,sans-serif;font-size:1.35rem;font-style:normal;font-weight:700;line-height:1.3}.dark .auth-modal-title{color:#f1f5f9}.auth-modal-subtitle{color:#64748b;margin:0 0 18px;font-family:Almarai,Lama Sans,Segoe UI,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.45}.dark .auth-modal-subtitle{color:#94a3b8}.auth-modal-form{flex-direction:column;gap:14px;display:flex}.auth-modal-label{color:#334155;letter-spacing:.01em;margin-bottom:4px;font-family:Almarai,Lama Sans,Segoe UI,sans-serif;font-size:.8125rem;font-style:normal;font-weight:600;display:block}.dark .auth-modal-label{color:#cbd5e1}.auth-modal-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:10px 14px;font-family:Almarai,Lama Sans,Segoe UI,sans-serif;font-size:.9375rem;font-style:normal;line-height:1.45;transition:border-color .2s,box-shadow .2s}.dark .auth-modal-input{color:#f1f5f9;background:#334155;border-color:#475569}.auth-modal-input::placeholder{color:#94a3b8}.dark .auth-modal-input::placeholder{color:#64748b}.auth-modal-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}.dark .auth-modal-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.auth-modal-input-wrap{position:relative}.auth-modal-input-wrap .auth-modal-input{padding-inline-end:44px}.auth-modal-password-toggle{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}[dir=rtl] .auth-modal-password-toggle{left:12px;right:auto}.auth-modal-password-toggle:hover{color:#334155}.dark .auth-modal-password-toggle{color:#94a3b8}.dark .auth-modal-password-toggle:hover{color:#e2e8f0}.auth-modal-options{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.auth-modal-checkbox-label{color:#475569;cursor:pointer;align-items:center;gap:8px;font-family:Almarai,Lama Sans,Segoe UI,sans-serif;font-size:.8125rem;font-style:normal;font-weight:500;line-height:1.4;display:inline-flex}.dark .auth-modal-checkbox-label{color:#94a3b8}.auth-modal-checkbox{accent-color:#3b82f6;width:16px;height:16px}.auth-modal-forgot-link{color:#3b82f6;font-family:Almarai,Lama Sans,Segoe UI,sans-serif;font-size:.8125rem;font-style:normal;font-weight:500;text-decoration:none}.auth-modal-forgot-link:hover{text-decoration:underline}.dark .auth-modal-forgot-link{color:#60a5fa}.auth-modal-submit{color:#fff;cursor:pointer;letter-spacing:.02em;background:linear-gradient(135deg,#1553fe 0%,#3a93ff 100%);border:none;border-radius:10px;width:100%;padding:12px 20px;font-family:Almarai,Lama Sans,Segoe UI,sans-serif;font-size:.9375rem;font-style:normal;font-weight:600;line-height:1.4;transition:background .2s;box-shadow:0 10px 25px -5px #1553fe66,0 0 20px #3a93ff4d}.auth-modal-submit:hover:not(:disabled){background:linear-gradient(135deg,#1553fe 0%,#3a93ff 100%);box-shadow:0 15px 35px -5px #1553fe80,0 0 30px #3a93ff66}.auth-modal-submit:disabled{opacity:.7;cursor:not-allowed}.dark .auth-modal-submit{background:linear-gradient(135deg,#1553fe 0%,#3a93ff 100%);box-shadow:0 10px 25px -5px #1553fe66,0 0 20px #3a93ff4d}.dark .auth-modal-submit:hover:not(:disabled){background:linear-gradient(135deg,#1553fe 0%,#3a93ff 100%);box-shadow:0 15px 35px -5px #1553fe80,0 0 30px #3a93ff66}.auth-modal-divider{align-items:center;gap:12px;margin:2px 0;display:flex}.auth-modal-divider:before,.auth-modal-divider:after{content:"";background:#e2e8f0;flex:1;height:1px}.dark .auth-modal-divider:before,.dark .auth-modal-divider:after{background:#475569}.auth-modal-divider span{color:#94a3b8;font-family:Almarai,Lama Sans,Segoe UI,sans-serif;font-size:.75rem;font-style:normal}.dark .auth-modal-divider span{color:#64748b}.auth-modal-google{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;padding:10px 20px;font-family:Almarai,Lama Sans,Segoe UI,sans-serif;font-size:.9375rem;font-style:normal;font-weight:500;line-height:1.4;transition:background .2s,border-color .2s;display:inline-flex}.auth-modal-google:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.dark .auth-modal-google{color:#e2e8f0;background:#334155;border-color:#475569}.dark .auth-modal-google:hover:not(:disabled){background:#475569;border-color:#64748b}.auth-modal-google:disabled{opacity:.7;cursor:not-allowed}.auth-modal-google-icon{flex-shrink:0;width:20px;height:20px}.auth-modal-footer{text-align:center;margin-top:16px}.auth-modal-footer-text{color:#64748b;margin:0;font-family:Almarai,Lama Sans,Segoe UI,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.5}.dark .auth-modal-footer-text{color:#94a3b8}.auth-modal-footer-link{color:#3b82f6;cursor:pointer;font-family:Almarai,Lama Sans,Segoe UI,sans-serif;font-weight:600;font-size:inherit;background:0 0;border:none;margin-right:4px;padding:0;font-style:normal;text-decoration:none}[dir=rtl] .auth-modal-footer-link{margin-left:4px;margin-right:0}.auth-modal-footer-link:hover{text-decoration:underline}.dark .auth-modal-footer-link{color:#60a5fa}.auth-modal-terms{margin:0 0 2px}.auth-modal-terms .auth-modal-checkbox-label{font-size:.8125rem}.auth-modal-terms-link{color:#3b82f6;font-family:Almarai,Lama Sans,Segoe UI,sans-serif;font-style:normal;text-decoration:underline}.auth-modal-terms-link:hover{color:#2563eb}.dark .auth-modal-terms-link{color:#60a5fa}.auth-modal-loading{justify-content:center;align-items:center;gap:8px;display:inline-flex}.auth-modal-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite auth-modal-spin}@keyframes auth-modal-spin{to{transform:rotate(360deg)}}.no-internet-page{background-color:#f8fbfd;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.dark .no-internet-page{background-color:#0f172a}.no-internet-content{text-align:center;flex-direction:column;align-items:center;max-width:420px;margin:0 auto;display:flex}.no-internet-icon-wrap{background-color:#e6f2fc;border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;margin-bottom:28px;display:flex;box-shadow:0 8px 32px #3fafff1f}.dark .no-internet-icon-wrap{background-color:#3fafff26;box-shadow:0 8px 32px #0000004d}.no-internet-icon{-o-object-fit:contain;object-fit:contain;width:88px;height:88px}.no-internet-title{color:#333;margin:0 0 12px;font-size:1.65rem;font-weight:700;line-height:1.3}.dark .no-internet-title{color:#f1f5f9}.no-internet-desc{color:#707c8c;margin:0 0 28px;font-size:1rem;line-height:1.6}.dark .no-internet-desc{color:#94a3b8}.no-internet-btn{color:#fff;cursor:pointer;background-color:#3fafff;border:none;border-radius:9999px;padding:14px 32px;font-size:1rem;font-weight:600;transition:background-color .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 14px #3fafff59}.no-internet-btn:hover{background-color:#2a9aef;transform:translateY(-1px);box-shadow:0 6px 20px #3fafff66}.no-internet-btn:active{transform:translateY(0)}.no-internet-btn:focus-visible{outline-offset:3px;outline:2px solid #3fafff}.navbar{--primary-blue:#09f;--primary-purple:#8a3ffc;--text-dark:#1a1a1a;--text-muted:#666;--bg-light:#f0f4f8;--border-color:#e0e6ed;z-index:1100;background:var(--navbar-bg,transparent);border-bottom:1px solid var(--navbar-border,var(--border-color));font-family:Cairo,sans-serif;position:relative}.dark .navbar{background:linear-gradient(135deg,#1a1d29 0%,#0f1117 100%);border-bottom-color:#ffffff1a}.navbar-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1440px;margin:0 auto;padding:12px 40px;display:flex;position:relative}.navbar .logo{flex-shrink:0;order:0;align-items:center;gap:12px;font-size:1.25rem;font-weight:700;text-decoration:none;transition:opacity .3s;display:flex}.navbar .logo span,.dark .navbar .logo span{background:linear-gradient(135deg,#1553fe 0%,#3a93ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar .logo:hover{opacity:.9;border-bottom:none;text-decoration:none}.navbar .logo-icon{-o-object-fit:contain;object-fit:contain;border-radius:12px;flex-shrink:0;width:36px;height:36px;display:block}.navbar .nav-links{flex:1;order:1;justify-content:center;gap:32px;margin:0;padding:0;list-style:none;display:flex}.navbar .nav-links-actions{display:none}.navbar .nav-links a,.navbar .nav-links .nav-link{color:var(--text-dark);padding:8px 4px;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .3s}.dark .navbar .nav-links a,.dark .navbar .nav-links .nav-link{color:#e2e8f0}.navbar .nav-links a:hover,.navbar .nav-links .nav-link:hover{color:var(--primary-blue)}.navbar .nav-links .nav-link.active{color:var(--primary-blue);font-weight:600}.dark .navbar .nav-links .nav-link.active{color:#60a5fa}.navbar a:after,.navbar a:hover:after{display:none!important}.nav-search{flex:0 320px;order:2;max-width:320px;position:relative}.nav-search-input{border:1px solid var(--border-color);width:100%;color:var(--text-dark);background:#fff;border-radius:25px;outline:none;padding:10px 40px 10px 16px;font-family:Cairo,sans-serif;font-size:.9rem;transition:all .3s}.dark .nav-search-input{color:#f1f5f9;background:#ffffff0d;border-color:#ffffff1a}.nav-search-input::placeholder{color:#999}.dark .nav-search-input::placeholder{color:#64748b}.nav-search-input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #0099ff1a}.nav-search-icon{color:#999;pointer-events:none;font-size:1rem;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.dark .nav-search-icon{color:#64748b}.nav-theme-toggle{background:var(--primary-blue);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-family:Cairo,sans-serif;transition:all .3s;display:flex}.nav-theme-toggle:hover{background:#0080dd;transform:scale(1.05)}.dark .nav-theme-toggle{background:var(--primary-blue)}.dark .nav-theme-toggle:hover{background:#0080dd}.navbar .nav-links-theme-item{display:none}.navbar .nav-actions{flex-shrink:0;order:3;align-items:center;gap:16px;display:flex}.navbar .btn-text{color:var(--text-dark);cursor:pointer;background:0 0;border:none;padding:0;font-family:Cairo,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none}.dark .navbar .btn-text{color:#f1f5f9}.navbar .btn-text:hover{color:var(--primary-blue)}.navbar .btn-primary{background:var(--primary-blue);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 20px;font-family:Cairo,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 4px 15px #0099ff4d}.navbar .btn-primary:hover{opacity:.95;transform:translateY(-1px)}.nav-user-wrap{position:relative}.nav-user-btn{cursor:pointer;color:var(--text-dark);background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-family:Cairo,sans-serif;font-size:.95rem;font-weight:500;transition:all .3s;display:flex}.dark .nav-user-btn{color:#f1f5f9}.nav-user-btn:hover,.nav-user-btn.active{background:#0099ff1a}.nav-user-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.nav-user-chevron{color:var(--text-muted);font-size:1rem;transition:transform .3s}.nav-user-btn.active .nav-user-chevron{transform:rotate(180deg)}.dark .nav-user-chevron{color:#94a3b8}.nav-user-avatar{background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:700;display:flex}.nav-user-dropdown{z-index:10050;background:#fff;border:1px solid #0000000f;border-radius:12px;min-width:200px;padding:8px 0;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 40px #0000001f}.dark .nav-user-dropdown{background:#1e293b;border-color:#ffffff1a;box-shadow:0 10px 40px #0006}.nav-user-dropdown-item{cursor:pointer;width:100%;color:var(--text-dark);text-align:right;background:0 0;border:none;align-items:center;gap:10px;padding:12px 16px;font-family:Cairo,sans-serif;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .2s;display:flex}.dark .nav-user-dropdown-item{color:#e2e8f0}.nav-user-dropdown-item:hover{background:#0099ff14}.nav-user-dropdown-item.danger:hover{color:#dc2626;background:#ef44441a}.navbar .hamburger{cursor:pointer;z-index:10002;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:30px;height:24px;padding:0;display:none}.navbar .hamburger span{background:var(--text-dark);border-radius:3px;width:100%;height:3px;transition:all .3s}.dark .navbar .hamburger span{background:#f1f5f9}.navbar .hamburger.active span:first-child{transform:rotate(45deg)translate(8px,8px)}.navbar .hamburger.active span:nth-child(2){opacity:0}.navbar .hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(7px,-7px)}.nav-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9998;opacity:0;pointer-events:none;background:#00000073;transition:opacity .3s cubic-bezier(.4,0,.2,1);display:none;position:fixed;inset:0}.nav-overlay.visible{opacity:1;pointer-events:auto}@keyframes nav-item-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes nav-panel-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1023px){.navbar .logo{order:0}.navbar .nav-actions{order:2}.nav-search{display:none}}@media (max-width:479px){.navbar{z-index:10000;position:sticky;top:0;overflow:visible}.nav-overlay{display:block}.navbar-inner{padding:12px 16px}.navbar .logo{gap:8px;font-size:1.1rem}.navbar .logo-icon{width:32px;height:32px}.navbar .hamburger{width:26px;height:20px;display:flex}.navbar .hamburger span{height:2px}.navbar .nav-actions{display:none}.navbar .nav-links{opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(20px)saturate(1.1);backdrop-filter:blur(20px)saturate(1.1);z-index:10001;background:#fffffffa;border-top:1px solid #0000000f;border-radius:0 0 20px 20px;flex-direction:column;gap:0;width:100%;max-height:0;margin:0;padding:0;list-style:none;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),visibility 0s linear .4s;position:absolute;top:100%;left:0;right:0;overflow:hidden;transform:translateY(-12px);box-shadow:0 12px 40px #0000001f}.dark .navbar .nav-links{background:#0f172afa;border-top-color:#ffffff14;box-shadow:0 12px 40px #00000059}.navbar .nav-links.active{opacity:1;visibility:visible;max-height:85vh;padding:12px 0 20px;transition:max-height .45s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),visibility;transform:translateY(0)}.navbar .nav-links.active li{opacity:0;animation:.4s cubic-bezier(.4,0,.2,1) forwards nav-item-in}.navbar .nav-links.active li:first-child{animation-delay:50ms}.navbar .nav-links.active li:nth-child(2){animation-delay:.1s}.navbar .nav-links.active li:nth-child(3){animation-delay:.15s}.navbar .nav-links.active li:nth-child(4){animation-delay:.2s}.navbar .nav-links.active li:nth-child(5){animation-delay:.25s}.navbar .nav-links.active li:nth-child(6){animation-delay:.3s}.navbar .nav-links.active li:nth-child(7){animation-delay:.35s}.navbar .nav-links.active li:nth-child(8){animation-delay:.4s}.navbar .nav-links.active li:nth-child(9){animation-delay:.45s}.navbar .nav-links.active li:nth-child(10){animation-delay:.5s}.navbar .nav-links li{text-align:center;width:100%}.navbar .nav-links a,.navbar .nav-links .nav-link{color:var(--text-dark);border-radius:12px;margin:0 12px 4px;padding:14px 20px;font-size:1rem;font-weight:600;transition:background .25s,color .25s;display:block}.dark .navbar .nav-links a,.dark .navbar .nav-links .nav-link{color:#f1f5f9}.navbar .nav-links a:hover,.navbar .nav-links .nav-link:hover,.navbar .nav-links .nav-link.active{color:var(--primary-blue);background:#0099ff1f}.dark .navbar .nav-links .nav-link.active{color:#60a5fa;background:#60a5fa26}.navbar .nav-links-theme-item{border-top:1px solid #00000014;width:100%;margin-top:4px;display:flex}.dark .navbar .nav-links-theme-item{border-top-color:#ffffff1a}.navbar .nav-theme-toggle-in-menu{width:calc(100% - 24px);color:var(--text-dark);background:#0000000d;border:none;border-radius:12px;justify-content:center;gap:10px;margin:8px 12px 4px;padding:14px 16px;transition:background .25s}.dark .navbar .nav-theme-toggle-in-menu{color:#f1f5f9;background:#ffffff0d}.navbar .nav-theme-toggle-in-menu:hover{background:#0099ff1f}.navbar .nav-links-actions{border-top:1px solid #00000014;flex-direction:column;gap:10px;margin-top:8px;padding:16px 12px 0;display:flex}.dark .navbar .nav-links-actions{border-top-color:#ffffff1a}.navbar .nav-links-actions .btn-text,.navbar .nav-links-actions .btn-primary{text-align:center;border-radius:12px;padding:14px 20px;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:block}.navbar .nav-links-actions .btn-primary{box-shadow:0 4px 14px #0099ff59}}@media (min-width:480px) and (max-width:767px){.navbar{z-index:10000;position:sticky;top:0;overflow:visible}.nav-overlay{display:block}.navbar-inner{padding:16px 20px}.navbar .logo{font-size:1.2rem}.navbar .hamburger{display:flex}.navbar .nav-actions{display:none}.navbar .nav-links{opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(20px)saturate(1.1);backdrop-filter:blur(20px)saturate(1.1);z-index:10001;background:#fffffffa;border-top:1px solid #0000000f;border-radius:0 0 20px 20px;flex-direction:column;gap:0;width:100%;max-height:0;margin:0;padding:0;list-style:none;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),visibility 0s linear .4s;position:absolute;top:100%;left:0;right:0;overflow:hidden;transform:translateY(-12px);box-shadow:0 12px 40px #0000001f}.dark .navbar .nav-links{background:#0f172afa;border-top-color:#ffffff14;box-shadow:0 12px 40px #00000059}.navbar .nav-links.active{opacity:1;visibility:visible;max-height:85vh;padding:16px 0 24px;transition:max-height .45s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),visibility;transform:translateY(0)}.navbar .nav-links.active li{opacity:0;animation:.4s cubic-bezier(.4,0,.2,1) forwards nav-item-in}.navbar .nav-links.active li:first-child{animation-delay:50ms}.navbar .nav-links.active li:nth-child(2){animation-delay:.1s}.navbar .nav-links.active li:nth-child(3){animation-delay:.15s}.navbar .nav-links.active li:nth-child(4){animation-delay:.2s}.navbar .nav-links.active li:nth-child(5){animation-delay:.25s}.navbar .nav-links.active li:nth-child(6){animation-delay:.3s}.navbar .nav-links.active li:nth-child(7){animation-delay:.35s}.navbar .nav-links.active li:nth-child(8){animation-delay:.4s}.navbar .nav-links.active li:nth-child(9){animation-delay:.45s}.navbar .nav-links.active li:nth-child(10){animation-delay:.5s}.navbar .nav-links li{text-align:center;width:100%}.navbar .nav-links a,.navbar .nav-links .nav-link{border-radius:12px;margin:0 16px 6px;padding:15px 24px;font-size:1.05rem;font-weight:600;transition:background .25s,color .25s;display:block}.navbar .nav-links .nav-link.active{color:var(--primary-blue);background:#0099ff1f}.dark .navbar .nav-links .nav-link.active{color:#60a5fa;background:#60a5fa26}.navbar .nav-links-theme-item{border-top:1px solid #00000014;width:100%;margin-top:6px;display:flex}.dark .navbar .nav-links-theme-item{border-top-color:#ffffff1a}.navbar .nav-theme-toggle-in-menu{width:calc(100% - 32px);color:var(--text-dark);background:#0000000d;border:none;border-radius:12px;justify-content:center;gap:10px;margin:10px 16px 6px;padding:15px 20px;transition:background .25s}.dark .navbar .nav-theme-toggle-in-menu{color:#f1f5f9;background:#ffffff0d}.navbar .nav-theme-toggle-in-menu:hover{background:#0099ff1f}.navbar .nav-links-actions{border-top:1px solid #00000014;flex-direction:column;gap:10px;margin-top:10px;padding:20px 16px 0;display:flex}.dark .navbar .nav-links-actions{border-top-color:#ffffff1a}.navbar .nav-links-actions .btn-text,.navbar .nav-links-actions .btn-primary{text-align:center;border-radius:12px;padding:14px 20px;font-weight:600;display:block}}@media (min-width:768px) and (max-width:1023px){.navbar{z-index:10000;position:sticky;top:0;overflow:visible}.nav-overlay{display:block}.navbar-inner{padding:20px 24px}.navbar .logo{font-size:1.25rem}.navbar .logo-icon{width:36px;height:36px}.navbar .hamburger{display:flex}.navbar .nav-actions{display:none!important}.navbar .nav-links{opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(20px)saturate(1.1);backdrop-filter:blur(20px)saturate(1.1);z-index:10001;background:#fffffffa;border-top:1px solid #0000000f;border-radius:0 0 24px 24px;flex-direction:column;gap:0;width:100%;max-height:0;margin:0;padding:0;list-style:none;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),visibility 0s linear .4s;position:absolute;top:100%;left:0;right:0;overflow:hidden;transform:translateY(-12px);box-shadow:0 14px 48px #0000001f}.dark .navbar .nav-links{background:#0f172afa;border-top-color:#ffffff14;box-shadow:0 14px 48px #00000059}.navbar .nav-links.active{opacity:1;visibility:visible;max-height:85vh;padding:20px 0 28px;transition:max-height .45s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),visibility;transform:translateY(0)}.navbar .nav-links.active li{opacity:0;animation:.4s cubic-bezier(.4,0,.2,1) forwards nav-item-in}.navbar .nav-links.active li:first-child{animation-delay:50ms}.navbar .nav-links.active li:nth-child(2){animation-delay:.1s}.navbar .nav-links.active li:nth-child(3){animation-delay:.15s}.navbar .nav-links.active li:nth-child(4){animation-delay:.2s}.navbar .nav-links.active li:nth-child(5){animation-delay:.25s}.navbar .nav-links.active li:nth-child(6){animation-delay:.3s}.navbar .nav-links.active li:nth-child(7){animation-delay:.35s}.navbar .nav-links.active li:nth-child(8){animation-delay:.4s}.navbar .nav-links.active li:nth-child(9){animation-delay:.45s}.navbar .nav-links.active li:nth-child(10){animation-delay:.5s}.navbar .nav-links li{text-align:center;width:100%}.navbar .nav-links a,.navbar .nav-links .nav-link{border-radius:14px;margin:0 20px 8px;padding:16px 24px;font-size:1.1rem;font-weight:600;transition:background .25s,color .25s;display:block}.navbar .nav-links .nav-link.active{color:var(--primary-blue);background:#0099ff1f}.dark .navbar .nav-links .nav-link.active{color:#60a5fa;background:#60a5fa26}.navbar .nav-links-theme-item{border-top:1px solid #00000014;width:100%;margin-top:8px;display:flex}.dark .navbar .nav-links-theme-item{border-top-color:#ffffff1a}.navbar .nav-theme-toggle-in-menu{width:calc(100% - 40px);color:var(--text-dark);background:#0000000d;border:none;border-radius:14px;justify-content:center;gap:12px;margin:12px 20px 8px;padding:16px 24px;transition:background .25s}.dark .navbar .nav-theme-toggle-in-menu{color:#f1f5f9;background:#ffffff0d}.navbar .nav-theme-toggle-in-menu:hover{background:#0099ff1f}.navbar .nav-links-actions{border-top:1px solid #00000014;flex-direction:column;gap:12px;margin-top:12px;padding:24px 20px 0;display:flex}.dark .navbar .nav-links-actions{border-top-color:#ffffff1a}.navbar .nav-links-actions .btn-text,.navbar .nav-links-actions .btn-primary{text-align:center;border-radius:14px;padding:16px 24px;font-size:1.1rem;font-weight:600;display:block}}@media (min-width:1024px){.navbar .hamburger{display:none}.navbar .nav-links{display:flex}.navbar .nav-links-actions{display:none}.navbar .nav-actions{display:flex}}.btn-spinner{font-size:1rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.navbar .btn-loading{pointer-events:none;opacity:.8;justify-content:center;align-items:center;gap:8px;display:flex}.navbar .btn-loading:disabled{cursor:not-allowed}.site-footer{box-sizing:border-box;direction:rtl;width:100%;min-width:0;max-width:100%;margin-top:auto;font-family:Cairo,sans-serif}.footer-main{background:var(--footer-bg);box-sizing:border-box;border-top:none;width:100%;padding:48px 24px 40px}.dark .footer-main{background:var(--footer-bg);border-top:none}html:not(.dark) .site-footer .footer-main{background:0 0}.footer-container{grid-template-columns:1.4fr 1fr 1fr 1fr;align-items:start;gap:40px;max-width:1200px;margin:0 auto;display:grid}@media (max-width:992px){.footer-container{grid-template-columns:1fr 1fr}}@media (max-width:576px){.footer-container{text-align:center;grid-template-columns:1fr;justify-items:center;gap:32px}.footer-col,.footer-col-academy{text-align:center;flex-direction:column;align-items:center;max-width:100%;display:flex}.footer-academy-title,.footer-academy-desc,.footer-newsletter-label{text-align:center}.footer-newsletter-form{flex-direction:column;justify-content:center;align-items:stretch;width:100%;max-width:320px}.footer-links{flex-direction:column;align-items:center;display:flex}.footer-links li{text-align:center}.footer-social{justify-content:center}}.footer-col-academy{max-width:320px}.footer-academy-title{color:#1e293b;margin:0 0 12px;font-size:1.5rem;font-weight:700}.dark .footer-academy-title{color:#f1f5f9}.footer-academy-desc{color:#475569;margin:0 0 20px;font-size:.95rem;line-height:1.6}.dark .footer-academy-desc{color:#94a3b8}.footer-newsletter-label{color:#2563eb;margin:0 0 12px;font-size:1rem;font-weight:600}.dark .footer-newsletter-label{color:#60a5fa}.footer-newsletter-form{flex-direction:row;align-items:center;gap:8px;display:flex}.footer-newsletter-input{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:12px;flex:1;min-width:0;padding:12px 16px;font-family:Cairo,sans-serif;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.footer-newsletter-input::placeholder{color:#94a3b8}.footer-newsletter-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.dark .footer-newsletter-input{color:#f1f5f9;background:#334155;border-color:#475569}.dark .footer-newsletter-input::placeholder{color:#64748b}.footer-newsletter-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#1553fe 0%,#3a93ff 100%);border:none;border-radius:12px;padding:12px 20px;font-family:Cairo,sans-serif;font-size:.95rem;font-weight:600;transition:opacity .2s,transform .2s;box-shadow:0 10.67px 13.33px -8px #06b6d44d}.footer-newsletter-btn:hover{opacity:.95;transform:translateY(-1px)}.footer-col-title{color:#2563eb;margin:0 0 16px;font-size:1rem;font-weight:600}.dark .footer-col-title{color:#60a5fa}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:10px}.footer-links a{color:#475569;font-size:.95rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#2563eb}.dark .footer-links a{color:#94a3b8}.dark .footer-links a:hover{color:#60a5fa}.footer-social{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.footer-social-btn{color:#2563eb;background:#fff;border:1px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;transition:border-color .2s,color .2s,transform .2s;display:flex}.footer-social-btn:hover{color:#1d4ed8;border-color:#2563eb;transform:translateY(-2px)}.dark .footer-social-btn{color:#60a5fa;background:#334155;border-color:#475569}.dark .footer-social-btn:hover{color:#93c5fd;border-color:#60a5fa}.footer-social-icon{font-size:1.1rem}.footer-copyright{background:var(--footer-copyright-bg);-webkit-backdrop-filter:blur(16px);text-align:center;box-sizing:border-box;border-top:none;width:100%;padding:20px 24px}@media (max-width:768px){.site-footer{padding-inline-start:env(safe-area-inset-left,0);padding-inline-end:env(safe-area-inset-right,0)}.footer-main{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}.footer-copyright{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));padding-bottom:max(20px,env(safe-area-inset-bottom))}.dark .site-footer{isolation:isolate}}html:not(.dark) .site-footer .footer-copyright{-webkit-backdrop-filter:none;background:0 0}.dark .footer-copyright{background:var(--footer-copyright-bg);-webkit-backdrop-filter:blur(16px);border-top:none}.footer-copyright p{color:#64748b;margin:0;font-size:.875rem}.dark .footer-copyright p{color:#94a3b8}.student-layout{background:var(--gradient-light);flex-direction:column;width:100%;min-width:100%;min-height:100vh;display:flex;overflow-x:hidden}html:not(.dark) .student-layout.layout--home{background:var(--gradient-light-home)}.dark .student-layout{background-color:#081120;background-image:linear-gradient(to bottom right,#081120 0% 25%,#214786 50% 10%,#081120 70% 100%);background-attachment:scroll}@media (max-width:768px){.dark .student-layout{background-image:linear-gradient(to bottom right,#081120 0% 1%,#21478659 92%,#21478633 10%,#081120 70% 100%)}}.student-main{flex:1;width:100%;min-width:0}@media (max-width:768px){.student-layout.layout--lesson-player{overflow-x:visible}.student-main.student-main--lesson-player{max-width:100%;overflow-x:visible}.student-layout{box-sizing:border-box;max-width:100%}}.skeleton{background:var(--skeleton-bg);border-radius:var(--skeleton-radius,8px);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(105deg,transparent 0%,transparent 40%,var(--skeleton-shine)50%,transparent 60%,transparent 100%);pointer-events:none;background-size:200% 100%;animation:1.6s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}html.light{--skeleton-bg:#e2e8f0;--skeleton-shine:#ffffffb3;--skeleton-radius:8px}html.dark{--skeleton-bg:#334155;--skeleton-shine:#ffffff1a;--skeleton-radius:8px}.skeleton-pulse{animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.7}}.skeleton-block{min-height:1em;display:block}.skeleton-inline-block{vertical-align:middle;display:inline-block}.landing-page{--primary-blue:#00a3ff;--primary-purple:#8a3ffc;--primary-pink:#fa4d56;--bg-light:#f4f7ff;--text-dark:#161616;--text-muted:#525252;--glass-bg:#fff9;--glass-border:#fff6;box-sizing:border-box;background:0 0;width:100%;max-width:none;min-height:100vh;margin:0;padding:0;font-family:Cairo,sans-serif;position:relative}.dark .landing-page{background:0 0}.landing-page .hero{align-items:center;min-height:80vh;padding:150px 20px 80px;display:flex;position:relative}.landing-page .hero-content{z-index:2;flex:1;max-width:600px;padding:100px}.landing-page .hero h1{color:#1a1a1a;white-space:nowrap;margin-top:-150px;margin-bottom:24px;font-size:4rem;font-weight:800;line-height:1.1}.dark .landing-page .hero h1{color:#f1f5f9}.landing-page .text-gradient{background:linear-gradient(90deg,#941eff 0%,#4881fc 50%,#10cffd 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:.08em;line-height:1.2;display:inline-block}.dark .landing-page .text-gradient{background:linear-gradient(90deg,#941eff 0%,#4881fc 50%,#10cffd 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-page .hero-description{color:var(--text-muted);margin-bottom:40px;font-size:1.1rem;line-height:1.6}.dark .landing-page .hero-description{color:#94a3b8}.landing-page .hero-btns{gap:16px;margin-bottom:60px;display:flex}.landing-page .btn-primary-large,.landing-page a.btn-primary-large{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1553fe 0%,#3a93ff 100%);border:none;border-radius:28px;justify-content:center;align-items:center;padding:16px 32px;font-family:Cairo,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;transition:opacity .3s,box-shadow .3s;display:inline-flex;box-shadow:0 10px 25px -5px #1553fe66,0 0 20px #3a93ff4d}.landing-page .btn-primary-large:hover,.landing-page a.btn-primary-large:hover{opacity:.95;box-shadow:0 15px 35px -5px #1553fe80,0 0 30px #3a93ff66}.landing-page .btn-primary-large:after,.landing-page a.btn-primary-large:after{display:none}.landing-page .btn-primary-large .btn-arrow,.landing-page a.btn-primary-large .btn-arrow{vertical-align:middle;margin-right:8px;font-size:1.35em;line-height:1;display:inline-block}.landing-page .btn-primary-large .hero-btn-text,.landing-page a.btn-primary-large .hero-btn-text{margin-left:6.274px}.landing-page .btn-secondary,.landing-page a.btn-secondary{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;color:var(--text-dark);box-shadow:none;background:#ffffff80;border-radius:28px;justify-content:center;align-items:center;padding:16px 32px;font-family:Cairo,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.landing-page .btn-secondary:hover,.landing-page a.btn-secondary:hover{box-shadow:none;background:#ffffffb3}.landing-page .btn-secondary:after,.landing-page a.btn-secondary:after{display:none}.dark .landing-page .btn-secondary,.dark .landing-page a.btn-secondary{color:#e2e8f0;background:#ffffff14;border-color:#fff3}.dark .landing-page .btn-secondary:hover,.dark .landing-page a.btn-secondary:hover{box-shadow:none;background:#ffffff24;border-color:#ffffff4d}.landing-page .stats{gap:48px;display:flex}.landing-page .stat-item h3{margin-bottom:4px;font-size:1.8rem;font-weight:800}.landing-page .stat-item p{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.85rem}.dark .landing-page .stat-item h3{color:#f1f5f9}.dark .landing-page .stat-item p{color:#94a3b8}.landing-page .hero-image-placeholder{flex:1;height:600px;position:relative}.landing-page .hand-image{-o-object-fit:contain;object-fit:contain;width:150%;height:150%;position:absolute;top:-100px;left:-290px}.landing-page .why-learn{margin-top:30px;padding:100px 20px;position:relative}.landing-page .why-learn__container{z-index:2;max-width:1280px;margin:0 auto;position:relative}.landing-page .drone-placeholder{z-index:1;width:500px;height:400px;position:absolute;top:0;left:-150px}.landing-page .drone-image{-o-object-fit:contain;object-fit:contain;width:120%;height:140%;padding:50px;position:absolute;top:-220px;left:0;right:-1200px}.landing-page .section-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:60px;display:flex}.landing-page .section-header h2{color:var(--text-dark);order:1;margin-bottom:16px;font-size:2.5rem;font-weight:800}.landing-page .section-header p{color:var(--text-muted);order:2;font-size:1.1rem}.landing-page .learning-paths .section-header p{font-size:1.35rem}.dark .landing-page .section-header h2{color:#f1f5f9}.dark .landing-page .section-header p{color:#94a3b8}.landing-page .features-grid{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:24px;display:grid}.landing-page .feature-card{-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);background:#fff0;border:1px solid #ffffffd9;border-radius:32px;flex-direction:column;min-height:280px;padding:40px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000005,inset 0 0 28px #0000000a}.dark .landing-page .feature-card{background:#ffffff0a;border-color:#ffffff1f;box-shadow:0 8px 32px #0003,inset 0 0 28px #0000000f}.dark .landing-page .feature-card:hover{background:#ffffff12;border-color:#ffffff2e}.landing-page .feature-card:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg,#ffffff05 0%,#0000 100%);border-radius:32px;position:absolute;inset:0}.landing-page .feature-card>*{z-index:1;position:relative}.landing-page .feature-card:hover{background:#ffffff08;transform:translateY(-5px);box-shadow:0 12px 40px #0000000a,inset 0 0 28px #0000000d}.landing-page .feature-card--skeleton,.landing-page .path-card--skeleton{pointer-events:none;cursor:default}.landing-page .feature-card--skeleton:hover,.landing-page .path-card--skeleton:hover{transform:none}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.landing-page .feature-card{background:#ffffffbf}}.landing-page .feature-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:24px;display:flex}.landing-page .feature-icon-img{-o-object-fit:contain;object-fit:contain;width:22px;height:22px}.landing-page .feature-icon-svg{color:#fff;flex-shrink:0}.landing-page .icon-blue{background:linear-gradient(135deg,#22d3ee 0%,#3b82f6 100%)}.landing-page .icon-pink{background:linear-gradient(135deg,#c084fc 0%,#ec4899 100%)}.landing-page .icon-purple{background:linear-gradient(135deg,#63f 0%,#8b21f0 100%)}.landing-page .icon-darkblue{background:#3f51b5}.landing-page .icon-projects{background:linear-gradient(135deg,#94a2fe 0%,#633291 100%)}.landing-page .icon-community{background:linear-gradient(135deg,#60a5fa 0%,#6366f1 100%)}.landing-page .feature-card h3{color:var(--text-dark);margin-bottom:16px;font-size:1.8rem;font-weight:700}.landing-page .feature-card p{color:var(--text-muted);flex:1;margin-bottom:0;font-size:1.1rem;line-height:1.6}.dark .landing-page .feature-card h3{color:#f1f5f9}.dark .landing-page .feature-card p{color:#94a3b8}.landing-page .learning-paths{padding:100px 20px;position:relative}.landing-page .learning-paths-image-top-right{z-index:0;opacity:.8;width:400px;height:400px;position:absolute;top:0;right:0}.landing-page .learning-image-top-right{-o-object-fit:contain;object-fit:contain;width:200%;height:450%;position:absolute;top:-700px;right:-60%}.landing-page .learning-paths-image-bottom-left{z-index:0;opacity:.8;width:400px;height:400px;position:absolute;bottom:0;left:0}.landing-page .learning-image-bottom-left{-o-object-fit:contain;object-fit:contain;width:70%;height:300%;position:absolute;top:-350px;left:-20%}.landing-page .paths-grid{z-index:2;grid-template-columns:repeat(3,1fr);gap:24px;width:98%;max-width:1320px;margin-left:auto;margin-right:auto;display:grid;position:relative}.landing-page .paths-grid.paths-grid--count-1{grid-template-columns:1fr;width:min(33.3333% - 16px,420px);max-width:98%;margin-left:auto;margin-right:auto}.landing-page .paths-grid.paths-grid--count-2{grid-template-columns:repeat(2,1fr);width:min(66.6667% - 8px,864px);max-width:98%;margin-left:auto;margin-right:auto}.landing-page .paths-empty-state{text-align:center;z-index:2;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:48px 24px;display:flex;position:relative}.landing-page .paths-empty-state__icon{color:#94a3b8;width:80px;height:80px;margin-bottom:20px}.landing-page .paths-empty-state__icon svg{width:100%;height:100%}.dark .landing-page .paths-empty-state__icon{color:#64748b}.landing-page .paths-empty-state__title{color:var(--text-primary);margin-bottom:8px;font-size:1.35rem;font-weight:700}.dark .landing-page .paths-empty-state__title{color:#f1f5f9}.landing-page .paths-empty-state__text{color:#64748b;margin-bottom:12px;font-size:1rem}.dark .landing-page .paths-empty-state__text{color:#94a3b8}.landing-page .paths-empty-state__btn{color:#fff;background:linear-gradient(135deg,#1553fe 0%,#3a93ff 100%);border-radius:50px;align-items:center;gap:8px;margin-top:8px;padding:12px 24px;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.landing-page .paths-empty-state__btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.landing-page .paths-empty-state__btn:after{display:none!important}.landing-page .path-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:none;background:#ffffff0a;border:1px solid #fff;border-radius:24px;flex-direction:column;padding:28px;transition:all .3s;display:flex;position:relative;overflow:hidden}.dark .landing-page .path-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:none;background:#ffffff0f;border-color:#7d7d7d}.dark .landing-page .path-card:hover{background:#ffffff14;border-color:#7d7d7d}.landing-page .path-card:after{display:none}.landing-page .path-card:before{content:"";background:var(--path-glow,#6366f1);filter:blur(60px);opacity:.5;pointer-events:none;z-index:0;border-radius:50%;width:160px;height:160px;position:absolute;top:-70px;left:-70px}.landing-page .path-card>*{z-index:1;position:relative}.landing-page .path-card:hover{box-shadow:none;background:#ffffff0f;transform:translateY(-5px)}.landing-page .path-card--skeleton:hover{transform:none}.landing-page .path-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:24px;display:flex}.landing-page .path-icon-img{-o-object-fit:contain;object-fit:contain;-webkit-filter:brightness(0)invert();width:26px;height:26px}.landing-page .path-icon.icon-blue{background:linear-gradient(135deg,#22d3ee 0%,#3b82f6 100%)}.landing-page .path-icon.icon-pink{background:linear-gradient(135deg,#c084fc 0%,#ec4899 100%)}.landing-page .path-icon.icon-purple{background:linear-gradient(135deg,#63f 0%,#8b21f0 100%)}.landing-page .path-card h3{color:var(--text-dark);margin-bottom:16px;font-size:1.7rem;font-weight:700}.landing-page .path-card p{color:var(--text-muted);margin-bottom:32px;font-size:1.05rem;line-height:1.5}.dark .landing-page .path-card h3{color:#f1f5f9}.dark .landing-page .path-card p{color:#94a3b8}.landing-page .path-features{flex-grow:1;margin:0 0 24px;padding:0;list-style:none}.landing-page .path-features li{color:#4a5568;align-items:flex-start;gap:12px;margin-bottom:12px;font-size:1rem;display:flex}.dark .landing-page .path-features li{color:#94a3b8}.landing-page .path-features__check{background:var(--path-accent,#6366f1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:2px;display:inline-flex}.landing-page .path-features__check-icon{color:#fff;font-size:.75rem;font-weight:700;line-height:1}.landing-page .path-footer{flex-direction:column;gap:16px;display:flex}.landing-page .modules{color:var(--path-accent,#6366f1);font-size:.9rem;font-weight:700}.landing-page .btn-path,.landing-page a.btn-path{color:#fff;cursor:pointer;text-align:center;border:none;border-radius:100px;width:100%;padding:14px;font-family:Cairo,sans-serif;font-weight:600;text-decoration:none;transition:opacity .3s;display:inline-block}.landing-page .btn-blue{background:linear-gradient(135deg,#22d3ee 0%,#3b82f6 100%)}.landing-page .btn-pink{background:linear-gradient(135deg,#c084fc 0%,#ec4899 100%)}.landing-page .btn-purple{background:linear-gradient(135deg,#63f 0%,#8b21f0 100%)}.landing-page .btn-path:hover,.landing-page a.btn-path:hover{opacity:.9}.landing-page .btn-path:after,.landing-page a.btn-path:after{display:none}.landing-page .courses-section,.landing-page .courses-section:before,.landing-page .courses-section:after,.landing-page .courses-section .container,.landing-page .courses-section .header,.landing-page .courses-section .footer-action,.landing-page .courses-section .filter-nav,.landing-page .courses-section .course-carousel-wrap,.landing-page .courses-section .course-carousel,.landing-page .courses-section .course-carousel__viewport,.landing-page .courses-section .course-carousel__container,.landing-page .courses-section .course-carousel__slide{box-shadow:none!important;background:0 0!important}.landing-page .courses-section .course-carousel-wrap,.landing-page .courses-section .course-carousel,.landing-page .courses-section .course-carousel__viewport,.landing-page .courses-section .course-carousel__container,.landing-page .courses-section .course-carousel__slide{-webkit-backdrop-filter:none!important}.landing-page .courses-section:before,.landing-page .courses-section:after{content:none!important;display:none!important}.courses-section .container{max-width:1200px;margin:0 auto;padding:0 40px}.courses-section .header{text-align:center;margin-bottom:40px}.courses-section .main-title{color:#1a202c;font-size:36px;font-weight:700}.dark .courses-section .main-title{color:#f1f5f9}.courses-section .filter-nav{flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:-20px;display:flex}.courses-section .filter-btn-icon{color:#fff;-webkit-filter:drop-shadow(0 1px 2px #00000026);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.courses-section .filter-btn-icon svg{color:inherit}.dark .courses-section .filter-btn-icon{color:#fff}.dark .courses-section .filter-btn-icon svg{color:inherit}.dark .courses-section .filter-btn-icon-img{-webkit-filter:brightness(0)invert()}.courses-section .filter-btn-icon--all{border-radius:8px;width:28px;height:28px}.courses-section .filter-btn-icon--img{border-radius:6px;width:22px;height:22px;overflow:hidden}.courses-section .filter-btn-icon-img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.courses-section .filter-btn{-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);color:#00132ecc;cursor:pointer;direction:rtl;background:#fff0;border:1px solid #ffffffd9;border-radius:50px;align-items:center;gap:8px;padding:10px 24px;font-family:Cairo,sans-serif;font-size:15px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 8px 32px #00000005,inset 0 0 28px #0000000a}.courses-section .filter-btn:hover{background:#ffffff08;border-color:#ffffffe6;box-shadow:0 12px 40px #0000000a,inset 0 0 28px #0000000d}.courses-section .filter-btn.active{color:#fff;background:linear-gradient(135deg,#1553fe 0%,#3a93ff 100%);border:1px solid #ffffffd9;box-shadow:0 8px 32px #00000014,inset 0 0 28px #1553fe26}.dark .courses-section .filter-btn{color:#94a3b8;background:#ffffff0a;border-color:#ffffff1f;box-shadow:0 8px 32px #0003,inset 0 0 28px #0000000f}.dark .courses-section .filter-btn:hover{background:#ffffff12;border-color:#ffffff2e}.dark .courses-section .filter-btn.active{color:#fff;background:linear-gradient(135deg,#1553fe 0%,#3a93ff 100%);border-color:#ffffff40;box-shadow:0 8px 32px #00000040,inset 0 0 28px #1553fe33}.courses-section .course-carousel-wrap{box-sizing:border-box;align-items:stretch;gap:12px;width:100%;min-height:360px;padding:36px 0 48px;display:flex;position:relative}.courses-section .course-carousel{flex:1;min-width:0;overflow:hidden}.courses-section .course-carousel__viewport{touch-action:pan-y pinch-zoom;min-height:auto;margin:0;overflow:hidden}.courses-section .course-carousel__container{-webkit-user-select:none;user-select:none;backface-visibility:hidden;align-items:stretch;gap:20px;margin:0;padding:0 16px;display:flex}.courses-section .course-carousel__slide{flex:none;width:min(260px,85vw);min-width:0;max-width:100%;margin-top:20px;margin-bottom:20px;display:flex}.courses-section .course-carousel__slide .browse-course-card{flex-direction:column;width:100%;height:100%;min-height:320px;display:flex}.courses-section .course-carousel-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#64748b;cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-top:80px;transition:all .25s;display:flex}.courses-section .course-carousel-btn:hover:not(:disabled){color:#1e293b;background:#ffffff2e;border-color:#fff6;transform:scale(1.05)}.courses-section .course-carousel-btn:disabled{opacity:.35;cursor:not-allowed}.dark .courses-section .course-carousel-btn{color:#94a3b8;background:#ffffff0f;border-color:#ffffff1f}.dark .courses-section .course-carousel-btn:hover:not(:disabled){color:#e2e8f0;background:#ffffff1f;border-color:#fff3}.courses-section .course-carousel__slide .browse-course-card{-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);background:#fff0;border:1px solid #ffffffd9;border-radius:32px;padding-bottom:12px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000005,inset 0 0 28px #0000000a}.courses-section .course-carousel__slide .browse-course-card:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg,#ffffff05 0%,#0000 100%);border-radius:32px;position:absolute;inset:0}.courses-section .course-carousel__slide .browse-course-card .browse-course-card__image-wrap,.courses-section .course-carousel__slide .browse-course-card .browse-course-card__body{z-index:1;position:relative}.courses-section .course-carousel__slide .browse-course-card .browse-course-card__image-wrap,.courses-section .course-carousel__slide .browse-course-card .browse-course-card__image{border-radius:24px}.courses-section .course-carousel__slide .browse-course-card:hover{background:#ffffff08;border-color:#ffffffe6;box-shadow:0 12px 40px #0000000a,inset 0 0 28px #0000000d}.dark .courses-section .course-carousel__slide .browse-course-card{background:#ffffff0a;border-color:#ffffff1f;box-shadow:0 8px 32px #0003,inset 0 0 28px #0000000f}.dark .courses-section .course-carousel__slide .browse-course-card:hover{background:#ffffff12;border-color:#ffffff2e}.courses-section .browse-course-card__body{flex-direction:column;flex:1;min-height:0;padding-bottom:0;display:flex}.courses-section .browse-course-card__desc{color:#00132e;flex:1;min-height:0;margin-bottom:6px}.dark .courses-section .browse-course-card__desc{color:#fff}.courses-section .browse-course-card__footer{flex-shrink:0;padding-top:0}.courses-section .courses-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:48px 24px 56px;display:flex}.courses-section .courses-empty-state__icon{color:#94a3b8;opacity:.7;width:80px;height:80px;margin-bottom:24px}.courses-section .courses-empty-state__icon svg{width:100%;height:100%}.dark .courses-section .courses-empty-state__icon{color:#64748b}.courses-section .courses-empty-state__title{color:#1e293b;margin-bottom:12px;font-size:1.35rem;font-weight:700}.dark .courses-section .courses-empty-state__title{color:#f1f5f9}.courses-section .courses-empty-state__text{color:#64748b;max-width:360px;margin-bottom:8px;font-size:1rem}.courses-section .courses-empty-state__text strong{color:#3b82f6}.dark .courses-section .courses-empty-state__text{color:#94a3b8}.dark .courses-section .courses-empty-state__text strong{color:#60a5fa}.courses-section .courses-empty-state__hint{color:#94a3b8;margin-bottom:24px;font-size:.9rem}.dark .courses-section .courses-empty-state__hint{color:#64748b}.courses-section .courses-empty-state__btn{color:#fff;background:linear-gradient(135deg,#10cffd 0%,#4881fc 100%);border-radius:50px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 14px #3b82f659}.courses-section .courses-empty-state__btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.courses-section .courses-empty-state__btn:after{display:none!important}@media (max-width:480px){.courses-section .courses-empty-state{min-height:240px;padding:32px 16px 40px}.courses-section .courses-empty-state__icon{width:64px;height:64px;margin-bottom:20px}.courses-section .courses-empty-state__title{font-size:1.15rem}.courses-section .courses-empty-state__text{font-size:.9rem}.courses-section .courses-empty-state__hint{margin-bottom:20px;font-size:.85rem}}.courses-section .footer-action{background:0 0;justify-content:center;margin-top:-20px;display:flex}.courses-section .explore-btn{-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);color:#00132ecc;cursor:pointer;background:#fff0;border:1px solid #ffffffd9;border-radius:50px;align-items:center;gap:12px;padding:14px 40px;font-family:Cairo,sans-serif;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 8px 32px #00000005,inset 0 0 28px #0000000a}.courses-section .explore-btn:after,.courses-section a.explore-btn:after{display:none}.courses-section .explore-btn:hover{background:#ffffff08;border-color:#ffffffe6;transform:scale(1.02);box-shadow:0 12px 40px #0000000a,inset 0 0 28px #0000000d}.dark .courses-section .explore-btn{color:#e2e8f0;background:#ffffff0a;border-color:#ffffff1f;box-shadow:0 8px 32px #0003,inset 0 0 28px #0000000f}.dark .courses-section .explore-btn:hover{background:#ffffff12;border-color:#ffffff2e;box-shadow:0 12px 40px #00000026,inset 0 0 28px #00000014}@media (max-width:479px){.landing-page{padding:0 16px}.landing-page .hero{text-align:center;flex-direction:column;min-height:auto;margin-top:0;padding:24px 0 20px}.landing-page .hero-content{box-sizing:border-box;width:100%;max-width:100%;padding:0 8px}.landing-page .hero h1{white-space:normal;letter-spacing:-.02em;margin-top:0;margin-bottom:14px;font-size:1.75rem;line-height:1.35}.landing-page .hero-description{color:var(--text-muted);margin-bottom:24px;padding:0 4px;font-size:.9375rem;line-height:1.6}.dark .landing-page .hero-description{color:#94a3b8}.landing-page .hero-btns{flex-direction:column;gap:10px;width:100%;max-width:280px;margin-bottom:28px;margin-left:auto;margin-right:auto}.landing-page .btn-primary-large,.landing-page .btn-secondary,.landing-page a.btn-primary-large,.landing-page a.btn-secondary{border-radius:24px;width:100%;min-height:44px;padding:12px 20px;font-size:.9375rem;font-weight:600}.landing-page .stats{flex-wrap:wrap;justify-content:center;gap:20px}.landing-page .hero-image-placeholder{display:none}.landing-page .why-learn{margin-top:0;padding:24px 0 48px}.landing-page .section-header{margin-bottom:32px}.landing-page .section-header h2{font-size:1.75rem}.landing-page .features-grid{grid-template-columns:1fr;gap:16px}.landing-page .feature-card{border-radius:16px;min-height:0;padding:24px}.landing-page .drone-placeholder{display:none}.landing-page .learning-paths{padding:48px 0}.landing-page .paths-grid{grid-template-columns:1fr;gap:20px}.landing-page .paths-grid.paths-grid--count-1,.landing-page .paths-grid.paths-grid--count-2{width:100%;margin-left:auto;margin-right:auto}.landing-page .path-card{border-radius:16px;padding:24px}.landing-page .path-card h3{font-size:1.35rem}.landing-page .learning-paths-image-top-right,.landing-page .learning-paths-image-bottom-left{display:none}.courses-section{padding:48px 0}.courses-section .container{padding:0 12px}.courses-section .main-title{font-size:1.5rem}.courses-section .filter-nav{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;gap:8px;margin-bottom:24px;padding-bottom:8px;overflow-x:auto}.courses-section .filter-btn{white-space:nowrap;flex-shrink:0;padding:10px 16px;font-size:.9rem}.courses-section .course-carousel-wrap{padding:0}.courses-section .course-carousel__slide{width:min(240px,78vw)}.courses-section .course-carousel-btn{width:42px;height:42px;margin-top:60px}.courses-section .footer-action{margin-top:20px}}@media (min-width:480px) and (max-width:767px){.landing-page{padding:0 20px}.landing-page .hero{padding:32px 0 48px}.landing-page .hero-content{max-width:100%;padding:0 16px}.landing-page .hero h1{margin-bottom:18px;font-size:2.25rem;line-height:1.3}.landing-page .hero-description{margin-bottom:28px;font-size:1rem}.landing-page .hero-btns{gap:12px;margin-bottom:36px}.landing-page .features-grid{grid-template-columns:repeat(2,1fr)}.landing-page .paths-grid{grid-template-columns:1fr}.landing-page .paths-grid.paths-grid--count-1,.landing-page .paths-grid.paths-grid--count-2{width:100%;margin-left:auto;margin-right:auto}}@media (min-width:768px) and (max-width:1023px){.landing-page{padding:0 25px}.landing-page .hero{text-align:center;flex-direction:column;min-height:auto;padding:60px 0 80px}.landing-page .hero h1{white-space:normal;margin-top:0;font-size:3rem}.landing-page .hero-image-placeholder{display:none}.landing-page .features-grid,.landing-page .paths-grid{grid-template-columns:repeat(2,1fr)}.landing-page .paths-grid.paths-grid--count-1{grid-template-columns:1fr;width:calc(50% - 16px);margin-left:auto;margin-right:auto}.landing-page .paths-grid.paths-grid--count-2{width:100%;margin-left:auto;margin-right:auto}.landing-page .learning-paths-image-top-right,.landing-page .learning-paths-image-bottom-left{display:none}.courses-section .course-carousel__slide{width:min(260px,38vw)}}.browse-courses-page{background:var(--gradient-light);z-index:0;background-attachment:scroll;min-height:100vh;transition:background .3s;position:relative}.dark .browse-courses-page{background-color:#081120;background-image:linear-gradient(145deg,#081120 0%,#214786 42%,#081120 88%);background-attachment:scroll}.browse-courses-page-interactive{isolation:isolate}.browse-courses-page-interactive .browse-hero,.browse-courses-page-interactive .all-courses-section{z-index:1;pointer-events:auto;position:relative}.browse-hero{padding:var(--spacing-8)var(--spacing-4)var(--spacing-4);background:0 0;transition:all .3s;position:relative;overflow:hidden}.dark .browse-hero{background:0 0}.browse-hero-content{z-index:0;text-align:center;max-width:800px;margin:0 auto;position:relative}.browse-hero-title{margin-bottom:var(--spacing-4);color:#1e293b;text-align:center;font-size:2.5rem;font-weight:800;line-height:1.3;transition:color .3s}.dark .browse-hero-title{color:#f1f5f9}.browse-hero-title-gradient{background:linear-gradient(90deg,#7c3aed 0%,#2563eb 100%);-webkit-text-fill-color:transparent;line-height:inherit;-webkit-background-clip:text;background-clip:text;padding-bottom:.06em;display:inline-block}.dark .browse-hero-title-gradient{background:linear-gradient(90deg,#60a5fa 0%,#a78bfa 100%);-webkit-text-fill-color:transparent;line-height:inherit;-webkit-background-clip:text;background-clip:text;padding-bottom:.06em;display:inline-block}.browse-hero-description{font-size:var(--font-size-lg);margin-bottom:var(--spacing-4);color:#64748b;text-align:center;line-height:1.6;transition:color .3s}.dark .browse-hero-description{color:#94a3b8}.browse-courses-section{padding:var(--spacing-2)0 var(--spacing-12);z-index:1;position:relative}.browse-courses-search{background:0 0;border:1px solid #00000014;border-radius:24px;align-items:stretch;max-width:640px;margin:0 auto 32px;transition:box-shadow .2s,border-color .2s;display:flex;overflow:hidden;box-shadow:0 4px 20px #0000000a}.browse-courses-search:focus-within{border-color:#3b82f659;box-shadow:0 6px 24px #3b82f626}.browse-courses-search-input-wrap{border-radius:24px;flex:1;align-items:center;min-width:0;display:flex;position:relative}.browse-courses-search-input{width:100%;height:52px;font-family:"Almarai","Lama Sans",var(--font-primary),sans-serif;color:#1e293b;text-align:right;background:0 0;border:none;outline:none;padding:0 48px 0 20px;font-size:1rem}.browse-courses-search-input::placeholder{color:#94a3b8;font-family:inherit}.browse-courses-search-icon{color:#94a3b8;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:auto;right:18px;transform:translateY(-50%)}[dir=rtl] .browse-courses-search-input{padding:0 48px 0 20px}[dir=rtl] .browse-courses-search-icon{left:auto;right:18px}.browse-courses-search-btn{margin:6px;color:#fff;height:44px;font-family:"Almarai","Lama Sans",var(--font-primary),sans-serif;cursor:pointer;background:linear-gradient(90deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:24px;flex-shrink:0;margin-inline-start:6px;padding:0 28px;font-size:1rem;font-weight:600;transition:background .2s,transform 50ms}.browse-courses-search-btn:hover{background:linear-gradient(90deg,#2563eb 0%,#1d4ed8 100%)}.browse-courses-search-btn:active{transform:scale(.98)}.dark .browse-courses-search{background:#ffffff0f;border-color:#ffffff1f;box-shadow:0 4px 20px #0003}.dark .browse-courses-search:focus-within{border-color:#60a5fa66;box-shadow:0 6px 24px #3b82f633}.dark .browse-courses-search-input{color:#f1f5f9}.dark .browse-courses-search-input::placeholder{color:#64748b}.dark .browse-courses-search-icon{color:#64748b}.browse-courses-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-items:stretch;gap:28px 32px;display:grid}.browse-courses-grid__item{min-width:0;display:flex}.browse-courses-grid__item .browse-course-card{width:100%}.browse-courses-grid .browse-course-card{height:auto;min-height:0;padding-bottom:12px}.browse-courses-grid .browse-course-card__body{flex:none;padding-bottom:0}.browse-courses-grid .browse-course-card__desc{flex:none;margin-bottom:6px}.browse-courses-grid .browse-course-card__footer{padding-top:0}.browse-courses-skeleton-grid{min-height:320px}.browse-course-card--skeleton{pointer-events:none;cursor:default}.browse-course-card--skeleton:hover{transform:none}.browse-course-card--skeleton .browse-course-card__image-wrap{display:block;overflow:hidden}.browse-course-card--skeleton .browse-skeleton-image{width:100%;display:block}.browse-course-card--skeleton .browse-skeleton-desc{display:block}.browse-course-card--skeleton .browse-course-card__footer{gap:12px;margin-top:12px;display:flex}.browse-courses-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 24px;display:flex}.browse-courses-loading-spinner{border:3px solid #3b82f633;border-top-color:#3b82f6;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite browse-courses-spin}@keyframes browse-courses-spin{to{transform:rotate(360deg)}}.dark .browse-courses-loading{color:#94a3b8}.dark .browse-courses-loading-spinner{border-color:#60a5fa #3b82f640 #3b82f640}.browse-courses-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 24px;display:flex}.browse-courses-error-text{color:#dc2626;margin:0;font-size:1rem}.dark .browse-courses-error-text{color:#f87171}.browse-courses-error-retry{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:10px;padding:10px 24px;font-size:.95rem;font-weight:600;transition:background .2s}.browse-courses-error-retry:hover{background:#2563eb}.browse-courses-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-top:40px;padding:24px 0 32px;display:flex}.browse-courses-pagination-btn{color:#1e293b;cursor:pointer;background:#ffffffe6;border:1px solid #0000001a;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #0000000f}.browse-courses-pagination-btn:hover:not(:disabled){color:#3b82f6;background:#fff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633}.browse-courses-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.browse-courses-pagination-btn--prev svg{order:-1}.browse-courses-pagination-btn--next{flex-direction:row-reverse}.browse-courses-pagination-btn--next svg{order:-1}.browse-courses-pagination-info{color:#64748b;font-size:.95rem;font-weight:500}.browse-courses-pagination-total{color:#94a3b8;font-size:.9rem}.dark .browse-courses-pagination-btn{color:#e2e8f0;background:#ffffff14;border-color:#ffffff26}.dark .browse-courses-pagination-btn:hover:not(:disabled){color:#93c5fd;background:#3b82f633;border-color:#60a5fa}.dark .browse-courses-pagination-info{color:#94a3b8}.dark .browse-courses-pagination-total{color:#64748b}.browse-course-card{height:100%;min-height:320px;color:inherit;cursor:pointer;-webkit-backdrop-filter:blur(20px)saturate(1.5);background:#ffffff05;border:1px solid #ffffff26;border-radius:20px;flex-direction:column;padding:12px 12px 0;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #0000000d,inset 0 1px #ffffff1a}.browse-course-card:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#ffffff14 0%,#ffffff05 50%,#0000 100%);border-radius:20px 20px 0 0;height:50%;position:absolute;top:0;left:0;right:0}.browse-course-card:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(90deg,#0000,#ffffff40,#0000);height:1px;position:absolute;bottom:0;left:10%;right:10%}.browse-course-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026,inset 0 1px #ffffff26}.browse-course-card__image-wrap{z-index:1;background:#33415540;border-radius:12px;flex-shrink:0;width:100%;height:130px;margin-bottom:12px;position:relative;overflow:hidden;box-shadow:0 4px 12px -3px #00000026}.browse-course-card__image{-o-object-fit:cover;object-fit:cover;border-radius:12px;width:100%;height:100%;transition:transform .3s;display:block}.browse-course-card:hover .browse-course-card__image{transform:scale(1.03)}.browse-course-card__body{z-index:1;text-align:right;flex-direction:column;flex:1;padding:0 0 14px;display:flex;position:relative}.browse-course-card__top-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.browse-course-card__category{color:#e2e8f0;font-size:13px;font-weight:600}.browse-course-card__badge{color:#fff;background:#c2410c;border-radius:999px;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.browse-course-card__title{color:#fff;margin:0 0 6px;font-size:17px;font-weight:700;line-height:1.35}.browse-course-card__desc{color:#94a3b8;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0 0 12px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.browse-course-card__footer{justify-content:flex-start;align-items:center;gap:16px;padding-top:10px;display:flex}.browse-course-card__meta{color:#cbd5e1;align-items:center;gap:5px;font-size:12px;font-weight:500;display:inline-flex}.browse-course-card__meta svg{color:#3b82f6;flex-shrink:0;width:14px;height:14px}.light .browse-course-card{-webkit-backdrop-filter:blur(20px)saturate(1.5);background:#ffffff14;border:1px solid #ffffff40;box-shadow:0 4px 24px #0000000d,inset 0 1px #ffffff26}.light .browse-course-card:before{background:linear-gradient(#ffffff26 0%,#ffffff0d 50%,#0000 100%)}.light .browse-course-card:hover{background:#ffffff1f;box-shadow:0 12px 32px #00000014,inset 0 1px #fff3}.light .browse-course-card__image-wrap{background:#f1f5f966;box-shadow:0 4px 12px -3px #00000014}.light .browse-course-card__category{color:#475569}.light .browse-course-card__title{color:#1e293b}.light .browse-course-card__desc{color:#64748b}.light .browse-course-card__meta{color:#475569}.light .browse-course-card__meta svg{color:#2563eb}.dark .browse-course-card{-webkit-backdrop-filter:blur(20px)saturate(1.5);background:#ffffff0a;border:1px solid #ffffff1a;box-shadow:0 4px 24px #0003,inset 0 1px #ffffff14}.dark .browse-course-card:before{background:linear-gradient(#ffffff14 0%,#ffffff05 50%,#0000 100%)}.dark .browse-course-card:hover{background:#ffffff14;box-shadow:0 12px 32px #0000004d,inset 0 1px #ffffff1f}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.browse-course-card{background:#ffffffe0}.browse-course-card:before{background:linear-gradient(135deg,#fff9,#ffffff40)}.light .browse-course-card{background:#ffffffe6}.light .browse-course-card:before{background:linear-gradient(135deg,#64748b00,#64748b66)}.dark .browse-course-card{background:#0f172aeb}.dark .browse-course-card:before{background:linear-gradient(135deg,#fff3,#ffffff14)}}.course-progress-card{transition:var(--transition-normal);cursor:pointer;border-radius:var(--radius-2xl);background:var(--color-white);height:100%;box-shadow:var(--shadow-md);box-sizing:border-box;flex-direction:column;width:100%;min-width:0;max-width:100%;height:420px;min-height:420px;max-height:420px;display:flex;overflow:hidden}.courses-flex-container{z-index:0;grid-template-columns:repeat(4,1fr);align-items:stretch;gap:1.5rem;display:grid;position:relative}@media (min-width:768px) and (max-width:1199px){.courses-flex-container{grid-template-columns:repeat(3,1fr)}}@media (max-width:767px){.courses-flex-container{grid-template-columns:1fr}}.dark .course-progress-card{background:#0f172af2;box-shadow:0 8px 32px #0000004d}.course-link-wrapper{color:inherit;text-decoration:none;display:block}.course-link-wrapper .course-progress-card:hover{cursor:pointer}.course-progress-card:hover,.dark .course-progress-card:hover{transform:translateY(-5px)}.course-progress-image{box-sizing:border-box;background:var(--glass-bg);flex-shrink:0;width:100%;height:180px;padding:12px 10px 10px;position:relative;overflow:hidden}.course-progress-icon{top:var(--spacing-3);right:var(--spacing-3);border-radius:var(--radius-full);width:40px;height:40px;font-size:var(--font-size-lg);color:var(--color-blue);z-index:2;background:#ffffffe6;justify-content:center;align-items:center;transition:background .3s;display:flex;position:absolute;box-shadow:0 4px 12px #00000026}.dark .course-progress-icon{background:#1e293bcc}.course-progress-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:var(--transition-slow);border-radius:12px}.course-progress-card:hover .course-progress-image img{transform:scale(1.1)}.course-progress-overlay{opacity:0;transition:var(--transition-normal);background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.course-progress-card:hover .course-progress-overlay{opacity:1}.course-featured-badge{top:var(--spacing-3);left:var(--spacing-3);padding:var(--spacing-1)var(--spacing-2);background:var(--gradient-red-blue);color:var(--color-white);border-radius:var(--radius-full);align-items:center;gap:var(--spacing-1);z-index:2;font-size:10px;font-weight:600;display:flex;position:absolute;box-shadow:0 2px 8px #0003}.course-progress-content{padding:var(--spacing-4);flex-direction:column;flex:1;display:flex}.course-progress-header{margin-bottom:var(--spacing-1);justify-content:space-between;align-items:center;display:flex}.course-category{padding:2px var(--spacing-2);color:var(--color-blue);border-radius:var(--radius-full);background:#2563eb1a;font-size:11px;transition:background .3s,color .3s}.dark .course-category{color:var(--color-blue-light);background:#60a5fa26}.course-rating-badge{align-items:center;gap:var(--spacing-1);padding:2px var(--spacing-2);color:#fbbf24;border-radius:var(--radius-full);background:#fbbf241a;font-size:11px;font-weight:600;display:flex}.course-progress-title{font-size:var(--font-size-base);margin-bottom:var(--spacing-2);color:#4688e7;font-weight:700;line-height:1.3}.course-progress-description{color:var(--text-secondary);margin-bottom:var(--spacing-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}@media (max-width:768px){.courses-flex-container{grid-template-columns:1fr}.course-progress-image{height:160px}.course-progress-info{text-align:center;justify-content:center;gap:var(--spacing-3)}.course-progress-info span{justify-content:center;max-width:140px}.course-progress-footer{padding:var(--spacing-5)var(--spacing-4)var(--spacing-4)}}@media (max-width:640px){.course-progress-info{text-align:center!important;justify-content:center!important;align-items:stretch!important;gap:var(--spacing-3)!important;width:100%!important;max-width:none!important;padding:0 var(--spacing-2)!important;flex-flow:wrap!important}.course-progress-info span{text-align:center!important;min-width:80px!important;max-width:120px!important;padding:var(--spacing-3)var(--spacing-2)!important;border-radius:var(--radius-xl)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;font-size:var(--font-size-xs)!important;color:var(--text-primary)!important;background:linear-gradient(135deg,#ffffffe6 0%,#f8fafccc 100%)!important;border:1px solid #2563eb1a!important;flex:1!important;justify-content:center!important;align-items:center!important;font-weight:600!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative!important;overflow:hidden!important}.course-progress-info span:before{content:""!important;background:linear-gradient(90deg,#0000,#2563eb1a,#0000)!important;width:100%!important;height:100%!important;transition:left .5s!important;position:absolute!important;top:0!important;left:-100%!important}.course-progress-info span:hover{border-color:#2563eb4d!important;transform:translateY(-3px)scale(1.02)!important;box-shadow:0 8px 25px #2563eb26!important}.course-progress-info span:hover:before{left:100%!important}.course-progress-footer{padding:var(--spacing-6)var(--spacing-4)var(--spacing-4)!important;border-radius:0 0 var(--radius-2xl)var(--radius-2xl)!important;background:linear-gradient(135deg,#fffffff2 0%,#f8fafce6 100%)!important;border-top:none!important;margin-top:0!important;position:relative!important}.course-progress-footer:after{content:""!important;background:linear-gradient(90deg,#0000 0%,#2563eb66 50%,#0000 100%)!important;border-radius:1px!important;width:60%!important;height:1px!important;position:absolute!important;top:0!important;left:50%!important;transform:translate(-50%)!important}.dark .course-progress-info span{color:var(--text-primary)!important;background:linear-gradient(135deg,#1e293bcc 0%,#334155b3 100%)!important;border:1px solid #60a5fa33!important}.dark .course-progress-info span:hover{color:var(--color-blue-light)!important;background:linear-gradient(135deg,#1e293be6 0%,#334155cc 100%)!important;border-color:#60a5fa66!important;box-shadow:0 8px 25px #60a5fa33!important}.dark .course-progress-footer{background:linear-gradient(135deg,#0f172af2 0%,#1e293be6 100%)!important}.dark .course-progress-footer:after{background:linear-gradient(90deg,#0000 0%,#60a5fa80 50%,#0000 100%)!important}}.course-progress-footer{padding-top:var(--spacing-4);margin-top:auto}.course-progress-info{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2);flex-wrap:wrap;font-size:11px;transition:color .3s;display:flex}.dark .course-progress-info{color:var(--text-secondary)}.course-progress-info span{align-items:center;gap:4px;display:flex}.course-info-level svg{color:#8b5cf6;width:14px;height:14px;transition:color .3s}.course-info-duration svg{color:var(--color-blue);width:14px;height:14px;transition:color .3s}.course-info-lessons svg{color:#10b981;width:14px;height:14px;transition:color .3s}.course-info-students svg{color:#f59e0b;width:14px;height:14px;transition:color .3s}.dark .course-info-level svg{color:#a78bfa}.dark .course-info-duration svg{color:var(--color-blue-light)}.dark .course-info-lessons svg{color:#34d399}.dark .course-info-students svg{color:#fbbf24}.course-progress-actions{padding-top:var(--spacing-4);margin-top:auto}.btn-enroll{justify-content:center;align-items:center;gap:var(--spacing-2);width:100%;display:flex;box-shadow:none!important}.btn-enroll:hover{box-shadow:none!important}.courses-list{gap:var(--spacing-4);flex-direction:column;display:flex}.course-list-item{padding:0;overflow:hidden}.course-list-content{gap:var(--spacing-6);padding:var(--spacing-6);display:flex}.course-list-image{-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-xl);flex-shrink:0;width:200px;height:150px}.course-list-info{gap:var(--spacing-4);flex-direction:column;flex:1;display:flex}.course-list-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);display:flex}.course-list-title{font-size:var(--font-size-xl);margin:var(--spacing-2)0;font-weight:700}.course-list-instructor{color:var(--text-secondary);font-size:var(--font-size-sm)}.course-list-price{text-align:left;flex-shrink:0}.price-current{font-size:var(--font-size-2xl);color:var(--color-blue);font-weight:700}.price-original{font-size:var(--font-size-sm);color:#9ca3af;margin-top:var(--spacing-1);text-decoration:line-through}.course-badge-featured{padding:var(--spacing-1)var(--spacing-2);background:var(--gradient-red-blue);color:var(--color-white);border-radius:var(--radius-full);font-size:var(--font-size-xs);margin-top:var(--spacing-2);font-weight:600;display:inline-block}.course-list-description{color:var(--text-secondary);line-height:1.6}.course-list-footer{justify-content:space-between;align-items:center;gap:var(--spacing-4);flex-wrap:wrap;margin-top:auto;display:flex}.course-list-stats{gap:var(--spacing-4);font-size:var(--font-size-sm);color:var(--text-secondary);flex-wrap:wrap;display:flex}.course-list-stats span{align-items:center;gap:var(--spacing-1);display:flex}.star-icon{color:#fbbf24}.course-list-actions{gap:var(--spacing-3);flex-wrap:wrap;display:flex}.empty-state{text-align:center;padding:var(--spacing-16)}.dark .empty-state{background:#ffffff0a!important;border-color:#ffffff1a!important}.dark .empty-state h3{color:#f1f5f9}.dark .empty-state p{color:#94a3b8}.dark .empty-state .empty-icon{color:#64748b}.empty-icon{color:#9ca3af;margin-bottom:var(--spacing-4);font-size:4rem}.empty-state h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-2)}.empty-state p{color:var(--text-secondary)}.section-header{margin-bottom:var(--spacing-8);justify-content:space-between;align-items:center;gap:var(--spacing-4);flex-wrap:wrap;display:flex}.section-title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-2);color:var(--text-primary);font-weight:700;transition:color .3s}.section-description{font-size:var(--font-size-base);color:var(--text-primary);transition:color .3s}.dark .section-description{color:var(--text-secondary)}@media (max-width:768px){.browse-hero-title{font-size:var(--font-size-2xl)}.browse-filters-container{flex-direction:column;align-items:stretch}.filters-dropdowns{flex-direction:column;width:100%}.filter-dropdown{width:100%;min-width:auto}.reset-filters-button{text-align:center;width:100%}.course-list-content{flex-direction:column}.course-list-image{width:100%;height:180px}.course-list-header{flex-direction:column}.course-list-footer{flex-direction:column;align-items:stretch}.course-list-actions{flex-direction:column}.course-list-actions .btn{width:100%}}.course-page{--primary-blue:#0ea5e9;--dark-blue:#075985;--text-main:#1e293b;--text-muted:#64748b;--bg-light:#f8fafc;--white:#fff;--border:#e2e8f0;--glass-bg:#fff9;--glass-border:#fff6;background:var(--gradient-light);color:var(--text-main);background-attachment:fixed;margin:0;padding:0;font-family:Cairo,sans-serif;line-height:1.6}.course-page .container{max-width:1400px;margin:0 auto;padding:0 20px}.course-page .hero-section{padding:40px 0}.course-page .hero-card{-webkit-backdrop-filter:blur(8px);background:#ffffff1a padding-box padding-box;border:2px solid #0000;border-radius:24px;grid-template-columns:1.1fr 1.25fr;gap:40px;padding:30px;transition:all .3s;display:grid;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000014}.course-page .hero-card:before{content:"";z-index:-1;-webkit-mask-composite:xor;background:linear-gradient(135deg,#fff9 0%,#fff3 100%);border-radius:24px;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.course-page .hero-card:after{content:"";pointer-events:none;z-index:-1;background:linear-gradient(135deg,#ffffff14 0%,#ffffff08 100%);position:absolute;inset:0}.course-page .hero-card:hover{box-shadow:0 8px 32px #0000001f}.course-page .video-container{aspect-ratio:16/9;background:#111;border-radius:15px;position:relative;overflow:hidden}.course-page .course-trailer-bunny-wrapper{width:100%;height:100%;position:absolute;inset:0}.course-page .course-trailer-video{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.course-page .video-placeholder{cursor:pointer;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.course-page .play-button{cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:background .2s;display:flex}.course-page .play-button:hover{background:#ffffff59}.course-page .video-overlay-text{color:#fff;opacity:.9;font-size:.8rem;position:absolute;bottom:15px;right:15px}[dir=rtl] .course-page .video-overlay-text{left:15px;right:auto}.course-page .badge-row{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}[dir=rtl] .course-page .badge-row{flex-direction:row-reverse}.course-page .badge{color:#8b5cf6;background:#f0e7ff;border-radius:20px;padding:4px 12px;font-size:.85rem;font-weight:600}.course-page .save-icon-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:4px}.course-page .save-icon-btn:hover,.course-page .save-icon-btn.active,.course-page .save-icon-btn.active .save-icon-filled{color:var(--primary-blue)}.course-page .course-info{text-align:right;direction:rtl;flex-direction:column;align-items:flex-start;width:100%;display:flex}.course-page .course-info h1{color:var(--text-main);width:100%;margin-bottom:20px;font-size:2rem;font-weight:700;line-height:1.3}.course-page .course-info .description{color:var(--text-muted);width:100%;margin-bottom:25px;font-size:1.05rem}.course-page .stats-row{direction:rtl;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:16px 20px;width:100%;margin-bottom:30px;font-size:.78rem;display:flex}.course-page .stats-row .stat-item{color:#64748b;align-items:center;gap:6px;display:inline-flex}[dir=rtl] .course-page .stats-row .stat-item{flex-direction:row-reverse}.course-page .stats-row .stat-icon{color:#0ea5e9;flex-shrink:0;font-size:.5rem}.course-page .stats-row .stat-icon.star{color:#eab308}.course-page .stats-row .stat-rating{color:var(--text-main);font-weight:700}.course-page .stats-row .stat-count{color:#94a3b8;font-size:.75rem}.course-page .btn-cta{background:var(--primary-blue);color:#fff;cursor:pointer;border:none;border-radius:30px;width:fit-content;padding:15px 40px;font-family:Cairo,sans-serif;font-size:1.1rem;font-weight:700;transition:background .2s}.course-page .btn-cta:hover{background:var(--dark-blue)}.course-page .main-grid{grid-template-columns:1fr 1fr;gap:30px;padding-bottom:60px;display:grid}.course-page .main-grid .content-area,.course-page .main-grid .sidebar{width:100%;min-width:0}.course-page .main-grid .content-area.content-area-curriculum{-webkit-backdrop-filter:blur(8px);box-sizing:border-box;background:#ffffff0f;border-radius:24px;flex-direction:column;max-height:65vh;padding:20px 20px 16px;display:flex;overflow:hidden;box-shadow:0 4px 16px #0000000f}.course-page .main-grid .content-area.content-area-curriculum .section-header{flex-shrink:0;padding-bottom:4px}.course-page .main-grid .content-area.content-area-curriculum .curriculum-scroll-wrap{flex:1 1 0;min-height:0;padding-inline-end:4px;overflow:hidden auto}.course-page .main-grid .sidebar.sidebar-cards{flex-direction:column;gap:25px;max-height:65vh;display:flex;overflow:hidden auto}.course-page .main-view-tabs{border-bottom:2px solid var(--border);direction:rtl;grid-column:1/-1;gap:0;margin-bottom:8px;display:flex}.course-page .main-view-tabs .tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:14px 28px;font-family:Cairo,sans-serif;font-size:1rem;font-weight:600;transition:color .2s,border-color .2s}.course-page .main-view-tabs .tab-btn:hover{color:var(--text-main)}.course-page .main-view-tabs .tab-btn.active{color:var(--primary-blue);border-bottom-color:var(--primary-blue)}.course-page .main-grid .content-area.order-second{order:2}.course-page .main-grid .sidebar.order-first{order:1}.course-page .info-card{box-sizing:border-box;-webkit-backdrop-filter:blur(8px);background:#ffffff1a padding-box padding-box;border:2px solid #0000;border-radius:20px;width:100%;margin-bottom:25px;padding:25px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000014}.course-page .info-card:before{content:"";z-index:-1;-webkit-mask-composite:xor;background:linear-gradient(135deg,#fff9 0%,#fff3 100%);border-radius:20px;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.course-page .info-card:after{content:"";pointer-events:none;z-index:-1;background:linear-gradient(135deg,#ffffff14 0%,#ffffff08 100%);position:absolute;inset:0}.course-page .why-card:before{background:linear-gradient(135deg,#22d3ee80 0%,#3b82f633 100%)}.course-page .why-card .card-toast--blue{background:var(--primary-blue)}.course-page .instructor-card:before{background:linear-gradient(135deg,#c084fc80 0%,#ec489933 100%)}.course-page .info-card:hover{box-shadow:0 8px 32px #0000001f}.course-page .card-tag{color:#a855f7;font-size:.85rem;font-weight:700;position:absolute;top:15px;left:15px}.course-page .instructor-card .card-tag{color:#a855f7;font-size:1.25rem}.course-page .instructor-card .card-toast-wrapper{z-index:2;pointer-events:none;width:5px;height:100%;position:absolute;top:0;left:0}.course-page .instructor-card .card-toast-wrapper .card-toast{pointer-events:none;border-radius:0 20px 20px 0;width:5px;height:100%;position:absolute;top:0}[dir=rtl] .course-page .instructor-card .card-toast-wrapper{left:auto;right:0}[dir=rtl] .course-page .instructor-card .card-toast-wrapper .card-toast{border-radius:20px 0 0 20px}[dir=rtl] .course-page .card-tag{left:auto;right:15px}.course-page .details-card:before{background:linear-gradient(135deg,#22d3ee80 0%,#3b82f633 100%)}.course-page .details-card .card-toast--violet{background:#d94cb4}.course-page .details-card h3.details-card-title,.course-page .details-card .details-card-title{color:#d94cb4;margin:0 0 20px;font-size:1.2rem;font-weight:700}.course-page .details-card .detail-block{align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.course-page .details-card .detail-block:last-child{margin-bottom:0}[dir=rtl] .course-page .details-card .detail-block{text-align:right;flex-direction:row}.course-page .details-card .detail-block-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.course-page .details-card .detail-icon--violet{color:#d94cb4;background:#d94cb426}.course-page .details-card .detail-block-content{flex:1;min-width:0}.course-page .details-card .detail-block-heading{color:var(--text-main);margin:0 0 8px;font-size:.95rem;font-weight:700}.course-page .details-card .detail-block-text{color:var(--text-muted);margin:0;font-size:.95rem;line-height:1.6}.course-page .why-card,.course-page .details-card{height:auto;position:relative;overflow:visible}.course-page .why-card .card-toast-wrapper,.course-page .details-card .card-toast-wrapper{z-index:2;pointer-events:none;width:5px;height:100%;position:absolute;top:0;left:0}.course-page .why-card .card-toast-wrapper .card-toast,.course-page .details-card .card-toast-wrapper .card-toast{pointer-events:none;border-radius:0 20px 20px 0;width:5px;height:100%;position:absolute;top:0}[dir=rtl] .course-page .why-card .card-toast-wrapper,[dir=rtl] .course-page .details-card .card-toast-wrapper{left:auto;right:0}[dir=rtl] .course-page .why-card .card-toast-wrapper .card-toast,[dir=rtl] .course-page .details-card .card-toast-wrapper .card-toast{border-radius:0 20px 20px 0}.course-page .why-card .card-content,.course-page .details-card .card-content{padding:20px;padding-left:25px;padding-right:25px}[dir=rtl] .course-page .why-card .card-content,[dir=rtl] .course-page .details-card .card-content{padding-left:25px;padding-right:25px}.course-page .why-card ul{margin:0;padding:0 20px 20px}.course-page .why-card li{margin-bottom:12px}.course-page .details-card .detail-block{margin-bottom:20px;padding:0 20px}.course-page .details-card .detail-block:last-child{margin-bottom:20px;padding-bottom:20px;padding-left:20px;padding-right:20px}.course-page .why-card::-webkit-scrollbar{width:8px}.course-page .details-card::-webkit-scrollbar{width:8px}.course-page .why-card::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.course-page .details-card::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.course-page .why-card::-webkit-scrollbar-thumb{background:#ffffff4d;border:2px solid #ffffff1a;border-radius:4px}.course-page .details-card::-webkit-scrollbar-thumb{background:#ffffff4d;border:2px solid #ffffff1a;border-radius:4px}.course-page .why-card::-webkit-scrollbar-thumb:hover{background:#fff6}.course-page .details-card::-webkit-scrollbar-thumb:hover{background:#fff6}.dark .course-page .why-card::-webkit-scrollbar-track{background:#ffffff0d}.dark .course-page .details-card::-webkit-scrollbar-track{background:#ffffff0d}.dark .course-page .why-card::-webkit-scrollbar-thumb{background:#fff3;border:2px solid #ffffff0d}.dark .course-page .details-card::-webkit-scrollbar-thumb{background:#fff3;border:2px solid #ffffff0d}.dark .course-page .why-card::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.dark .course-page .details-card::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.course-page .sidebar .why-card,.course-page .sidebar .details-card{height:auto;position:relative;overflow:visible}.course-page .sidebar .why-card .card-toast-wrapper,.course-page .sidebar .details-card .card-toast-wrapper{z-index:2;pointer-events:none;width:5px;height:100%;position:absolute;top:0;left:0}.course-page .sidebar .why-card .card-toast-wrapper .card-toast,.course-page .sidebar .details-card .card-toast-wrapper .card-toast{pointer-events:none;border-radius:0 20px 20px 0;width:5px;height:100%;position:absolute;top:0}[dir=rtl] .course-page .sidebar .why-card .card-toast-wrapper,[dir=rtl] .course-page .sidebar .details-card .card-toast-wrapper{left:auto;right:0}[dir=rtl] .course-page .sidebar .why-card .card-toast-wrapper .card-toast,[dir=rtl] .course-page .sidebar .details-card .card-toast-wrapper .card-toast{border-radius:0 20px 20px 0}.course-page .sidebar .why-card .card-content,.course-page .sidebar .details-card .card-content{padding:20px 25px}[dir=rtl] .course-page .sidebar .why-card .card-content,[dir=rtl] .course-page .sidebar .details-card .card-content{padding-left:25px;padding-right:25px}.course-page .sidebar .why-card ul{margin:0;padding:0 20px 20px}.course-page .sidebar .why-card li{margin-bottom:12px}.course-page .sidebar .details-card .detail-block{margin-bottom:20px;padding:0 20px}.course-page .sidebar .details-card .detail-block:last-child{margin-bottom:20px;padding-bottom:20px;padding-left:20px;padding-right:20px}.course-page .sidebar .why-card::-webkit-scrollbar{width:8px}.course-page .sidebar .details-card::-webkit-scrollbar{width:8px}.course-page .sidebar .why-card::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.course-page .sidebar .details-card::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.course-page .sidebar .why-card::-webkit-scrollbar-thumb{background:#ffffff4d;border:2px solid #ffffff1a;border-radius:4px}.course-page .sidebar .details-card::-webkit-scrollbar-thumb{background:#ffffff4d;border:2px solid #ffffff1a;border-radius:4px}.course-page .sidebar .why-card::-webkit-scrollbar-thumb:hover{background:#fff6}.course-page .sidebar .details-card::-webkit-scrollbar-thumb:hover{background:#fff6}.dark .course-page .sidebar .why-card::-webkit-scrollbar-track{background:#ffffff0d}.dark .course-page .sidebar .details-card::-webkit-scrollbar-track{background:#ffffff0d}.dark .course-page .sidebar .why-card::-webkit-scrollbar-thumb{background:#fff3;border:2px solid #ffffff0d}.dark .course-page .sidebar .details-card::-webkit-scrollbar-thumb{background:#fff3;border:2px solid #ffffff0d}.dark .course-page .sidebar .why-card::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.dark .course-page .sidebar .details-card::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.course-page .info-card h3{color:var(--primary-blue);margin-bottom:15px;font-size:1.2rem}.course-page .info-card ul{padding:0;list-style:none}.course-page .info-card li{color:var(--text-muted);margin-bottom:12px;padding-right:25px;font-size:.95rem;position:relative}[dir=rtl] .course-page .info-card li{padding-left:0;padding-right:25px}.course-page .info-card li:before{content:"✓";color:var(--primary-blue);font-weight:700;position:absolute;right:0}[dir=rtl] .course-page .info-card li:before{left:auto;right:0}.course-page .instructor-profile{align-items:center;gap:15px;margin-top:25px;margin-bottom:15px;display:flex}[dir=rtl] .course-page .instructor-profile{text-align:right;flex-direction:row}.course-page .instructor-avatar{background:linear-gradient(135deg,var(--primary-blue),#a855f7);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.1rem;font-weight:700;display:flex}.course-page .instructor-profile h4{margin:0;font-size:1.1rem}.course-page .instructor-profile p{color:var(--primary-blue);margin:0;font-size:.85rem}.course-page .bio{color:var(--text-muted);margin-bottom:15px;font-size:.9rem}.course-page .instructor-stats{color:var(--text-muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px 24px;font-size:.85rem;display:flex}[dir=rtl] .course-page .instructor-stats{flex-direction:row-reverse;justify-content:flex-start;width:fit-content;margin-inline:0 auto}.course-page .instructor-section-full{width:100%;padding:0 0 40px}.course-page .instructor-card--full{box-sizing:border-box;width:100%;max-width:100%}.course-page .instructor-card .card-toast--pink{background:#a855f7}.course-page .section-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}[dir=rtl] .course-page .section-header{flex-direction:row-reverse}.course-page .unit-count{color:var(--text-muted);font-size:.9rem}.course-page .accordion-item{-webkit-backdrop-filter:blur(8px);background:#ffffff1a padding-box padding-box;border:2px solid #0000;border-radius:16px;margin-bottom:15px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000014}.course-page .accordion-item:before{content:"";z-index:-1;-webkit-mask-composite:xor;background:linear-gradient(135deg,#fff9 0%,#fff3 100%);border-radius:16px;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.course-page .accordion-item:after{content:"";pointer-events:none;z-index:-1;background:linear-gradient(135deg,#ffffff14 0%,#ffffff08 100%);position:absolute;inset:0}.course-page .accordion-item:hover{box-shadow:0 8px 32px #0000001f}.course-page .accordion-item:nth-child(4n+1):before{background:linear-gradient(135deg,#22d3ee80 0%,#3b82f633 100%)}.course-page .accordion-item:nth-child(4n+2):before{background:linear-gradient(135deg,#c084fc80 0%,#ec489933 100%)}.course-page .accordion-item:nth-child(4n+3):before{background:linear-gradient(135deg,#6633ff80 0%,#8b21f033 100%)}.course-page .accordion-item:nth-child(4n+4):before{background:linear-gradient(135deg,#3f51b580 0%,#3f51b533 100%)}.course-page .accordion-header{cursor:pointer;background:#ffffff26;align-items:flex-start;padding:20px;display:flex}[dir=rtl] .course-page .accordion-header{flex-direction:row;justify-content:flex-start}.course-page .accordion-header-block{flex-direction:column;align-items:flex-start;gap:6px;width:100%;display:flex}[dir=rtl] .course-page .accordion-header-block{text-align:right;align-items:flex-start}.course-page .header-title{align-items:center;gap:15px;font-weight:700;display:flex}[dir=rtl] .course-page .header-title{flex-direction:row;width:100%}[dir=rtl] .course-page .header-title .arrow{order:2;margin-inline-start:auto}[dir=rtl] .course-page .header-title span:not(.arrow){order:1}.course-page .arrow{color:#999;font-size:.7rem;transition:transform .28s cubic-bezier(.4,0,.2,1);display:inline-block}.course-page .accordion-item:not(.open) .arrow{transform:rotate(-90deg)}.course-page .accordion-header-block .duration{color:var(--text-muted);font-size:.78rem}.course-page .accordion-content{-webkit-backdrop-filter:blur(4px);background:#ffffff0d;padding:12px 20px 20px}.course-page .lesson-row{color:var(--text-muted);cursor:pointer;-webkit-backdrop-filter:blur(6px);background:#ffffff14 padding-box padding-box;border:1px solid #fff3;border-radius:12px;justify-content:flex-start;align-items:flex-start;gap:12px;margin-bottom:10px;padding:14px 16px;font-size:.9rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.course-page .lesson-row:last-child{margin-bottom:0}.course-page .lesson-row:after{content:"";pointer-events:none;z-index:-1;background:linear-gradient(135deg,#ffffff0f 0%,#ffffff05 100%);border-radius:12px;position:absolute;inset:0}[dir=rtl] .course-page .lesson-row{flex-direction:row}.course-page .lesson-row:hover,.course-page .lesson-row.active{color:var(--text-main);background:#ffffff26;border-color:#ffffff59;box-shadow:0 4px 12px #00000014}.course-page .lesson-row.lesson-row-locked{cursor:not-allowed;opacity:.6;background:#ffffff0d;border-color:#ffffff1a}.course-page .lesson-row.lesson-row-locked:hover{box-shadow:none;background:#ffffff0d;border-color:#ffffff1a}.course-page .lesson-lock-badge{color:#ef4444;background:#ef444426;border-radius:6px;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;font-size:.75rem;font-weight:600;display:flex}.course-page .lesson-lock-badge svg{flex-shrink:0}.course-page .lesson-play-icon{color:#64748b;background:0 0;border:1px solid silver;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.course-page .lesson-meta{align-items:center;gap:10px;font-size:1rem;display:flex}.course-page .lesson-content .lesson-title{margin-bottom:6px;font-size:1rem;font-weight:600;line-height:1.45}.course-page .reviews-section.reviews-section-full{margin-top:0;padding-bottom:60px}.course-page .reviews-section{margin-top:0}.course-page .reviews-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:25px;display:grid}.course-page .review-card{-webkit-backdrop-filter:blur(8px);background:#ffffff1a padding-box padding-box;border:2px solid #0000;border-radius:20px;padding:20px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000014}.course-page .review-card:before{content:"";z-index:-1;-webkit-mask-composite:xor;background:linear-gradient(135deg,#fff9 0%,#fff3 100%);border-radius:20px;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.course-page .review-card:after{content:"";pointer-events:none;z-index:-1;background:linear-gradient(135deg,#ffffff14 0%,#ffffff08 100%);position:absolute;inset:0}.course-page .review-card:hover{box-shadow:0 8px 32px #0000001f}.course-page .review-card{flex-direction:column;display:flex}.course-page .review-header{align-items:flex-start;gap:12px;margin-bottom:15px;display:flex}[dir=rtl] .course-page .review-header{flex-direction:row;margin-inline-end:auto}[dir=rtl] .course-page .review-header>div{text-align:right;align-items:flex-end}.course-page .review-avatar{background:var(--primary-blue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-size:1rem;font-weight:700;display:flex;overflow:hidden}.course-page .review-avatar-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.course-page .review-header h5{margin:0;font-size:1rem}.course-page .stars{font-size:.8rem}.course-page .review-card p{color:var(--text-muted);margin:0;font-size:.9rem}.course-page .btn-secondary{background:var(--white);border:1px solid var(--border);cursor:pointer;color:var(--text-main);border-radius:10px;padding:12px;font-family:Cairo,sans-serif;font-weight:600;transition:background .2s,border-color .2s}.course-page .btn-secondary.full-width{-webkit-backdrop-filter:blur(8px);background:#ffffff1a padding-box padding-box;border:2px solid #0000;border-radius:16px;width:100%;padding:14px 20px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000014}.course-page .btn-secondary.full-width:before{content:"";z-index:-1;-webkit-mask-composite:xor;background:linear-gradient(135deg,#fff9 0%,#fff3 100%);border-radius:16px;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.course-page .btn-secondary.full-width:after{content:"";pointer-events:none;z-index:-1;background:linear-gradient(135deg,#ffffff14 0%,#ffffff08 100%);border-radius:14px;position:absolute;inset:0}.course-page .btn-secondary.full-width:hover{background:#ffffff2e;box-shadow:0 8px 32px #0000001f}.course-page .btn-secondary:not(.full-width):hover{background:#f8fafc;border-color:#cbd5e1}.course-page .rating-summary{color:var(--text-muted);font-size:.9rem}.course-page .course-video-section{padding:24px 0}.course-page .video-player-card{-webkit-backdrop-filter:blur(8px);background:#ffffff1a padding-box padding-box;border:2px solid #0000;border-radius:20px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000014}.course-page .video-player-card:before{content:"";z-index:-1;-webkit-mask-composite:xor;background:linear-gradient(135deg,#fff9 0%,#fff3 100%);border-radius:20px;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.course-page .video-player-card:after{content:"";pointer-events:none;z-index:-1;background:linear-gradient(135deg,#ffffff14 0%,#ffffff08 100%);position:absolute;inset:0}.course-page .video-player-card:hover{box-shadow:0 8px 32px #0000001f}.course-page .video-player-header{background:#ffffff26;border-bottom:1px solid #fff3;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.course-page .video-lesson-title{margin:0;font-size:1.1rem;font-weight:700}.course-page .video-close-btn{cursor:pointer;background:#e2e8f0;border:none;border-radius:8px;width:36px;height:36px;padding:0;font-size:1.5rem;line-height:1}.course-page .video-player-wrapper{height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.course-page .video-player-iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.course-page .video-player-actions{border-top:1px solid var(--border);flex-wrap:wrap;gap:12px;padding:16px 20px;display:flex}.course-page .rotate-180{transform:rotate(180deg)}.course-page .course-article-section,.course-page .course-quiz-section{padding:24px 0}.course-page .card{-webkit-backdrop-filter:blur(8px);background-clip:padding-box;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000014;background:#ffffff1a!important;border:2px solid #0000!important}.course-page .card:before{content:"";border-radius:inherit;z-index:-1;-webkit-mask-composite:xor;background:linear-gradient(135deg,#fff9 0%,#fff3 100%);position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.course-page .card:after{content:"";pointer-events:none;z-index:-1;background:linear-gradient(135deg,#ffffff14 0%,#ffffff08 100%);position:absolute;inset:0}.course-page .card:hover{box-shadow:0 8px 32px #0000001f}.course-page .empty-state{text-align:center;padding:48px 24px}.course-page .empty-state .btn-primary{background:var(--primary-blue);color:#fff;border-radius:8px;margin-top:16px;padding:10px 24px;font-weight:600;text-decoration:none;display:inline-block}.dark .course-page{color:#f1f5f9;background:0 0}.dark .course-page .hero-card{-webkit-backdrop-filter:blur(12px);background:#0f172a66;box-shadow:0 4px 24px #00000040}.dark .course-page .hero-card:before{background:linear-gradient(135deg,#fff3 0%,#ffffff14 100%)}.dark .course-page .hero-card:after{background:linear-gradient(135deg,#ffffff0a 0%,#ffffff03 100%)}.dark .course-page .hero-card:hover{box-shadow:0 8px 32px #00000059}.dark .course-page .badge{color:#c4b5fd;background:#8b5cf640}.dark .course-page .save-icon-btn{color:#94a3b8}.dark .course-page .save-icon-btn:hover,.dark .course-page .save-icon-btn.active,.dark .course-page .save-icon-btn.active .save-icon-filled{color:#60a5fa}.dark .course-page .course-info h1{color:#f1f5f9}.dark .course-page .course-info .description,.dark .course-page .stats-row .stat-item{color:#94a3b8}.dark .course-page .stats-row .stat-icon{color:#60a5fa}.dark .course-page .stats-row .stat-rating{color:#f1f5f9}.dark .course-page .stats-row .stat-count{color:#94a3b8}.dark .course-page .main-view-tabs{border-bottom-color:#ffffff1f}.dark .course-page .main-view-tabs .tab-btn{color:#94a3b8}.dark .course-page .main-view-tabs .tab-btn:hover{color:#e2e8f0}.dark .course-page .main-view-tabs .tab-btn.active{color:#60a5fa;border-bottom-color:#60a5fa}.dark .course-page .info-card{background:#0f172a80;box-shadow:0 4px 24px #0003}.dark .course-page .info-card:before{background:linear-gradient(135deg,#ffffff26 0%,#ffffff0f 100%)}.dark .course-page .info-card:after{background:linear-gradient(135deg,#ffffff0a 0%,#0000 100%)}.dark .course-page .info-card:hover{box-shadow:0 8px 32px #0000004d}.dark .course-page .card-tag{color:#a78bfa}.dark .course-page .info-card h3{color:#60a5fa}.dark .course-page .why-card .card-toast--blue{background:#60a5fa}.dark .course-page .info-card li{color:#94a3b8}.dark .course-page .info-card li:before{color:#60a5fa}.dark .course-page .details-card h3.details-card-title,.dark .course-page .details-card .details-card-title{color:#d94cb4}.dark .course-page .details-card .card-toast--violet{background:#d94cb4}.dark .course-page .details-card .detail-icon--violet{color:#d94cb4;background:#d94cb433}.dark .course-page .details-card .detail-block-heading{color:#e2e8f0}.dark .course-page .details-card .detail-block-text{color:#94a3b8}.dark .course-page .instructor-profile h4{color:#f1f5f9}.dark .course-page .instructor-profile p{color:#60a5fa}.dark .course-page .bio,.dark .course-page .instructor-stats{color:#94a3b8}.dark .course-page .section-header h2{color:#f1f5f9}.dark .course-page .unit-count{color:#94a3b8}.dark .course-page .accordion-item{background:#0f172a73;box-shadow:0 4px 20px #0003}.dark .course-page .accordion-item:before{background:linear-gradient(135deg,#ffffff1f 0%,#ffffff0d 100%)}.dark .course-page .accordion-item:after{background:linear-gradient(135deg,#ffffff08 0%,#0000 100%)}.dark .course-page .accordion-item:hover{box-shadow:0 8px 28px #00000047}.dark .course-page .accordion-header{background:#ffffff0f}.dark .course-page .accordion-header-block .header-title span{color:#e2e8f0}.dark .course-page .accordion-header-block .duration{color:#94a3b8}.dark .course-page .arrow{color:#64748b}.dark .course-page .accordion-content{background:#00000026}.dark .course-page .lesson-row{color:#94a3b8;background:#ffffff0d;border-color:#ffffff1a}.dark .course-page .lesson-row:hover,.dark .course-page .lesson-row.active{color:#f1f5f9;background:#ffffff1a;border-color:#fff3}.dark .course-page .lesson-row.lesson-row-locked{opacity:.5;background:#ffffff08;border-color:#ffffff14}.dark .course-page .lesson-lock-badge{color:#fca5a5;background:#ef444433}.dark .course-page .lesson-play-icon{color:#94a3b8;border-color:#ffffff40}.dark .course-page .reviews-section h3,.dark .course-page .review-header h5{color:#f1f5f9}.dark .course-page .review-card{background:#0f172a80;box-shadow:0 4px 20px #0003}.dark .course-page .review-card:before{background:linear-gradient(135deg,#ffffff1f 0%,#ffffff0d 100%)}.dark .course-page .review-card:after{background:linear-gradient(135deg,#ffffff08 0%,#0000 100%)}.dark .course-page .review-card p,.dark .course-page .rating-summary{color:#94a3b8}.dark .course-page .btn-secondary{color:#e2e8f0;background:#ffffff14;border-color:#ffffff26}.dark .course-page .btn-secondary.full-width{background:#ffffff0f}.dark .course-page .btn-secondary.full-width:before{background:linear-gradient(135deg,#ffffff26 0%,#ffffff0f 100%)}.dark .course-page .btn-secondary.full-width:hover{background:#ffffff1f}.dark .course-page .btn-secondary:not(.full-width):hover{background:#ffffff1f;border-color:#fff3}.dark .course-page .video-player-card{background:#0f172a80;box-shadow:0 4px 24px #0003}.dark .course-page .video-player-card:before{background:linear-gradient(135deg,#ffffff1f 0%,#ffffff0d 100%)}.dark .course-page .video-player-header{background:#ffffff0f;border-bottom-color:#ffffff1a}.dark .course-page .video-lesson-title{color:#f1f5f9}.dark .course-page .video-close-btn{color:#e2e8f0;background:#475569}.dark .course-page .video-player-actions{border-top-color:#ffffff1a}.dark .course-page .card{box-shadow:0 4px 20px #0003;background:#0f172a80!important}.dark .course-page .card:before{background:linear-gradient(135deg,#ffffff1f 0%,#ffffff0d 100%)}.dark .course-page .card:after{background:linear-gradient(135deg,#ffffff08 0%,#0000 100%)}.dark .course-page .empty-state h2{color:#f1f5f9}@media (min-width:1200px){.course-page .badge{padding:6px 14px;font-size:1rem}.course-page .course-info h1{margin-bottom:24px;font-size:2.5rem}.course-page .course-info .description{margin-bottom:28px;font-size:1.2rem}.course-page .stats-row{gap:18px 24px;margin-bottom:32px;font-size:.85rem}.course-page .stats-row .stat-icon{font-size:.5rem}.course-page .stats-row .stat-count{font-size:.8rem}.course-page .main-view-tabs .tab-btn-about{display:none}}@media (max-width:992px){.course-page .hero-card,.course-page .main-grid{grid-template-columns:1fr}.course-page .main-grid .content-area.order-second,.course-page .main-grid .sidebar.order-first{order:unset}.course-page .main-grid .content-area.content-area-curriculum{max-height:none}.course-page .main-grid .content-area.content-area-curriculum .curriculum-scroll-wrap{flex:none;overflow-y:visible}.course-page .main-grid .sidebar.sidebar-cards{max-height:none;overflow-y:visible}.course-page .main-view-tabs{flex-wrap:wrap}.course-page .main-view-tabs .tab-btn{padding:12px 20px;font-size:.95rem}.course-page .reviews-grid{grid-template-columns:1fr}}.guest-limit-modal-overlay{z-index:9999;background-color:#0009;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.guest-limit-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;padding:2rem;animation:.3s ease-out slideUp;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.dark .guest-limit-modal{background:#1e293b;box-shadow:0 20px 60px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.guest-limit-modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.guest-limit-modal-close:hover{color:#1f2937;background-color:#f3f4f6}.dark .guest-limit-modal-close{color:#94a3b8}.dark .guest-limit-modal-close:hover{color:#f1f5f9;background-color:#334155}.guest-limit-modal-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex;box-shadow:0 10px 30px #667eea4d}.guest-limit-modal-title{text-align:center;color:#1f2937;margin:0 0 1rem;font-size:1.5rem;font-weight:700;line-height:1.4}.guest-limit-modal-message{color:#6b7280;text-align:center;margin:0 0 1.5rem;font-size:1rem;line-height:1.6}.dark .guest-limit-modal-title{color:#f1f5f9}.dark .guest-limit-modal-message{color:#cbd5e1}.guest-limit-progress{background-color:#f3f4f6;border-radius:12px;margin-bottom:1.5rem;padding:1rem}.guest-limit-progress-bar{background-color:#e5e7eb;border-radius:4px;width:100%;height:8px;margin-bottom:.5rem;overflow:hidden}.dark .guest-limit-progress{background-color:#334155}.dark .guest-limit-progress-bar{background-color:#475569}.guest-limit-progress-fill{background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);border-radius:4px;height:100%;transition:width .3s}.guest-limit-progress-text{color:#6b7280;text-align:center;font-size:.875rem;display:block}.dark .guest-limit-progress-text{color:#94a3b8}.guest-limit-features{margin-bottom:1.5rem}.guest-limit-features-title{color:#1f2937;margin:0 0 .75rem;font-size:1rem;font-weight:600}.dark .guest-limit-features-title{color:#f1f5f9}.guest-limit-features-list{margin:0;padding:0;list-style:none}.guest-limit-feature-item{color:#4b5563;align-items:center;gap:.75rem;padding:.5rem 0;font-size:.9375rem;display:flex}.guest-limit-feature-icon{color:#10b981;flex-shrink:0}.dark .guest-limit-feature-item{color:#cbd5e1}.dark .guest-limit-feature-icon{color:#34d399}.guest-limit-actions{flex-direction:column;gap:.75rem;margin-bottom:1rem;display:flex}.guest-limit-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.guest-limit-btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 15px #667eea4d}.guest-limit-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.guest-limit-btn-primary:active{transform:translateY(0)}.guest-limit-btn-secondary{color:#667eea;background-color:#fff;border:2px solid #667eea}.guest-limit-btn-secondary:hover{background-color:#f0f4ff}.dark .guest-limit-btn-secondary{color:#60a5fa;background-color:#1e293b;border-color:#60a5fa}.dark .guest-limit-btn-secondary:hover{background-color:#334155}.guest-limit-footer{text-align:center;color:#9ca3af;margin:0;font-size:.8125rem}.dark .guest-limit-footer{color:#64748b}@media (max-width:640px){.guest-limit-modal{border-radius:12px;padding:1.5rem}.guest-limit-modal-title{font-size:1.25rem}.guest-limit-modal-message{font-size:.9375rem}.guest-limit-modal-icon{width:64px;height:64px}}[dir=rtl] .guest-limit-modal-close{left:1rem;right:auto}[dir=rtl] .guest-limit-feature-item{gap:.75rem}[dir=rtl] .guest-limit-btn{gap:.5rem}.taalami-page{--bg-color:#f4f7ff;--primary-blue:#34a8da;--text-dark:#2d3436;--text-muted:#636e72;--card-bg:#fff;--glass-bg:#ffffffb3;min-height:100vh;color:var(--text-dark);box-sizing:border-box;background:var(--gradient-light);direction:rtl;background-attachment:fixed;padding:40px 0;font-family:Tajawal,sans-serif;transition:background .3s}.dark .taalami-page{background-color:#081120;background-image:linear-gradient(145deg,#081120 0%,#214786 42%,#081120 88%);background-attachment:scroll}.taalami-page *{box-sizing:border-box}.dashboard-container{max-width:1200px;padding:0 var(--spacing-4,16px);margin:0 auto}.dashboard-header{text-align:right;margin-bottom:40px}.taalami-page .logo{background:linear-gradient(90deg,#06b6d4 0%,#3b82f6 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:32px;font-weight:700}.dark .taalami-page .logo{background:linear-gradient(90deg,#22d3ee 0%,#60a5fa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.taalami-page .subtitle{color:#1f2937e5;font-size:16px}.dark .taalami-page .subtitle{color:#94a3b8}.main-content{flex-direction:row-reverse;gap:30px;display:flex}.sidebar{flex-shrink:0;align-self:flex-start;width:320px}.taalami-page .card{-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);background:#fff0;border:1px solid #ffffffd9;border-radius:24px;padding:24px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000005,inset 0 0 28px #0000000a,inset 2px 2px 4px #0000000f,inset -2px -2px 4px #ffffff4d}.taalami-page .card:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg,#ffffff05 0%,#0000 100%);border-radius:24px;position:absolute;inset:0}.taalami-page .card>*{z-index:1;position:relative}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.taalami-page .card{background:#ffffffd9}}.dark .taalami-page .card{background:#ffffff0a;border-color:#ffffff1f;box-shadow:0 8px 32px #0003,inset 0 0 28px #0000000f,inset 2px 2px 4px #0000004d,inset -2px -2px 4px #ffffff0d}.dark .taalami-page .card:after{background:linear-gradient(135deg,#ffffff08 0%,#0000 100%)}.dark .taalami-page .card-title{color:#f1f5f9}.summary-card{height:auto}.taalami-sidebar-empty .taalami-no-stats-text{color:var(--text-muted,#64748b);margin:0;font-size:.95rem}.dark .taalami-no-stats-text{color:#94a3b8}.taalami-achievement-stats{flex-flow:wrap;align-items:stretch;gap:10px;display:flex}.taalami-achievement-stats .stat-item{min-width:0;min-height:56px;box-shadow:none;text-align:center;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:12px 8px;display:flex}.taalami-achievement-stats .stat-item:after{display:none}.taalami-achievement-stats .stat-value{color:var(--text-primary,#1e293b);font-size:1.2rem;font-weight:700;line-height:1.2}.dark .taalami-achievement-stats .stat-value{color:#f1f5f9}.taalami-achievement-stats .stat-label{color:var(--text-muted,#64748b);font-size:.8rem;line-height:1.3}.dark .taalami-achievement-stats .stat-label{color:#94a3b8}.taalami-page .card-title{margin-bottom:24px;font-size:18px;font-weight:700}.stats-grid{justify-content:space-between;margin-bottom:40px;display:flex}.taalami-page .stat-item{-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);background:#fff0;border:1px solid #ffffffd9;border-radius:20px;flex-direction:column;align-items:center;width:30%;padding:15px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000005,inset 0 0 28px #0000000a}.taalami-page .stat-item:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg,#ffffff05 0%,#0000 100%);border-radius:20px;position:absolute;inset:0}.taalami-page .stat-item>*{z-index:1;position:relative}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.taalami-page .stat-item{background:#ffffffd9}}.dark .taalami-page .stat-item{background:#ffffff08;border-color:#ffffff40}.dark .taalami-page .stat-item:after{background:linear-gradient(135deg,#ffffff08 0%,#0000 100%)}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:12px;display:flex}.stat-icon.purple{color:#a855f7;background:linear-gradient(135deg,#f3e8ff 0%,#e9d5ff 100%)}.stat-icon.green{color:#22c55e;background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%)}.stat-icon.blue{color:#fff;background:linear-gradient(135deg,#1553fe 0%,#3a93ff 100%)}.stat-icon-img{-o-object-fit:contain;object-fit:contain;width:22px;height:22px}.stat-value{font-size:20px;font-weight:700}.dark .stat-value{color:#f1f5f9}.stat-label{color:var(--text-muted);font-size:12px}.dark .stat-label{color:#94a3b8}.activity-header{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.activity-header .card-title{flex-shrink:0;margin:0}.dropdown{color:var(--text-muted);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;display:flex}.dark .dropdown{color:#94a3b8;background:#ffffff0f;border:1px solid #ffffff14}.taalami-page .chart-container{-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);background:#fff0;border:1px solid #ffffffd9;border-radius:20px;gap:15px;margin-bottom:20px;padding:20px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000005,inset 0 0 28px #0000000a}.taalami-page .chart-container:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg,#ffffff05 0%,#0000 100%);border-radius:20px;position:absolute;inset:0}.taalami-page .chart-container>*{z-index:1;position:relative}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.taalami-page .chart-container{background:#ffffffd9}}.dark .taalami-page .chart-container{background:#ffffff0a;border-color:#ffffff1f;box-shadow:0 8px 32px #0003}.dark .chart-y-axis{color:#64748b}.dark .taalami-page .bar{background:#38bdf866}.dark .taalami-page .chart-container:after{background:linear-gradient(135deg,#ffffff08 0%,#0000 100%)}.chart-y-axis{color:#ccc;flex-direction:column;justify-content:space-between;padding-bottom:25px;font-size:12px;display:flex}.chart-bars{flex:1;justify-content:space-between;align-items:flex-end;display:flex}.bar-wrapper{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.taalami-page .bar{background:#e0f2fe;border-radius:4px;width:14px;min-height:8px;transition:height .3s}.taalami-page .bar.active{background:var(--primary-blue)}.taalami-page .day{color:#ccc;font-size:10px}.chart-footer{color:var(--text-muted);justify-content:space-between;padding:0 10px;font-size:12px;display:flex}.chart-footer b{color:var(--text-dark)}.dark .chart-footer{color:#94a3b8}.dark .chart-footer b{color:#f1f5f9}.content-grid{flex:1;min-width:0}.taalami-in-progress-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:520px;margin:0 auto;padding:48px 24px 56px;display:flex}.taalami-empty-img{-o-object-fit:contain;object-fit:contain;width:100%;max-width:320px;height:auto;margin-bottom:32px}.taalami-empty-title{color:var(--text-dark,#2d3436);margin:0 0 16px;font-size:1.75rem;font-weight:700;line-height:1.3}.dark .taalami-empty-title{color:#f1f5f9}.taalami-empty-desc{color:var(--text-muted,#636e72);margin:0 0 28px;font-size:1rem;line-height:1.6}.dark .taalami-empty-desc{color:#94a3b8}.taalami-empty-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1553fe 0%,#3a93ff 100%);border:none;border-radius:12px;padding:14px 32px;font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-block;box-shadow:0 10px 25px -5px #1553fe66,0 0 20px #3a93ff4d}.taalami-empty-btn:hover{color:#fff;opacity:.95;transform:translateY(-1px)}.taalami-empty-btn:active{transform:translateY(0)}.taalami-empty-btn:after{display:none!important}.taalami-saved-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:520px;margin:0 auto;padding:48px 24px 56px;display:flex}.taalami-saved-empty .taalami-empty-img{margin-bottom:32px}.taalami-completed-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:520px;margin:0 auto;padding:48px 24px 56px;display:flex}.taalami-completed-empty .taalami-empty-img{margin-bottom:32px}.tabs{-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);background:#fff0;border:1px solid #ffffffd9;border-radius:50px;width:100%;margin-bottom:30px;padding:6px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000005,inset 0 0 28px #0000000a}.tabs:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg,#ffffff05 0%,#0000 100%);border-radius:50px;position:absolute;inset:0}.tabs .tab{z-index:1;position:relative}.tab{cursor:pointer;color:#1f2937e5;background:#ffffff26;border:none;border-radius:50px;flex:1;padding:10px 30px;font-family:inherit;font-weight:500;transition:all .3s;box-shadow:inset 2px 2px 4px #0000000f,inset -2px -2px 4px #ffffff4d}.tab:hover{color:var(--text-dark);background:#ffffff38;box-shadow:inset 2px 2px 4px #0000000d,inset -2px -2px 4px #fff6}.tab.active{color:#fff;background:linear-gradient(135deg,#1553fe 0%,#3a93ff 100%);box-shadow:0 10.67px 13.33px -8px #06b6d44d,inset 2px 2px 4px #00000026,inset -2px -2px 4px #fff3}.dark .tabs{background:#ffffff08;border-color:#ffffff40}.dark .tabs:after{background:linear-gradient(135deg,#ffffff08 0%,#0000 100%)}.dark .tab{color:#94a3b8;background:#ffffff14;box-shadow:inset 2px 2px 4px #0000004d,inset -2px -2px 4px #ffffff0d}.dark .tab:hover{color:#f1f5f9;background:#ffffff1f;box-shadow:inset 2px 2px 4px #00000040,inset -2px -2px 4px #ffffff14}.dark .tab.active{color:#fff;background:linear-gradient(135deg,#1553fe 0%,#3a93ff 100%);box-shadow:inset 2px 2px 4px #00000040,inset -2px -2px 4px #ffffff1a}.tab:disabled{opacity:.7;cursor:not-allowed}.taalami-content-loading{min-height:200px;color:var(--text-muted,#64748b);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px;font-size:14px;display:flex}.taalami-content-loading-spinner{border:3px solid #1553fe33;border-top-color:#1553fe;border-radius:50%;width:32px;height:32px;animation:.7s linear infinite taalami-spin}@keyframes taalami-spin{to{transform:rotate(360deg)}}.taalami-content-loading-text{font-weight:500}.dark .taalami-content-loading{color:#94a3b8}.dark .taalami-content-loading-spinner{border-color:#60a5fa #3b82f640 #3b82f640}.taalami-content-skeleton{flex-direction:column;gap:24px;min-height:200px;padding:0;display:flex}.taalami-skeleton-card{background:var(--skeleton-bg,#f1f5f9);opacity:.9;border-radius:16px;padding:24px}.taalami-skeleton-list{flex-direction:column;gap:16px;display:flex}.taalami-skeleton-row{background:var(--skeleton-bg,#f1f5f9);opacity:.85;border-radius:12px;align-items:flex-start;gap:16px;padding:16px;display:flex}.dark .taalami-skeleton-card,.dark .taalami-skeleton-row{background:var(--skeleton-bg)}.hero-card-wrap{align-items:center;gap:12px;margin-bottom:40px;display:flex;position:relative}.hero-cycle-btn{color:#1553fe;cursor:pointer;background:#fffffff2;border:1px solid #1553fe59;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #1553fe1f}.hero-cycle-btn:hover:not(:disabled){color:#fff;background:#1553fe;border-color:#1553fe;box-shadow:0 2px 8px #1553fe59}.hero-cycle-btn:disabled{opacity:.4;cursor:not-allowed}.hero-cycle-btn svg{width:14px;height:14px}.dark .hero-cycle-btn{color:#60a5fa;background:#1e293be6;border-color:#3b82f666;box-shadow:0 1px 3px #0000004d}.dark .hero-cycle-btn:hover:not(:disabled){color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 2px 8px #2563eb66}.hero-cycle-btn--prev{order:1}.hero-card-wrap .hero-card{flex:1;order:2;margin-bottom:0}.hero-cycle-btn--next{order:3}.hero-cycle-indicator-inline{color:var(--text-muted,#64748b);margin:-24px 0 24px;font-size:13px}.dark .hero-cycle-indicator-inline{color:#94a3b8}.hero-path-name,.hero-context{opacity:.9!important;margin-bottom:4px!important;font-size:13px!important}.hero-card{color:#fff;background:linear-gradient(135deg,#1553fe 0%,#3a93ff 100%);border-radius:13.33px;margin-bottom:40px;padding:40px;position:relative;overflow:hidden;box-shadow:0 10.67px 13.33px -8px #06b6d44d}.hero-card .hero-info h2,.hero-card .hero-info p,.hero-card .hero-progress,.hero-card .progress-info,.hero-card .progress-info span{color:#fff}@keyframes hero-cycle-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-content{z-index:1;animation:.35s ease-out hero-cycle-fade-in;position:relative}.hero-info h2{margin-bottom:8px;font-size:24px}.hero-info p{opacity:.9;margin-bottom:30px;font-size:14px}.hero-progress{margin-bottom:30px}.progress-info{justify-content:space-between;margin-bottom:10px;font-size:14px;display:flex}.progress-info span{align-items:center;gap:5px;display:flex}.progress-bar-bg{background:#fff3;border-radius:10px;height:8px;overflow:hidden}.progress-bar-fill{background:#fff;border-radius:10px;height:100%;transition:width .3s}.hero-actions{flex-wrap:wrap;gap:15px;display:flex}.taalami-page .hero-actions a{text-decoration:none!important}.taalami-page .hero-actions a:after{display:none!important}.taalami-page .hero-actions .btn-primary,.taalami-page .hero-actions .btn-outline{box-shadow:none;transition:transform .25s,box-shadow .25s,opacity .25s;text-decoration:none!important}.taalami-page .hero-actions .btn-primary:focus,.taalami-page .hero-actions .btn-outline:focus{box-shadow:none;outline:none}.taalami-page .btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1553fe 0%,#3a93ff 100%);border:none;border-radius:50px;align-items:center;gap:10px;padding:12px 24px;font-family:inherit;font-size:1rem;font-weight:700;display:inline-flex;box-shadow:0 10px 25px -5px #1553fe66,0 0 20px #3a93ff4d;text-decoration:none!important}.taalami-page .btn-outline{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:50px;padding:12px 24px;font-family:inherit;font-size:1rem;font-weight:500;display:inline-block;text-decoration:none!important}.taalami-page .hero-actions .btn-outline:hover,.taalami-page .hero-actions .btn-primary:hover{opacity:.95;transform:translateY(-3px);box-shadow:0 15px 35px -5px #1553fe80,0 0 30px #3a93ff66}.section-group{margin-bottom:40px}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-title{font-size:20px;font-weight:700}.dark .section-title{color:#f1f5f9}.taalami-page .badge{color:var(--primary-blue);font-size:14px;font-weight:600}.cards-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.taalami-page .course-card{-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);color:inherit;background:#fff0;border:1px solid #ffffffd9;border-radius:22px;flex-direction:column;min-height:0;padding:24px;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000005,inset 0 0 28px #0000000a}.taalami-page .course-card:before{content:"";pointer-events:none;z-index:2;border-radius:0 16px 16px 0;width:5px;height:100%;position:absolute;top:0;right:0}.taalami-page .course-card.border-blue:before{background:linear-gradient(#2f72ff 0%,#3b82f6 100%)}.taalami-page .course-card.border-pink:before{background:linear-gradient(#ec4899 0%,#db2777 100%)}.taalami-page .course-card.border-green:before{background:linear-gradient(#22c55e 0%,#16a34a 100%)}.taalami-page .course-card.border-darkblue:before{background:linear-gradient(#2f72ff 0%,#2563eb 100%)}.taalami-page .course-card:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg,#ffffff05 0%,#0000 100%);border-radius:16px;position:absolute;inset:0}.taalami-page .course-card>*{z-index:1;position:relative}.taalami-page .course-card:hover{background:#ffffff08;transform:translateY(-5px);box-shadow:0 12px 40px #0000000a,inset 0 0 28px #0000000d}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.taalami-page .course-card{background:#ffffffbf}}.dark .taalami-page .course-card{background:#ffffff0a;border-color:#ffffff1f;box-shadow:0 8px 32px #0003,inset 0 0 28px #0000000f}.dark .taalami-page .course-card:after{background:linear-gradient(135deg,#ffffff08 0%,#0000 100%)}.dark .taalami-page .course-card:hover{background:#ffffff12;border-color:#ffffff2e;box-shadow:0 12px 40px #00000040}.dark .taalami-page .course-card .course-body h4,.dark .taalami-page .course-card .course-body p{color:#f1f5f9}.dark .taalami-page .course-card .day{color:#94a3b8}.course-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.taalami-page .arrow-btn{color:#2563eb;pointer-events:none;background:#ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:inset 2px 2px 4px #0000000f,inset -2px -2px 4px #ffffff4d}.taalami-page .course-card.border-blue .arrow-btn{color:#0ea5e9}.taalami-page .course-card.border-pink .arrow-btn{color:#ec4899}.taalami-page .course-card.border-green .arrow-btn{color:#22c55e}.taalami-page .course-card.border-darkblue .arrow-btn{color:#2563eb}.dark .taalami-page .arrow-btn{background:#ffffff14;box-shadow:inset 2px 2px 4px #0000004d,inset -2px -2px 4px #ffffff0d}.taalami-page .course-icon{color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:14px;font-weight:700;display:flex}.taalami-page .course-icon svg{color:inherit}.taalami-page .course-icon img{-webkit-filter:brightness(0)invert()}.blue-bg{background:linear-gradient(135deg,#2f72ff 0%,#3b82f6 100%)}.pink-bg{background:linear-gradient(135deg,#ec4899 0%,#db2777 100%)}.green-bg{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)}.darkblue-bg{background:linear-gradient(135deg,#2f72ff 0%,#2563eb 100%)}.dark .taalami-page .course-icon{color:#fff}.dark .taalami-page .course-icon svg{color:inherit}.dark .taalami-page .course-icon img{-webkit-filter:brightness(0)invert()}.course-body h4{color:var(--text-dark);margin-bottom:6px;font-size:16px;font-weight:700}.course-body p{color:var(--text-muted);margin-bottom:16px;font-size:12px}.course-footer{align-items:center;gap:12px;display:flex}.taalami-page .count{color:var(--text-muted);order:2;min-width:32px;font-size:12px;font-weight:600}.taalami-page .mini-progress{background:#00000014;border-radius:10px;flex:1;order:1;height:6px;overflow:hidden}.dark .taalami-page .mini-progress{background:#ffffff26}.mini-progress .fill{border-radius:10px;height:100%;transition:width .3s}.fill.blue{background:#2f72ff}.fill.pink{background:#ec4899}.fill.green{background:#22c55e}.fill.darkblue{background:#2f72ff}.taalami-page .cards-independent{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.taalami-page .course-card-modern{-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);color:inherit;background:#fff0;border:1px solid #ffffffd9;border-radius:18px;flex-direction:column;gap:20px;padding:24px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000005,inset 0 0 28px #0000000a;text-decoration:none!important}.taalami-page .course-card-modern:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg,#ffffff05 0%,#0000 100%);border-radius:18px;position:absolute;inset:0}.taalami-page .course-card-modern>*{z-index:1;position:relative}.card-modern-top{flex:1;gap:24px;min-height:0;display:flex}.taalami-page .course-card-modern:hover{background:#ffffff08;transform:translateY(-4px);box-shadow:0 12px 40px #0000000a,inset 0 0 28px #0000000d}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.taalami-page .course-card-modern{background:#ffffffbf}.dark .taalami-page .course-card-modern{background:#0f172ae6}}.card-modern-footer{align-items:center;gap:12px;width:100%;padding-top:4px;display:flex}.card-modern-footer .card-modern-count{flex-shrink:0}.card-modern-arrow{color:#3b82f6;background:#ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:inset 2px 2px 4px #0000000f,inset -2px -2px 4px #ffffff4d}.card-modern-count{color:var(--text-dark,#374151);font-size:14px;font-weight:600}.card-modern-progress{background:#00000014;border-radius:10px;flex:1;min-width:0;height:6px;overflow:hidden}.card-modern-progress-fill{background:#3b82f6;border-radius:10px;height:100%;transition:width .3s}.course-card-modern.course-card-green .card-modern-progress-fill{background:#22c55e}.course-card-modern.course-card-green .card-modern-arrow{color:#22c55e}.card-modern-right{flex:1;justify-content:space-between;align-items:flex-start;gap:16px;min-width:0;padding-top:4px;display:flex;position:relative}.card-modern-content{flex:1;min-width:0;position:relative}.card-modern-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:14px;font-weight:700;display:flex;position:absolute;top:-4px;right:0;box-shadow:0 4px 12px #3b82f659}.taalami-page .card-modern-icon svg{color:inherit}.taalami-page .card-modern-icon img{-webkit-filter:brightness(0)invert()}.course-card-green .card-modern-icon{box-shadow:0 4px 12px #22c55e59}.dark .taalami-page .card-modern-icon{color:#fff}.dark .taalami-page .card-modern-icon svg{color:inherit}.dark .taalami-page .card-modern-icon img{-webkit-filter:brightness(0)invert()}.card-modern-title{color:var(--text-dark,#111827);margin:0 0 6px;padding-right:56px;font-size:17px;font-weight:700;line-height:1.35}.card-modern-next{color:var(--text-muted,#6b7280);margin:0;padding-right:56px;font-size:13px}.dark .taalami-page .course-card-modern{background:#ffffff0a;border-color:#ffffff1f;box-shadow:0 8px 32px #0003,inset 0 0 28px #0000000f}.dark .taalami-page .course-card-modern:after{background:linear-gradient(135deg,#ffffff08 0%,#0000 100%)}.dark .taalami-page .course-card-modern:hover{background:#ffffff12;border-color:#ffffff2e;box-shadow:0 12px 40px #00000040}.dark .card-modern-arrow{color:#60a5fa;background:#ffffff14;box-shadow:inset 2px 2px 4px #0000004d,inset -2px -2px 4px #ffffff0d}.dark .card-modern-count{color:#e2e8f0}.dark .card-modern-progress{background:#ffffff26}.dark .card-modern-title{color:#f1f5f9}.dark .card-modern-next{color:#94a3b8}.dark .card-modern-footer{border-top-color:#ffffff1a}.remove-favorite-btn{color:#ef4444;cursor:pointer;background:#ffffff26;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;box-shadow:inset 2px 2px 4px #0000000f,inset -2px -2px 4px #ffffff4d}.remove-favorite-btn:hover{color:#dc2626;background:#ffffff40;border-color:#ffffff4d;transform:scale(1.05)}.remove-favorite-btn:active{transform:scale(.98)}.dark .remove-favorite-btn{color:#f87171;background:#ffffff14;border-color:#ffffff40;box-shadow:inset 2px 2px 4px #0000004d,inset -2px -2px 4px #ffffff0d}.dark .remove-favorite-btn:hover{color:#fecaca;background:#ffffff1f;border-color:#ffffff59}.card-modern-actions{align-items:center;gap:8px;display:flex}@media (max-width:1024px){.main-content{flex-direction:column}.sidebar{width:100%}.cards-row,.taalami-page .cards-independent{grid-template-columns:1fr}}.paths-page{--primary-blue:#00a3ff;--primary-purple:#8a3ffc;--primary-pink:#fa4d56;--bg-light:#f4f7ff;--text-dark:#161616;--text-muted:#525252;--glass-bg:#fff9;--glass-border:#fff6;background:var(--gradient-light-home);box-sizing:border-box;background-attachment:fixed;width:100%;max-width:none;min-height:100vh;margin:0;padding:0;font-family:Cairo,sans-serif;position:relative}.dark .paths-page{background:0 0}.paths-page .paths-header{text-align:center;justify-content:center;align-items:center;min-height:40vh;padding:20px 60px;display:flex;position:relative}.paths-page .paths-header-content{z-index:2;max-width:800px}.paths-page .paths-header h1{margin-bottom:24px;font-size:3.5rem;font-weight:700;line-height:1.2}.paths-page .paths-header h1.paths-title-line{white-space:nowrap}.paths-page .paths-title-start{color:#00132e}.dark .paths-page .paths-title-start{color:#fff}.paths-page .paths-title-gradient{background:linear-gradient(135deg,#2563eb 0%,#9333ea 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.paths-page .text-gradient{background:linear-gradient(90deg,#941eff 0%,#4881fc 50%,#10cffd 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:.08em;line-height:1.2;display:inline-block}.dark .paths-page .text-gradient{background:linear-gradient(90deg,#941eff 0%,#4881fc 50%,#10cffd 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.paths-page .paths-description{color:var(--text-muted);margin-bottom:6px;font-size:1.25rem;line-height:1.7}.dark .paths-page .paths-description{color:#94a3b8}.paths-page .paths-section{margin-top:-30px;padding:0 20px 100px;position:relative}.paths-page .paths-grid{z-index:2;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1400px;margin:0 auto;display:grid;position:relative}.paths-page .path-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:none;background:#ffffff0a;border:1px solid #fff;border-radius:24px;flex-direction:column;padding:28px;transition:all .3s;display:flex;position:relative;overflow:hidden}.dark .paths-page .path-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:none;background:#ffffff0f;border-color:#7d7d7d}.dark .paths-page .path-card:hover{background:#ffffff14;border-color:#7d7d7d}.paths-page .path-card:after{display:none}.paths-page .path-card:before{content:"";background:var(--path-glow,#6366f1);filter:blur(60px);opacity:.5;pointer-events:none;z-index:0;border-radius:50%;width:160px;height:160px;position:absolute;top:-70px;left:-70px}.paths-page .path-card>*{z-index:1;position:relative}.paths-page .path-card--skeleton{pointer-events:none;cursor:default}.paths-page .path-card--skeleton:hover{transform:none}.paths-page .path-icon--skeleton{flex-shrink:0}.paths-page .path-card:hover{box-shadow:none;background:#ffffff0f;transform:translateY(-5px)}.paths-page .path-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:24px;display:flex}.paths-page .path-icon-img{-o-object-fit:contain;object-fit:contain;-webkit-filter:brightness(0)invert();width:26px;height:26px}.paths-page .path-card h3{color:var(--text-dark);margin-bottom:16px;font-size:1.7rem;font-weight:700}.paths-page .path-card p{color:var(--text-muted);margin-bottom:32px;font-size:1.05rem;line-height:1.5}.dark .paths-page .path-card h3{color:#f1f5f9}.dark .paths-page .path-card p{color:#94a3b8}.paths-page .path-features{flex-grow:1;margin:0 0 24px;padding:0;list-style:none}.paths-page .path-features li{color:#4a5568;align-items:flex-start;gap:12px;margin-bottom:12px;font-size:1rem;display:flex}.dark .paths-page .path-features li{color:#94a3b8}.paths-page .path-features__check{background:var(--path-accent,#6366f1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:2px;display:inline-flex}.paths-page .path-features__check-icon{color:#fff;font-size:.75rem;font-weight:700;line-height:1}.paths-page .path-footer{flex-direction:column;gap:16px;display:flex}.paths-page .modules{color:var(--path-accent,#6366f1);font-size:.9rem;font-weight:700}.paths-page .btn-path,.paths-page a.btn-path{color:#fff;cursor:pointer;text-align:center;border:none;border-radius:100px;width:100%;padding:14px;font-family:Cairo,sans-serif;font-weight:600;text-decoration:none;transition:opacity .3s;display:inline-block}.paths-page .btn-blue{background:linear-gradient(135deg,#22d3ee 0%,#3b82f6 100%)}.paths-page .btn-pink{background:linear-gradient(135deg,#c084fc 0%,#ec4899 100%)}.paths-page .btn-purple{background:linear-gradient(135deg,#63f 0%,#8b21f0 100%)}.paths-page .btn-path:hover,.paths-page a.btn-path:hover{opacity:.9}.paths-page .btn-path:after,.paths-page a.btn-path:after{display:none}.paths-page .error-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:2rem;display:flex}.paths-page .btn-primary-large{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1553fe 0%,#3a93ff 100%);border:none;border-radius:28px;justify-content:center;align-items:center;padding:16px 32px;font-family:Cairo,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;transition:opacity .3s,box-shadow .3s;display:inline-flex;box-shadow:0 10px 25px -5px #1553fe66,0 0 20px #3a93ff4d}.paths-page .btn-primary-large:hover{opacity:.95;box-shadow:0 15px 35px -5px #1553fe80,0 0 30px #3a93ff66}@media (max-width:479px){.paths-page{min-height:100vh;padding:0 16px}.paths-page .paths-header{align-items:flex-start;min-height:auto;padding:72px 0 24px}.paths-page .paths-header-content{width:100%;max-width:100%}.paths-page .paths-header h1{white-space:normal;word-break:break-word;margin-bottom:12px;font-size:1.65rem;line-height:1.35}.paths-page .paths-description{margin-bottom:8px;font-size:.95rem;line-height:1.6}.paths-page .paths-section{margin-top:0;padding:16px 0 48px}.paths-page .paths-grid{grid-template-columns:1fr;gap:16px;width:100%;max-width:100%}.paths-page .path-card{box-sizing:border-box;border-radius:16px;width:100%;padding:20px}.paths-page .path-card h3{margin-bottom:12px;font-size:1.25rem}.paths-page .path-card p{margin-bottom:20px;font-size:.9rem;line-height:1.5}.paths-page .path-features{margin-bottom:16px}.paths-page .path-features li{margin-bottom:10px;font-size:.875rem}.paths-page .path-footer{gap:12px}.paths-page .btn-path,.paths-page a.btn-path{padding:12px 16px;font-size:.9rem}.paths-page .modules{font-size:.85rem}}@media (min-width:480px) and (max-width:767px){.paths-page{padding:0 16px}.paths-page .paths-header h1{font-size:2.5rem}.paths-page .paths-grid{grid-template-columns:1fr}}@media (min-width:768px) and (max-width:1023px){.paths-page{padding:0 25px}.paths-page .paths-header{padding:120px 0 50px}.paths-page .paths-header h1{font-size:2.8rem}.paths-page .paths-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px) and (max-width:1279px){.paths-page .paths-grid{grid-template-columns:repeat(3,1fr);gap:24px}}.progress-merge-overlay{-webkit-backdrop-filter:blur(8px);z-index:99999;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.progress-merge-modal{text-align:right;direction:rtl;background:#fff;border-radius:16px;width:100%;max-width:500px;padding:32px;animation:.3s ease-out slideUp;box-shadow:0 20px 60px #0000004d}.progress-merge-modal.light{background:#fff;box-shadow:0 20px 60px #0f172a26}.progress-merge-modal.dark{background:#1e293b;box-shadow:0 20px 60px #00000080}.progress-merge-content{margin-bottom:24px}.progress-merge-description{color:#0f172a;text-align:center;margin:0;font-size:16px;line-height:1.8}.progress-merge-modal.dark .progress-merge-description{color:#f8fafc}.progress-merge-actions{justify-content:center;gap:12px;display:flex}.progress-merge-btn{cursor:pointer;border:none;border-radius:8px;outline:none;flex:1;max-width:200px;padding:14px 24px;font-family:inherit;font-size:15px;font-weight:600;transition:all .2s}.progress-merge-btn:focus{outline-offset:2px;outline:2px solid #3b82f6}.progress-merge-btn-secondary{color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0}.progress-merge-modal.dark .progress-merge-btn-secondary{color:#f8fafc;background:#334155;border:1px solid #475569}.progress-merge-btn-secondary:hover{background:#e2e8f0;border-color:#cbd5e1}.progress-merge-modal.dark .progress-merge-btn-secondary:hover{background:#475569;border-color:#64748b}.progress-merge-btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);box-shadow:0 4px 12px #2563eb66}.progress-merge-modal.dark .progress-merge-btn-primary{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);box-shadow:0 4px 12px #60a5fa66}.progress-merge-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2563eb80}.progress-merge-modal.dark .progress-merge-btn-primary:hover{box-shadow:0 6px 16px #60a5fa80}.progress-merge-btn-primary:active{transform:translateY(0)}@media (max-width:640px){.progress-merge-modal{max-width:calc(100% - 32px);margin:16px;padding:24px}.progress-merge-actions{flex-direction:column}.progress-merge-btn{width:100%;max-width:none}.progress-merge-description{font-size:15px}}@media (prefers-reduced-motion:reduce){.progress-merge-overlay,.progress-merge-modal,.progress-merge-btn{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.path-details-page{background:var(--gradient-light-home);box-sizing:border-box;direction:rtl;background-attachment:fixed;min-height:100vh;padding:24px 0 48px;font-family:Tajawal,sans-serif}.dark .path-details-page{background:0 0}.path-details-page *{box-sizing:border-box}.path-details-container{width:100%;max-width:none;margin:0;padding:24px 24px 48px}@media (min-width:1280px){.path-details-container{max-width:1200px;margin-left:auto;margin-right:auto;padding-bottom:56px;padding-left:40px;padding-right:40px}}@media (min-width:1440px){.path-details-container{max-width:1280px;padding-left:48px;padding-right:48px}}.path-banner{background:linear-gradient(135deg,#06b6d4 0%,#3b82f6 100%);border-radius:20px;flex-direction:row-reverse;align-items:stretch;min-height:280px;margin-bottom:20px;display:flex;position:relative;overflow:hidden}.path-banner-content{z-index:1;flex-direction:column;flex:1;justify-content:center;min-width:0;padding:40px 36px 36px 28px;display:flex;position:relative}.path-banner-icon-wrap{pointer-events:none;z-index:0;justify-content:center;align-items:center;width:48%;max-width:420px;display:flex;position:absolute;top:0;bottom:0;left:0}.path-banner-bg-icon{-o-object-fit:contain;object-fit:contain;opacity:.22;filter:brightness(1.1);width:100%;max-width:340px;height:auto}.path-banner-bg-icon--img{opacity:.25;width:90%;max-width:320px;height:auto;max-height:320px}.path-banner-bg-icon--symbol{color:#ffffff47;letter-spacing:-.02em;font-family:ui-monospace,Cascadia Code,Source Code Pro,monospace;font-size:clamp(160px,24vw,280px);font-weight:700;line-height:1}.path-tag{color:#fff;z-index:1;background:#ffffff40;border-radius:50px;align-self:flex-start;width:fit-content;max-width:100%;margin-bottom:20px;padding:6px 16px;font-size:13px;font-weight:500;display:inline-block;position:relative}.path-title{color:#fff;z-index:1;margin:0 0 12px;font-size:28px;font-weight:700;line-height:1.3;position:relative}.path-description{color:#fff;z-index:1;max-width:90%;margin:0 0 24px;font-size:15px;line-height:1.6;position:relative}.path-stats{z-index:1;flex-wrap:wrap;gap:12px;display:flex;position:relative}.path-stat{background:#ffffff40;border:1px dashed #ffffff80;border-radius:16px;align-items:center;gap:12px;padding:12px 18px;display:flex}.path-stat-icon-wrap{background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.path-stat-icon-wrap--blue .path-stat-icon{color:#2563eb}.path-stat-icon-wrap--purple .path-stat-icon{color:#7c3aed}.path-stat-icon-wrap--green .path-stat-icon{color:#16a34a}.path-stat-icon{flex-shrink:0;width:22px;height:22px}.path-stat div{flex-direction:column;gap:2px;display:flex}.path-stat-label{color:#fff;font-size:11px}.path-stat-value{color:#fff;font-size:14px;font-weight:700}.path-actions{flex-wrap:wrap;justify-content:flex-start;gap:12px;margin-bottom:32px;display:flex}.path-btn{cursor:pointer;border:none;border-radius:12px;outline:none;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.path-btn:hover,.path-btn:focus{outline:none;text-decoration:none}.path-btn:after{display:none!important}.path-btn-primary{color:#fff;background:linear-gradient(135deg,#06b6d4 0%,#3b82f6 100%);box-shadow:0 4px 14px #06b6d466}.path-btn-primary:hover,.path-btn-primary:focus,.path-btn-primary:visited{color:#fff}.path-btn-secondary{color:#475569;background:#e2e8f0}.path-section{-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);background:#fff0;border:1px solid #ffffffd9;border-radius:20px;margin-bottom:20px;padding:24px 28px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000005,inset 0 0 28px #0000000a}.path-section:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg,#ffffff05 0%,#0000 100%);border-radius:20px;position:absolute;inset:0}.path-section>*{z-index:1;position:relative}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.path-section{background:#ffffffd9}}.path-section-title{color:#1e293b;text-align:right;margin:0 0 20px;font-size:20px;font-weight:700}.path-journey{position:relative}.path-timeline{justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:relative}.path-timeline-line{z-index:0;background:linear-gradient(270deg,#22c55e 0%,#3b82f6 50%,#f66e40 100%);border-radius:2px;height:4px;position:absolute;top:28px;left:16.666%;right:16.666%}.path-timeline-step{text-align:center;z-index:1;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.path-timeline-icon{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:8px;display:flex;box-shadow:0 4px 12px #0000001a}.path-timeline-icon svg{width:24px;height:24px}.path-timeline-green .path-timeline-icon{color:#fff;background:#22c55e}.path-timeline-blue .path-timeline-icon{color:#fff;background:linear-gradient(135deg,#1553fe 0%,#3a93ff 100%)}.path-timeline-orange .path-timeline-icon{color:#fff;background:linear-gradient(135deg,#fb923c 0%,#ef4444 100%)}.path-timeline-level{color:#1e293b;margin-bottom:4px;font-size:14px;font-weight:700}.path-timeline-label{color:#64748b;font-size:12px;line-height:1.4}.path-section.path-learn:after{background:linear-gradient(135deg,#f0f4f826 0%,#0000 100%)}.path-learn-grid{grid-template-columns:1fr 1fr 1fr;gap:42px 44px;display:grid}.path-learn-item{text-align:right;align-items:flex-start;gap:12px;display:flex}.path-learn-check-wrap{-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2);background:#ffffff26;border:1px solid #ffffff80;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;min-height:24px;margin-top:2px;display:flex;box-shadow:0 2px 8px #0000000a}.path-learn-check{color:#3b82f6;flex-shrink:0;width:14px;height:14px}.path-learn-item span{color:#1e293b;font-size:14px;line-height:1.9}.path-section.path-certificate:after{background:linear-gradient(135deg,#e0f2f733 0%,#0000 100%)}.path-section.path-certificate{border:1px solid #ffffffd9}.path-certificate-content{flex-direction:row-reverse;align-items:flex-start;gap:24px;display:flex}.path-certificate-icon-wrap{background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;min-width:56px;height:56px;min-height:56px;display:flex}.path-certificate-icon{color:#2196f3;width:28px;height:28px}.path-certificate-text{text-align:right;flex:1;min-width:0}.path-certificate-title{color:#1e293b;text-align:right;margin:0 0 8px;font-size:20px;font-weight:700}.path-certificate-desc{color:#334155;text-align:right;margin:0;font-size:15px;line-height:1.6}.dark .path-details-page{background-color:#081120;background-image:linear-gradient(145deg,#081120 0%,#214786 42%,#081120 88%);background-attachment:scroll}.dark .path-btn-secondary{color:#e2e8f0;background:#ffffff14;border:1px solid #ffffff1f}.dark .path-btn-secondary:hover{color:#f1f5f9;background:#ffffff24}.dark .path-section{background:#ffffff0a;border-color:#ffffff1f;box-shadow:0 8px 32px #0003,inset 0 0 28px #0000000f}.dark .path-section:after{background:linear-gradient(135deg,#ffffff08 0%,#0000 100%)}.dark .path-section-title,.dark .path-timeline-level{color:#f1f5f9}.dark .path-timeline-label{color:#94a3b8}.dark .path-section.path-learn:after{background:linear-gradient(135deg,#ffffff0a 0%,#0000 100%)}.dark .path-learn-item span{color:#cbd5e1}.dark .path-learn-check-wrap{background:#ffffff14;border-color:#fff3;box-shadow:0 2px 8px #00000026}.dark .path-section.path-certificate:after{background:linear-gradient(135deg,#0ea5e914 0%,#0000 100%)}.dark .path-section.path-certificate{border-color:#ffffff1f}.dark .path-certificate-icon-wrap{background:#fffffff2}.dark .path-certificate-title{color:#f1f5f9}.dark .path-certificate-desc{color:#94a3b8}@media (max-width:1024px){.path-details-container{padding:20px 20px 40px}.path-banner{min-height:240px}.path-banner-icon-wrap{flex:0 0 40%;min-height:160px}.path-banner-bg-icon{font-size:220px}.path-title{font-size:24px}}@media (max-width:768px){.path-details-page{padding:16px 0 32px}.path-details-container{padding:16px 16px 32px}.path-banner{border-radius:16px;flex-direction:column-reverse;min-height:auto;margin-bottom:16px}.path-banner-content{padding:20px 16px}.path-banner-icon-wrap{flex:none;justify-content:center;align-items:center;max-width:none;min-height:100px;padding:12px}.path-banner-bg-icon{font-size:100px}.path-tag{margin-bottom:12px;padding:5px 12px;font-size:12px}.path-title{margin-bottom:8px;font-size:20px}.path-description{max-width:100%;margin-bottom:16px;font-size:14px}.path-stats{flex-direction:column;gap:8px}.path-stat{width:100%;padding:10px 14px}.path-actions{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:24px}.path-btn{justify-content:center;padding:12px 20px;font-size:14px}.path-section{border-radius:16px;margin-bottom:16px;padding:18px 18px 20px}.path-section-title{margin-bottom:16px;font-size:18px}.path-timeline{flex-direction:column;align-items:stretch;gap:12px}.path-timeline-line{display:none}.path-timeline-step{text-align:right;flex-direction:row;align-items:center;gap:12px}.path-timeline-icon{flex-shrink:0;width:40px;height:40px;margin-bottom:0}.path-timeline-icon svg{width:20px;height:20px}.path-timeline-level{margin-bottom:2px;font-size:13px}.path-timeline-label{font-size:11px}.path-learn-grid{grid-template-columns:1fr;gap:16px 0}.path-learn-item{gap:10px}.path-learn-check-wrap{width:22px;min-width:22px;height:22px;min-height:22px}.path-learn-check{width:12px;height:12px}.path-learn-item span{font-size:13px}.path-certificate-content{flex-direction:column;align-items:stretch;gap:16px}.path-certificate-icon-wrap{align-self:flex-start;width:48px;min-width:48px;height:48px;min-height:48px}.path-certificate-icon{width:24px;height:24px}.path-certificate-title{margin-bottom:6px;font-size:18px}.path-certificate-desc{font-size:14px}}@media (max-width:480px){.path-details-container{padding:12px 12px 24px}.path-banner-content{padding:16px 12px}.path-banner-bg-icon{font-size:80px}.path-title{font-size:18px}.path-description{font-size:13px}.path-section{padding:14px 14px 18px}.path-section-title{font-size:16px}.path-stat{padding:8px 12px}.path-stat-icon{width:20px;height:20px}.path-stat-label{font-size:10px}.path-stat-value{font-size:12px}.path-timeline-icon{width:36px;height:36px}.path-timeline-icon svg{width:18px;height:18px}}.path-learning-page{background:var(--gradient-light-home);box-sizing:border-box;direction:rtl;background-attachment:fixed;min-height:100vh;padding:24px 0 48px;font-family:Tajawal,sans-serif}.dark .path-learning-page{background:0 0}.path-learning-page *{box-sizing:border-box}.path-learning-container{max-width:1200px;margin:0 auto;padding:0 24px}.path-learning-header{text-align:right;margin-bottom:32px}.path-learning-title{background:linear-gradient(90deg,#06b6d4 0%,#3b82f6 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:28px;font-weight:700;line-height:1.3}.path-learning-subtitle{color:#64748b;margin:0;font-size:16px;line-height:1.5}.path-learning-layout{grid-template-columns:1fr 380px;align-items:start;gap:32px;display:grid}.path-progress-card{-webkit-backdrop-filter:blur(12px);background:#ffffffbf;border-radius:20px;padding:28px;position:sticky;top:24px;box-shadow:0 4px 24px #0000000f,inset 0 0 0 1px #ffffff80}.path-progress-card-header{flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.path-progress-card-icon{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;display:flex}.path-progress-code-icon{color:#fff;font-family:monospace;font-size:20px;font-weight:700}.path-progress-card-text{text-align:right;flex:1;min-width:0}.path-progress-card-title{color:#1e293b;margin:0 0 4px;font-size:20px;font-weight:700}.path-progress-card-subtitle{color:#64748b;margin:0;font-size:14px;line-height:1.4}.path-progress-bar-section{margin-bottom:24px}.path-progress-bar-label{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;display:flex}.path-progress-bar-label>span:first-child{color:#1e293b}.path-progress-percent{color:#2563eb;font-weight:700}.path-progress-bar-track{background:#e2e8f0;border-radius:10px;height:10px;margin-bottom:8px;overflow:hidden}.path-progress-bar-fill{background:linear-gradient(90deg,#2563eb 0%,#38bdf8 100%);border-radius:10px;height:100%;transition:width .4s}.path-progress-completed{color:#64748b;text-align:right;margin:0;font-size:13px}.path-progress-stats{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.path-progress-stat-item{color:#1e293b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f8fafccc;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px 12px;font-size:14px;font-weight:600;display:flex;box-shadow:0 1px 3px #0000000d,inset 0 0 0 1px #fff9}.path-progress-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.path-progress-stat-icon svg{width:22px;height:22px}.path-progress-stat-cert .path-progress-stat-icon{color:#d97706;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)}.path-progress-stat-time .path-progress-stat-icon{color:#2563eb;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%)}.path-progress-stat-label{text-align:center;line-height:1.3}.path-progress-cta{cursor:pointer;color:#fff;cursor:pointer;background:linear-gradient(90deg,#2563eb 0%,#06b6d4 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;font-family:inherit;font-size:16px;font-weight:600;text-decoration:none;transition:opacity .2s,transform .2s;display:flex}.path-progress-cta:hover{opacity:.95;transform:translateY(-1px)}.path-progress-cta:after{display:none!important}.path-curriculum{min-width:0}.path-curriculum-level{margin-bottom:28px}.path-curriculum-level-head{background:#f8fafc;border-radius:14px;flex-direction:row;justify-content:flex-start;align-items:center;gap:16px;margin-bottom:16px;padding:18px 20px;display:flex}.path-curriculum-level-icon{color:#fff;background:#22c55e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;display:flex}.path-curriculum-level-icon svg{width:24px;height:24px}.path-curriculum-level-text{text-align:right;flex:1;min-width:0}.path-curriculum-level-title-row{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:10px;margin-bottom:6px;display:flex}.path-curriculum-level-name{color:#1f2937;margin:0;font-size:18px;font-weight:700}.path-curriculum-level-count{color:#059669;background:#d1fae5;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.path-curriculum-level-desc{color:#4b5563;margin:0;font-size:14px;font-weight:400;line-height:1.5}.path-curriculum-with-timeline{padding-right:8px;position:relative}.path-curriculum-with-timeline:before{content:"";background:#e2e8f0;border-radius:1px;width:2px;height:100%;position:absolute;top:0;right:0}.path-curriculum-level-locked .path-curriculum-level-head{background:#f1f5f9}.path-curriculum-level-locked .path-curriculum-level-name{color:#64748b}.path-curriculum-level-locked .path-curriculum-level-desc{color:#94a3b8}.path-curriculum-level-icon-locked{color:#94a3b8!important;background:#e2e8f0!important}.path-curriculum-level-icon-locked svg{color:#94a3b8}.path-curriculum-level-locked-badge{color:#94a3b8;align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.path-curriculum-level-locked-badge svg{flex-shrink:0}.path-curriculum-modules{background:#e8eef5;border-radius:14px;flex-direction:column;gap:12px;margin:0;padding:14px;list-style:none;display:flex}.path-curriculum-module{cursor:pointer;background:#fff;border:none;border-radius:12px;padding:20px 22px;transition:box-shadow .2s;box-shadow:0 1px 3px #0000000a}.path-curriculum-module:hover{box-shadow:0 4px 12px #0000000f}.path-curriculum-module-next{background:linear-gradient(135deg,#06b6d4 0%,#3b82f6 100%);border:none;padding:24px 22px;box-shadow:0 4px 14px #06b6d440}.path-curriculum-module-next .path-curriculum-module-title,.path-curriculum-module-next .path-curriculum-module-desc,.path-curriculum-module-next .path-curriculum-module-meta{color:#fff}.path-curriculum-module-next .path-curriculum-module-meta svg{color:#fffffff2}.path-curriculum-module-locked{cursor:not-allowed;background:#f8fafce6!important;box-shadow:0 1px 3px #0000000a,inset 0 0 0 1px #fff9!important}.path-curriculum-module-locked .path-curriculum-module-title{color:#64748b}.path-curriculum-module-locked .path-curriculum-module-desc,.path-curriculum-module-locked .path-curriculum-module-meta,.path-curriculum-module-locked .path-curriculum-module-meta svg{color:#94a3b8}.path-curriculum-module-badge{color:#fffffff2;align-items:center;gap:6px;margin-bottom:12px;font-size:13px;font-weight:600;display:inline-flex}.path-curriculum-module-content{flex-direction:column;gap:16px;display:flex}.path-curriculum-module-main{flex-direction:row;align-items:flex-start;gap:16px;display:flex}.path-curriculum-module-check-wrap{background:#dcfce7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;display:flex}.path-curriculum-module-check-wrap .path-curriculum-module-check,.path-curriculum-module-check-wrap svg{color:#22c55e;width:16px;height:16px}.path-curriculum-module-lock-wrap{background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;display:flex}.path-curriculum-module-lock-wrap svg{color:#94a3b8;width:14px;height:14px}.path-curriculum-module-info{flex:1;min-width:0}.path-curriculum-module-title{color:#1e293b;margin:0 0 6px;font-size:17px;font-weight:700}.path-curriculum-module-desc{color:#64748b;margin:0;font-size:14px;line-height:1.5}.path-curriculum-module-meta{color:#94a3b8;flex-shrink:0;align-items:center;gap:16px;font-size:13px;display:flex}.path-curriculum-module-lessons,.path-curriculum-module-duration{align-items:center;gap:5px;display:inline-flex}.path-curriculum-module-lessons svg,.path-curriculum-module-duration svg{color:#64748b;flex-shrink:0;width:14px;height:14px}.path-curriculum-module-duration svg{width:14px;height:14px}.path-curriculum-module-cta{color:#fff;cursor:pointer;background:#ffffff40;border-radius:12px;justify-content:center;align-self:flex-start;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.path-curriculum-module-cta:hover{background:#ffffff59}.path-curriculum-module-cta:after{display:none!important}.dark .path-learning-page{background-color:#081120;background-image:linear-gradient(145deg,#081120 0%,#214786 42%,#081120 88%);background-attachment:scroll}.dark .path-learning-title{background:linear-gradient(90deg,#22d3ee 0%,#60a5fa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dark .path-learning-subtitle{color:#94a3b8}.dark .path-progress-card{-webkit-backdrop-filter:blur(20px);background:#ffffff0a;border:1px solid #ffffff1f;box-shadow:0 8px 32px #0003,inset 0 0 28px #0000000f}.dark .path-progress-card-title{color:#f1f5f9}.dark .path-progress-card-subtitle,.dark .path-progress-bar-label,.dark .path-progress-completed{color:#94a3b8}.dark .path-progress-bar-label>span:first-child,.dark .path-progress-percent{color:#f1f5f9}.dark .path-progress-bar-track{background:#ffffff1a}.dark .path-progress-stat-item{color:#f1f5f9;background:#ffffff0f;border:1px solid #ffffff0f}.dark .path-curriculum-modules{background:#ffffff08;border:1px solid #ffffff14}.dark .path-curriculum-module{background:#ffffff0a;border:1px solid #ffffff14;box-shadow:0 4px 16px #00000026}.dark .path-curriculum-level-head{background:#1e293b80}.dark .path-curriculum-level-name{color:#f1f5f9}.dark .path-curriculum-level-count{color:#34d399;background:#22c55e33}.dark .path-curriculum-level-desc{color:#94a3b8}.dark .path-curriculum-with-timeline:before{background:#ffffff1a}.dark .path-curriculum-level-locked .path-curriculum-level-head{background:#1e293b66}.dark .path-curriculum-level-locked .path-curriculum-level-name{color:#94a3b8}.dark .path-curriculum-level-locked-badge{color:#64748b}.dark .path-curriculum-module-locked{background:#1e293b80!important;box-shadow:0 1px 3px #0003!important}.dark .path-curriculum-module-locked .path-curriculum-module-title{color:#94a3b8}.dark .path-curriculum-module-locked .path-curriculum-module-desc,.dark .path-curriculum-module-locked .path-curriculum-module-meta{color:#64748b}.dark .path-curriculum-module-lock-wrap{background:#ffffff14}.dark .path-curriculum-module-lock-wrap svg{color:#64748b}.dark .path-curriculum-module-title{color:#f1f5f9}.dark .path-curriculum-module-desc,.dark .path-curriculum-module-meta{color:#94a3b8}@media (max-width:1024px){.path-learning-layout{grid-template-columns:1fr}.path-progress-card{max-width:480px;margin:0 auto 24px;position:static}}@media (max-width:768px){.path-learning-container{padding:0 16px}.path-learning-title{font-size:22px}.path-learning-subtitle{font-size:14px}.path-progress-card{padding:20px}.path-progress-card-title{font-size:18px}.path-curriculum-level-name{font-size:16px}.path-curriculum-module{padding:16px}.path-curriculum-module-next{padding:20px}}@media (max-width:480px){.path-progress-stats{grid-template-columns:1fr}}@media (max-width:768px){.path-curriculum-module-main{flex-direction:column;gap:12px}.path-curriculum-module-info{width:100%;min-width:0}.path-curriculum-module-desc{box-sizing:border-box;width:100%;max-width:100%}}.vjs-svg-icon{fill:currentColor;background-position:50%;background-repeat:no-repeat;width:1.8em;height:1.8em;display:inline-block}.vjs-svg-icon:before{content:none!important}.vjs-svg-icon:hover,.vjs-control:focus .vjs-svg-icon{filter:drop-shadow(0 0 .25em #fff)}.vjs-modal-dialog .vjs-modal-dialog-content,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.video-js .vjs-big-play-button .vjs-icon-placeholder:before{width:100%;height:100%;position:absolute;top:0;left:0}.vjs-button>.vjs-icon-placeholder:before,.video-js .vjs-big-play-button .vjs-icon-placeholder:before{text-align:center}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABTsAAsAAAAAIpAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV32Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADtIAABckI4l972hlYWQAABFkAAAAKwAAADYsvIjpaGhlYQAAEZAAAAAdAAAAJA+RCL1obXR4AAARsAAAABcAAAC8Q2YAAGxvY2EAABHIAAAAYAAAAGB7CIGGbWF4cAAAEigAAAAfAAAAIAFAAI9uYW1lAAASSAAAASUAAAIK1cf1oHBvc3QAABNwAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7yDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADaGCyYAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1hU17U+a5/HMA4iA3NmVBDmoQwP5TFnHlFeA4gYiUFRQINoSCBAyK3G2yi+0aipYtFcHYo2xsb4NiY3+VrNxSaX5uvt495ozNdoYoxmem2/L8HGpLc+InB279pnhlGr5mvL4eyz99nrrL32eu1/DQcc/okdYgdHOA6MQKp4r9gx0EcMHMezOalVasW5BM7NcXoSb9fFgE6KtSSBxWz1FYDPG+vMBGcKb9cebu2VS5s2aaTkCvRSf6C7Y+Ppibm5E09v7IDs2/3uZQtbD0zIyppwoHXh/93ukmyYgdePNRp65p5v+3v/9otQl2O7wP34cT88p8Md2YxpYLQZoRcy6FlSBRnwnGAe6BPMSCZo+7NJVqS0cE4uHendzhSnbPH6TDqL1+Nme5LZXkCHnGyoH0kne30WH+gswhm3q+pt/mTas9NLS64GnjmSlTPw0wVQT/ewRaBgxtydy3cuUB9/6SW+vb5yRvr+t0eOfPKJZ/9t3+4tL7xj32Xd3thCxi+ge6ifdsAN+l5+wi5HQ/cCoeull1AszS7CUfEcJzK7sKWJAdJhCd0sPM4+EY7QDm5ov08hXRQXE5bf6PV5Q5+IjW7X7Nku92Ask4l2hCRRD6TPqISiCJeQna3SCFwrhrNzXHzo4yFevBwxpzxk8WCIIfkvVEKVy32SbT8n68gzgaslpaiO2zIGIyuSb7RNf9HSuN26y/7OC1tgEmpiyA6aD4qcgTOiLThwGG0eB694FI8NHLLN6OBlRVaMxNAFS4JdXUG6mW8PwpKuYLCLXKGbu8iwYNdgO06Sn3Th+/vyZAxs8Ro30DjHe9gy8Fywi24OMm7Qyzh3MTZVOMYhLBnoC+J79lpTUyQmorjhnMwlcQ5uPEYGpDjsOkkH49BjQLQBqs3jFtFdJNlksYmoQFDArLh8Xh+Qd6Ghcsb6FUuehDi+U/lqD71K/qiegeV1imcwjl7ExwiSrf4BZyCujV6cVcFo6VX+G9IcPyFjJnUufbU/jzrL1X99as36reXl8K32nFaOr+E8jWJEcJ55DpMVfSMe95/AJaOsGBH2GJCNpiRQbK4C8BjdmQA22QY2j03Em13i2YHqtNLU1NI04Yj2HJgA6fQc6VPNpA/D+Ryks554NnVy2mB72uRUfPLsqR4N0LOBQKArwJYO+5W2fgZX8oC1HR6HjNaQTVIG2FPwnTcXXGZZfNB7TE6pTKZUwaw91XWLAoFFGcnB5PHjsckgBjbWutrL+0h5Y1xw3DRGDumsnXb3MJwXrJIN5U7m0rgJ3yG5w4he5ckFG4pmNEkOm0/xOO4r4yL87wqtQM+hiJIVp+6iG2wPBKD35ElGkDx+UfC2v1mFG1o+M3AjNFty8biKMXwzyxnZLds8wYD2BxmCPHAldPOeLsy/0BugftYhVYFAhO8SqQ0j3oK7dHJZnI/jxmUS4onlxskSF8thmvNZjIrRZwEPxr0lBuLRuz3oy/FOHCsxwOPYh2M+e9u3J5pgPYz9gp6G7C9m0A11F9ddqKMfV+4sbq45/YspOysXvT+3pdFdYNg2fHbW8Dz301MqDVuGrz0Fuh0YMW8mddrpqzST7rV9BcvqPoNvadRndWp0p8HvbiqrFj5yFQ/vNFSXDpxpLEFWp+DcrF3FT1afWshFcmCfeAMjEvO65i0Y6XijQfSRPWx3TV/Df7Km3E1l+kLt56s/rwVzuRusNMhudznkwdLaS+QNdeal2jDPP4l9qHc98vTYZOSkxzD+njBWVWjFPKgipx6DkWvXQiW8OYcewVHE5yukinDMcfGgc0opDltYKDxIGBedkzc6jSfE7tlvESCDFUw0Hx0opS+U0lHCxNottbNWSxX9zZVvEhKWUSyBpaXwBc2a98M6UqPeXAs/GDon8Ax7hsthO8cM5HU7Ad0UvRR9lHmtyQKZ4MAe814X5h9MSUkQmhf96eVJ6p90OjIiqSIjvykvr2l5U55O/fPQKD+jIomYpNyGJQ25uQ2kIikRfAmuBHCPsWqkSDEqgZ5KDI2sifS/R43MbZg0idFHbCPNxXxZws1ACVE6hAhOdJwRkJLFBLPZpRGYJ50pko6XzMkgmSx40ljik6AQcKhFnLcQE6rF7PXFe1Ocoj0T3AXgSgJTDIhHRfHlYZKuSzc6uievOJGXY+i5GJkkTp7UM3y0LqATDbtFcbdBxO7o4T25JYlEjoH0uynUh8rapkxp62QN70svSF+hT4gGPlovlmcm/ComLi7mV4kTykV9NFWjE/QrwgQ4uIcAP0rQF4VZYRP2o3PhHHzfPMJj9Ir+uzKUlrH49ntT18AVvj1sc3YGjUT/Mt2Dxawa8ArcA7bCQIpvfwAYu22vEG/No/5RvPdA7g+AelLrPwzy+LtkLPhnpIxH14m4EYq8eeMHbPEPNm6G7Nv9B4jcFPZ8bJj0SEjP3MPgQdKTqqEoy2v6G32P/Y6dxOv04AxnoAeq+GILvUavtYCBXm+BaIhuodcfrN5B/V2EYMCPh+SxavjGyPwV0x4CJgUPGT0mQaODGBACIJZGsMXwAD0LGXx7l3CdAcKMIKI+f5CepWeD0BvyU/GcdBxPF8SwejC6LGZmAURFdsSWKR5HyHld2kbdIZO1Ixx+bnnzU7n5+blPNV9jnUDWhP2tC68tbN3PVIldsQPxSAcSpjOav7Q05uXn5zW2LLvDXn9B6syscPy9iDLEMmSrJz6nYuWMipukjM0AH8JkGS+XFyMRkzSCH7KD/hwm172SAyZYumHlefr5AddrtA0O0TnwaVZxcRY9Bfukn9Gf05N1r9DV9MoBsJ1f+ZrqUvtPHizJAntWybv7hmqLt6QLuK6ZS9Fqi1jO5rDoWPZXXII5Tgajg53cIXCjDCGIcYrRIY2n6+mXOa/W0bdhau3ryiEYe2FV/5oeaIYK/5w5frCyll6/cYO8DiNhw6t1MBWmznt91QX62UF1N7l0eHBZTRGpKaqpKVIPF9UcIzmReud9TSY75+K899GHbBu6wjoR7RKKZVYiYxSPf5/2wJT5e3NAhmUbVn5KLx1Ujg0+BGvpAIh0DezInTkzF37KVocxrKU3r1+XLtAe2lO3l66kfQfB/unKY+q8N375Ru8bc4pJXfEcESU95q+p8ZNZRTWH1d9FzvUdYXk5rLkcdkEisoKKVHQW/b3GEx6tPaYcoJfOr9wAbSBnv1IHpep0OExr4LPMkpJM+j7sly7UHkOzXjoAZljHCGiyegtNlwljM0v+c19ET9Pvst09a2Mtgcf5/ZSzYO5h1156+eyydfAsxGa9XAuF6vzjh6CssLq6ECysperXX0sX5h5ZdpZe3guxsGIPEtHk/aqXX1hVqP5HYVVVISkrrNqvXorIc+5Ou91Hnr/LcD2afi6eX7UBloOcs7cOpqgGaNfs1g7bNbs9z6wASaylN69d0/TFTIz6Ws8+oGV3mE2612wRTHKcVUbhjKadebloMc+dyXgMVtVK6BwMB/+mVW09igdRBWaRtNQX59d/VD//xdQ0TCiYNj1KT9sq6Wdu5WTbqk3qDXyDaLa1fv621LS01G3z61sD6lH8lAxDLicV921s6Bf92JOYvzNYCL1khbqBXEFUzC521N5NyzNaQIWhjyFyDoBIVrAjmv2UEaLlI+c6zw1jmVIPLLLZZUTj6GxGHW+mq1tgHXR2D85p4Q934+jLbtjVLcyCdS10NVzpHqxp4Q/hK7WopY/NRGx9HGsPGdFjOjcpjBnGYMVqY/4eqT5khWEHWUup2A/pTw7pdWgsWft7ETUERL96nRg0HNFPmCYba6pylECaExX89A9WLUOVB4oKLu/o1oqSYHCgLzBUlAz8hNFDRpeSU1XT+LRmDUgPaKbYdHDn9suF/tu13nHJij0N97LfS0QmqONuyONk7zvUI6Qa0pF9f2+oABL92AT6e0U//z9YqAiWtJLU1JK0gS+1aacwamiNqK067u9ZQ8f1d4qLodMzz3uL89Z68V/Hnr++hXWUuHgw8dfi972PeTyPefu3aNNucemQ74qFuIaJnVkOu4Q+yjuwmmC1FqZpl1i4uzoPxjkpPf3Xv545tl26Rr+dOvUd+omqJzch9dOeU7f10Y64nMcKK137DccIZq2WdXtdZjbEoLSzHwiMtrjYLDxpHQW8gjMX6XFYAE2zSWVD04EGYSs9MbO6sEo20BMEAB4mpvSypsKjZ4Stgzb+c3A9/MQT2+vrBy+qvyFxLUtLlSRF/Ri2wjfZ2dus2Q8lXx4608/jnqK5OOap6NY2PSjYYnECCjiEeLJll/pbmqfeIK+ps3+MxrlEhqmTPipVP7kqlF4VhpEb6r+Q7YOJg38kJ9SHBf3NBl6+9YchfbUjb5ahLSzUM3kPHmwFAsZ5rpai0S7E5xWzZ1j+fW7zsUWP2g5NXTw52ySCTrgG0+lbw60l2Y/CB185CoA8NK+tbRKxfjy6pm5hzQRRR+cMqv1Jbiw6STivtEvt3DRcy0QEh92JlUGo2PG4tSKHl00YD6xc8CK+YPYyy3io2lN8BcSjKRzrIV6ypOAobqxViJPaT9M9Hy5szY33mp7OX/Zu89L/7Ww5vqY2Y8b0pKgoiUhG5cPDPzq8qTV/WkzUOIvXVVA96kmjcBrr3HrYC/Wn+fYP6Z7T1rqy3zknbvqma/FvVk96fNXGkuaXrdHW5JGSxZT/2I/O73v+yNWafMdzc5NdxYurHs6h86e01sLKLz9EBrg+x36rxAaED7hRnAMx7Vzu+9wabh3zG8XLQjx0ablUJzmxdErxYT3kzQSd0SSafVqF5PXgpp0OyYJ1EyNHpGUZmvK575ySzd85JSqF7IBzSAbMM04+MbE58xF3/njXOGecSaermlw2y9PsSQdytLJVr8t+wg+rR8cZYoeNxVIzNdk3Bngi8U5LAlgTFoQnzJCa5EsCgYhCaGL+qPj7TdhG31p9tej3R04N//PXxNwJvyUqwaJqRPJY98TJ5TPndmflRAkAhBfe46sfKW5wizSge08Xb7Ca/GUVs55trngkKkrUS2WPzKttaaqq+idmahugkY+W6fN0I6i3gPt/x88U4wAAeJxjYGRgYADiGU9YXsXz23xl4GZnAIFH7fO+IdMc/WBxDgYmEAUASbMKwAB4nGNgZGBgZwABjj4Ghv//OfoZGBlQgT4ARicDZAAAAHicY2BgYGAfxJijD8Fmu4EqBwCSpgKpAAAAAAAADgBoAH4AzADgAQIBQgFsAZgB7gIuAooC0AL8A2IDjAOoA+AEMASwBNoFCAVaBcAGCAYuBnAGrAb2B04HigfSCCoIcAiGCJwIyAkkCVYJiAmsCfIKIApWCsQLknicY2BkYGDQZ2hmYGcAASYg5gJCBob/YD4DABqrAdAAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2ReVPbMBDF/ULi2EkDBFqO3gdHLxUzDB9IkdexBllydRD49ihO3Ckz7B/a31utZnafkkGyiXnyclxhgB0MMUKKMTLkmGCKV5hhF3vYxxwHOMRrvMERjnGCU7zFO7zHB3zEJ3zGF3zFN5zhHBe4xHf8wE/8wm8w/MEVimTYKv44XR9MSCsUjVoeHE3vjQoNsSZ4mmxZmVWPjSz7jlou6/0qKOWEJdKMtCe793/hQfqxa6XWZHMXFl56RS4TvPXSaDeoy0zUUZB109KstDK8lHo5q6Qi1hcOnqkImubPS6aqRq7mlnaEWabub4iYblba3SRmgldS0+FWdhNtt04F14JUaqkl7tcpOpJtErvNt3Bd9HRT5JWxK25Ldjvp6br4hzfFiIdSmlzTg2fSUzNrLd1LE1ynxq4OVaVoKLjzJ60UPtj1RKzHzsbjly6inVnFBS2MucviPncU7Rr7lfTxRepDs1A2j3ZHRc7PuzFYSfE3ZOd4kjwBy227hA==)format("woff");font-weight:400;font-style:normal}.vjs-icon-play,.video-js .vjs-play-control .vjs-icon-placeholder,.video-js .vjs-big-play-button .vjs-icon-placeholder:before{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-play:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.video-js .vjs-big-play-button .vjs-icon-placeholder:before{content:""}.vjs-icon-play-circle{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-play-circle:before{content:""}.vjs-icon-pause,.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-pause:before,.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before{content:""}.vjs-icon-volume-mute,.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-volume-mute:before,.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before{content:""}.vjs-icon-volume-low,.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-volume-low:before,.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before{content:""}.vjs-icon-volume-mid,.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-volume-mid:before,.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before{content:""}.vjs-icon-volume-high,.video-js .vjs-mute-control .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-volume-high:before,.video-js .vjs-mute-control .vjs-icon-placeholder:before{content:""}.vjs-icon-fullscreen-enter,.video-js .vjs-fullscreen-control .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-fullscreen-enter:before,.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before{content:""}.vjs-icon-fullscreen-exit,.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-fullscreen-exit:before,.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before{content:""}.vjs-icon-spinner{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-spinner:before{content:""}.vjs-icon-subtitles,.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-subtitles:before,.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before{content:""}.vjs-icon-captions,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-captions-button .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-captions:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-captions-button .vjs-icon-placeholder:before{content:""}.vjs-icon-hd{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-hd:before{content:""}.vjs-icon-chapters,.video-js .vjs-chapters-button .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-chapters:before,.video-js .vjs-chapters-button .vjs-icon-placeholder:before{content:""}.vjs-icon-downloading{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-downloading:before{content:""}.vjs-icon-file-download{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-file-download:before{content:""}.vjs-icon-file-download-done{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-file-download-done:before{content:""}.vjs-icon-file-download-off{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-file-download-off:before{content:""}.vjs-icon-share{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-share:before{content:""}.vjs-icon-cog{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-cog:before{content:""}.vjs-icon-square{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-square:before{content:""}.vjs-icon-circle,.vjs-seek-to-live-control .vjs-icon-placeholder,.video-js .vjs-volume-level,.video-js .vjs-play-progress{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-circle:before,.vjs-seek-to-live-control .vjs-icon-placeholder:before,.video-js .vjs-volume-level:before,.video-js .vjs-play-progress:before{content:""}.vjs-icon-circle-outline{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-circle-outline:before{content:""}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-circle-inner-circle:before{content:""}.vjs-icon-cancel,.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-cancel:before,.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before{content:""}.vjs-icon-repeat{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-repeat:before{content:""}.vjs-icon-replay,.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-replay:before,.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before{content:""}.vjs-icon-replay-5,.video-js .vjs-skip-backward-5 .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-replay-5:before,.video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before{content:""}.vjs-icon-replay-10,.video-js .vjs-skip-backward-10 .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-replay-10:before,.video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before{content:""}.vjs-icon-replay-30,.video-js .vjs-skip-backward-30 .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-replay-30:before,.video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before{content:""}.vjs-icon-forward-5,.video-js .vjs-skip-forward-5 .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-forward-5:before,.video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before{content:""}.vjs-icon-forward-10,.video-js .vjs-skip-forward-10 .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-forward-10:before,.video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before{content:""}.vjs-icon-forward-30,.video-js .vjs-skip-forward-30 .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-forward-30:before,.video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before{content:""}.vjs-icon-audio,.video-js .vjs-audio-button .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-audio:before,.video-js .vjs-audio-button .vjs-icon-placeholder:before{content:""}.vjs-icon-next-item{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-next-item:before{content:""}.vjs-icon-previous-item{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-previous-item:before{content:""}.vjs-icon-shuffle{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-shuffle:before{content:""}.vjs-icon-cast{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-cast:before{content:""}.vjs-icon-picture-in-picture-enter,.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-picture-in-picture-enter:before,.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before{content:""}.vjs-icon-picture-in-picture-exit,.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-picture-in-picture-exit:before,.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before{content:""}.vjs-icon-facebook{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-facebook:before{content:""}.vjs-icon-linkedin{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-linkedin:before{content:""}.vjs-icon-twitter{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-twitter:before{content:""}.vjs-icon-tumblr{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-tumblr:before{content:""}.vjs-icon-pinterest{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-pinterest:before{content:""}.vjs-icon-audio-description,.video-js .vjs-descriptions-button .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-audio-description:before,.video-js .vjs-descriptions-button .vjs-icon-placeholder:before{content:""}.video-js{vertical-align:top;box-sizing:border-box;color:#fff;word-break:initial;background-color:#000;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-style:normal;font-weight:400;line-height:1;display:inline-block;position:relative}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js[tabindex="-1"]{outline:none}.video-js *,.video-js :before,.video-js :after{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;margin:0;list-style-position:outside}.video-js.vjs-fluid,.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-9-16,.video-js.vjs-1-1{width:100%;max-width:100%}.video-js.vjs-fluid:not(.vjs-audio-only-mode),.video-js.vjs-16-9:not(.vjs-audio-only-mode),.video-js.vjs-4-3:not(.vjs-audio-only-mode),.video-js.vjs-9-16:not(.vjs-audio-only-mode),.video-js.vjs-1-1:not(.vjs-audio-only-mode){height:0}.video-js.vjs-16-9:not(.vjs-audio-only-mode){padding-top:56.25%}.video-js.vjs-4-3:not(.vjs-audio-only-mode){padding-top:75%}.video-js.vjs-9-16:not(.vjs-audio-only-mode){padding-top:177.778%}.video-js.vjs-1-1:not(.vjs-audio-only-mode){padding-top:100%}.video-js.vjs-fill:not(.vjs-audio-only-mode){width:100%;height:100%}.video-js .vjs-tech{width:100%;height:100%;position:absolute;top:0;left:0}.video-js.vjs-audio-only-mode .vjs-tech{display:none}body.vjs-full-window,body.vjs-pip-window{height:100%;margin:0;padding:0}.vjs-full-window .video-js.vjs-fullscreen,body.vjs-pip-window .video-js{z-index:1000;position:fixed;inset:0;overflow:hidden}.video-js.vjs-fullscreen:not(.vjs-ios-native-fs),body.vjs-pip-window .video-js{display:block;width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-pip-container .vjs-pip-text{text-align:center;background-color:#000000b3;width:100%;padding:.5em;font-size:2em;position:absolute;bottom:10%}.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,.vjs-layout-x-small.vjs-pip-container .vjs-pip-text,.vjs-layout-small.vjs-pip-container .vjs-pip-text{font-size:1.4em;bottom:0}.vjs-hidden{display:none!important}.vjs-disabled{opacity:.5;cursor:default}.video-js .vjs-offscreen{width:1px;height:1px;position:absolute;top:0;left:-9999px}.vjs-lock-showing{opacity:1!important;visibility:visible!important;display:block!important}.vjs-no-js{color:#fff;text-align:center;background-color:#000;width:300px;height:150px;margin:0 auto;padding:20px;font-family:Arial,Helvetica,sans-serif;font-size:18px}.vjs-no-js a,.vjs-no-js a:visited{color:#66a8cc}.video-js .vjs-big-play-button{cursor:pointer;opacity:1;background-color:#2b333fb3;border:.06666em solid #fff;border-radius:.3em;width:3em;height:1.63332em;margin-top:-.81666em;margin-left:-1.5em;padding:0;font-size:3em;line-height:1.5em;transition:all .4s;display:block;position:absolute;top:50%;left:50%}.vjs-big-play-button .vjs-svg-icon{width:1em;height:1em;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus{background-color:#73859f80;border-color:#fff;transition:all}.vjs-controls-disabled .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button,.vjs-error .vjs-big-play-button{display:none}.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(.vjs-seeking,.vjs-scrubbing,.vjs-error) .vjs-big-play-button{display:block}.video-js button{color:inherit;font-size:inherit;line-height:inherit;text-transform:none;appearance:none;background:0 0;border:none;text-decoration:none;transition:none;display:inline-block}.video-js.vjs-spatial-navigation-enabled .vjs-button:focus{box-shadow:none;outline:.0625em solid #fff}.vjs-control .vjs-button{width:100%;height:100%}.video-js .vjs-control.vjs-close-button{cursor:pointer;z-index:2;height:3em;position:absolute;top:.5em;right:0}.video-js .vjs-modal-dialog{background:linear-gradient(#000c,#fff0);overflow:auto}.video-js .vjs-modal-dialog>*{box-sizing:border-box}.vjs-modal-dialog .vjs-modal-dialog-content{z-index:1;padding:20px 24px;font-size:1.2em;line-height:1.5}.vjs-menu-button{cursor:pointer}.vjs-menu-button.vjs-disabled{cursor:default}.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{display:none}.vjs-menu .vjs-menu-content{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;display:block;overflow:auto}.vjs-menu .vjs-menu-content>*{box-sizing:border-box}.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{text-align:center;text-transform:lowercase;justify-content:center;margin:0;padding:.2em 0;font-size:1.2em;line-height:1.4em;list-style:none;display:flex}.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover,.js-focus-visible .vjs-menu li.vjs-menu-item:hover{background-color:#73859f80}.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover,.js-focus-visible .vjs-menu li.vjs-selected:hover{color:#2b333f;background-color:#fff}.vjs-menu li.vjs-selected .vjs-svg-icon,.vjs-menu li.vjs-selected:focus .vjs-svg-icon,.vjs-menu li.vjs-selected:hover .vjs-svg-icon,.js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon{fill:#000}.video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible),.js-focus-visible .vjs-menu :not(.vjs-selected):focus:not(.focus-visible){background:0 0}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;cursor:default;margin:0 0 .3em;padding:0;font-size:1em;font-weight:700;line-height:2em}.vjs-menu-button-popup .vjs-menu{border-top-color:#2b333fb3;width:10em;height:0;margin-bottom:1.5em;display:none;position:absolute;bottom:0;left:-3em}.vjs-pip-window .vjs-menu-button-popup .vjs-menu{left:unset;right:1em}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2b333fb3;width:100%;max-height:15em;position:absolute;bottom:1.5em}.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:5em}.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:10em}.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:14em}.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:25em}.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,.vjs-menu-button-popup .vjs-menu.vjs-lock-showing{display:block}.video-js .vjs-menu-button-inline{transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.22222em}.video-js .vjs-menu-button-inline:hover,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline.vjs-slider-active{width:12em}.vjs-menu-button-inline .vjs-menu{opacity:0;width:auto;height:100%;margin:0;padding:0;transition:all .4s;position:absolute;top:0;left:4em}.vjs-menu-button-inline:hover .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline.vjs-slider-active .vjs-menu{opacity:1;display:block}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{background-color:#2b333fb3;width:100%;height:3em;display:none;position:absolute;bottom:0;left:0;right:0}.video-js.vjs-spatial-navigation-enabled .vjs-control-bar{gap:1px}.video-js:not(.vjs-controls-disabled,.vjs-using-native-controls,.vjs-error) .vjs-control-bar.vjs-lock-showing{display:flex!important}.vjs-has-started .vjs-control-bar,.vjs-audio-only-mode .vjs-control-bar{visibility:visible;opacity:1;transition:visibility .1s,opacity .1s;display:flex}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:0;pointer-events:none;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar,.vjs-error .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible;pointer-events:auto}.video-js .vjs-control{text-align:center;flex:none;width:4em;height:100%;margin:0;padding:0;position:relative}.video-js .vjs-control.vjs-visible-text{width:auto;padding-left:1em;padding-right:1em}.vjs-button>.vjs-icon-placeholder:before{font-size:1.8em;line-height:1.67}.vjs-button>.vjs-icon-placeholder{display:block}.vjs-button>.vjs-svg-icon{display:inline-block}.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before,.video-js .vjs-control:focus{text-shadow:0 0 1em #fff}.video-js :not(.vjs-visible-text)>.vjs-control-text{clip:rect(0 0 0 0);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{cursor:pointer;touch-action:none;flex:auto;align-items:center;min-width:4em;display:flex}.video-js .vjs-progress-control.disabled{cursor:default}.vjs-live .vjs-progress-control{display:none}.vjs-liveui .vjs-progress-control{align-items:center;display:flex}.video-js .vjs-progress-holder{flex:auto;height:.3em;transition:all .2s}.video-js .vjs-progress-control .vjs-progress-holder{margin:0 10px}.video-js .vjs-progress-control:hover .vjs-progress-holder,.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-progress-holder{font-size:1.66667em}.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled{font-size:1em}.video-js .vjs-progress-holder .vjs-play-progress,.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div{width:0;height:100%;margin:0;padding:0;display:block;position:absolute}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{z-index:1;font-size:.9em;line-height:.35em;position:absolute;right:-.5em}.vjs-svg-icons-enabled .vjs-play-progress:before{content:none!important}.vjs-play-progress .vjs-svg-icon{pointer-events:none;z-index:1;width:.9em;height:.9em;line-height:.15em;position:absolute;top:-.35em;right:-.4em}.video-js .vjs-load-progress{background:#73859f80}.video-js .vjs-load-progress div{background:#73859fbf}.video-js .vjs-time-tooltip{color:#000;float:right;pointer-events:none;visibility:hidden;z-index:1;background-color:#fffc;border-radius:.3em;padding:6px 8px 8px;font-family:Arial,Helvetica,sans-serif;font-size:1em;position:absolute;top:-3.4em}.video-js .vjs-progress-holder:focus .vjs-time-tooltip{display:none}.video-js .vjs-progress-control:hover .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-time-tooltip{visibility:visible;font-size:.6em;display:block}.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip{font-size:1em}.video-js .vjs-progress-control .vjs-mouse-display{z-index:1;background-color:#000;width:1px;height:100%;display:none;position:absolute}.video-js .vjs-progress-control:hover .vjs-mouse-display,.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,.video-js.vjs-touch-enabled:not(.vjs-scrubbing) .vjs-progress-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.vjs-mouse-display .vjs-time-tooltip{color:#fff;background-color:#000c}.video-js .vjs-slider{cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background-color:#73859f80;margin:0 .45em;padding:0;position:relative}.video-js .vjs-slider.disabled{cursor:default}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js.vjs-spatial-navigation-enabled .vjs-slider:focus{outline:.0625em solid #fff}.video-js .vjs-mute-control{cursor:pointer;flex:none}.video-js .vjs-volume-control{cursor:pointer;margin-right:1em;display:flex}.video-js .vjs-volume-control.vjs-volume-horizontal{width:5em}.video-js .vjs-volume-panel .vjs-volume-control{visibility:visible;opacity:0;width:1px;height:1px;margin-left:-1px}.video-js .vjs-volume-panel{transition:width 1s}.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active{visibility:visible;opacity:1;transition:visibility .1s,opacity .1s,height .1s,width .1s,left,top;position:relative}.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal{width:5em;height:3em;margin-right:0}.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical{transition:left;left:-3.5em}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active{width:10em;transition:width .1s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only{width:4em}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{width:3em;height:8em;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;left:-3000em}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel{display:flex}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{background-color:#fff;position:absolute;bottom:0;left:0}.video-js .vjs-volume-level:before{z-index:1;font-size:.9em;position:absolute}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{z-index:1;top:-.5em;left:-.3em}.vjs-svg-icons-enabled .vjs-volume-level:before{content:none}.vjs-volume-level .vjs-svg-icon{pointer-events:none;z-index:1;width:.9em;height:.9em;position:absolute}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{line-height:.35em;right:-.5em}.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon{right:-.3em;transform:translateY(-50%)}.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon{top:-.55em;transform:translate(-50%)}.video-js .vjs-volume-panel.vjs-volume-panel-vertical{width:4em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.video-js .vjs-volume-vertical{background-color:#2b333fb3;width:3em;height:8em;bottom:8em}.video-js .vjs-volume-horizontal .vjs-menu{left:-2em}.video-js .vjs-volume-tooltip{color:#000;float:right;pointer-events:none;visibility:hidden;z-index:1;background-color:#fffc;border-radius:.3em;padding:6px 8px 8px;font-family:Arial,Helvetica,sans-serif;font-size:1em;position:absolute;top:-3.4em}.video-js .vjs-volume-control:hover .vjs-volume-tooltip,.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip{visibility:visible;font-size:1em;display:block}.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip{top:-12px;left:1em}.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip{font-size:1em}.video-js .vjs-volume-control .vjs-mouse-display{z-index:1;background-color:#000;width:100%;height:1px;display:none;position:absolute}.video-js .vjs-volume-horizontal .vjs-mouse-display{width:1px;height:100%}.video-js .vjs-volume-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.vjs-mouse-display .vjs-volume-tooltip{color:#fff;background-color:#000c}.vjs-poster{vertical-align:middle;cursor:pointer;height:100%;margin:0;padding:0;display:inline-block;position:absolute;inset:0}.vjs-has-started .vjs-poster,.vjs-using-native-controls .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster,.vjs-has-started.vjs-audio-poster-mode .vjs-poster,.vjs-pip-container.vjs-has-started .vjs-poster{display:block}.vjs-poster img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.video-js .vjs-live-control{flex:auto;align-items:flex-start;font-size:1em;line-height:3em;display:flex}.video-js:not(.vjs-live) .vjs-live-control,.video-js.vjs-liveui .vjs-live-control{display:none}.video-js .vjs-seek-to-live-control{cursor:pointer;flex:none;align-items:center;width:auto;min-width:4em;height:100%;padding-left:.5em;padding-right:.5em;font-size:1em;line-height:3em;display:inline-flex}.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,.video-js:not(.vjs-live) .vjs-seek-to-live-control{display:none}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{cursor:auto}.vjs-seek-to-live-control .vjs-icon-placeholder{color:#888;margin-right:.5em}.vjs-svg-icons-enabled .vjs-seek-to-live-control{line-height:0}.vjs-seek-to-live-control .vjs-svg-icon{pointer-events:none;fill:#888;width:1em;height:1em}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder{color:red}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon{fill:red}.video-js .vjs-time-control{flex:none;width:auto;min-width:2em;padding-left:1em;padding-right:1em;font-size:1em;line-height:3em}.vjs-live .vjs-time-control,.vjs-live .vjs-time-divider,.video-js .vjs-current-time,.video-js .vjs-duration{display:none}.vjs-time-divider{line-height:3em;display:none}.vjs-normalise-time-controls:not(.vjs-live) .vjs-time-control{display:flex}.video-js .vjs-play-control{cursor:pointer}.video-js .vjs-play-control .vjs-icon-placeholder{flex:none}.vjs-text-track-display{pointer-events:none;position:absolute;inset:0 0 3em}.vjs-error .vjs-text-track-display{display:none}.video-js.vjs-controls-disabled .vjs-text-track-display,.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{text-align:center;margin-bottom:.1em;font-size:1.4em}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{transform:translateY(-3em)}.video-js.vjs-controls-disabled video::-webkit-media-text-track-display{transform:translateY(-1.5em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{transform:translateY(-1.5em)}.video-js.vjs-force-center-align-cues .vjs-text-track-cue{text-align:center!important;width:80%!important}@supports not (inset:10px){.video-js .vjs-text-track-display>div{inset:0}}.video-js .vjs-picture-in-picture-control{cursor:pointer;flex:none}.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,.vjs-pip-window .vjs-picture-in-picture-control{display:none}.video-js .vjs-fullscreen-control{cursor:pointer;flex:none}.video-js.vjs-audio-only-mode .vjs-fullscreen-control,.vjs-pip-window .vjs-fullscreen-control{display:none}.vjs-playback-rate>.vjs-menu-button,.vjs-playback-rate .vjs-playback-rate-value{width:100%;height:100%;position:absolute;top:0;left:0}.vjs-playback-rate .vjs-playback-rate-value{pointer-events:none;text-align:center;font-size:1.5em;line-height:2}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{text-align:center;font-size:1.4em}.vjs-loading-spinner{opacity:.85;text-align:left;box-sizing:border-box;visibility:hidden;background-clip:padding-box;border:.6em solid #2b333fb3;border-radius:50%;width:5em;height:5em;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{justify-content:center;align-items:center;animation:0s linear .3s forwards vjs-spinner-show;display:flex}.vjs-error .vjs-loading-spinner{display:none}.vjs-loading-spinner:before,.vjs-loading-spinner:after{content:"";box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:#fff #0000 #0000;position:absolute}.vjs-seeking .vjs-loading-spinner:before,.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after{animation:1.1s cubic-bezier(.6,.2,0,.8) infinite vjs-spinner-spin,1.1s linear infinite vjs-spinner-fade}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;animation-delay:.44s}@keyframes vjs-spinner-show{to{visibility:visible}}@keyframes vjs-spinner-spin{to{transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}to{border-top-color:#73859f}}.video-js.vjs-audio-only-mode .vjs-captions-button{display:none}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js.vjs-audio-only-mode .vjs-descriptions-button{display:none}.vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-svg-icon{width:1.5em;height:1.5em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;margin-bottom:-.1em;display:inline-block}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{content:"";font-family:VideoJS;font-size:1.5em;line-height:inherit}.video-js.vjs-audio-only-mode .vjs-subs-caps-button{display:none}.video-js .vjs-audio-button+.vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder,.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;margin-bottom:-.1em;display:inline-block}.video-js .vjs-audio-button+.vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before,.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{content:" ";font-family:VideoJS;font-size:1.5em;line-height:inherit}.video-js.vjs-layout-small .vjs-current-time,.video-js.vjs-layout-small .vjs-time-divider,.video-js.vjs-layout-small .vjs-duration,.video-js.vjs-layout-small .vjs-remaining-time,.video-js.vjs-layout-small .vjs-playback-rate,.video-js.vjs-layout-small .vjs-volume-control,.video-js.vjs-layout-x-small .vjs-current-time,.video-js.vjs-layout-x-small .vjs-time-divider,.video-js.vjs-layout-x-small .vjs-duration,.video-js.vjs-layout-x-small .vjs-remaining-time,.video-js.vjs-layout-x-small .vjs-playback-rate,.video-js.vjs-layout-x-small .vjs-volume-control,.video-js.vjs-layout-tiny .vjs-current-time,.video-js.vjs-layout-tiny .vjs-time-divider,.video-js.vjs-layout-tiny .vjs-duration,.video-js.vjs-layout-tiny .vjs-remaining-time,.video-js.vjs-layout-tiny .vjs-playback-rate,.video-js.vjs-layout-tiny .vjs-volume-control{display:none}.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover{width:auto;width:initial}.video-js.vjs-layout-x-small .vjs-progress-control,.video-js.vjs-layout-tiny .vjs-progress-control{display:none}.video-js.vjs-layout-x-small .vjs-custom-control-spacer{flex:auto;display:block}.vjs-modal-dialog.vjs-text-track-settings{color:#fff;background-color:#2b333fbf;height:70%}.vjs-spatial-navigation-enabled .vjs-modal-dialog.vjs-text-track-settings{height:80%}.vjs-error .vjs-text-track-settings{display:none}.vjs-text-track-settings .vjs-modal-dialog-content{display:table}.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-font,.vjs-text-track-settings .vjs-track-settings-controls{display:table-cell}.vjs-text-track-settings .vjs-track-settings-controls{text-align:right;vertical-align:bottom}@supports (display:grid){.vjs-text-track-settings .vjs-modal-dialog-content{grid-template-rows:1fr;grid-template-columns:1fr 1fr;padding:20px 24px 0;display:grid}.vjs-track-settings-controls .vjs-default-button{margin-bottom:20px}.vjs-text-track-settings .vjs-track-settings-controls{grid-column:1/-1}.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content{grid-template-columns:1fr}}.vjs-text-track-settings select{font-size:inherit}.vjs-track-setting>select{margin-bottom:.5em;margin-right:1em}.vjs-text-track-settings fieldset{border:none;margin:10px}.vjs-text-track-settings fieldset span{padding:0 .6em .8em;display:inline-block}.vjs-text-track-settings fieldset span>select{max-width:7.3em}.vjs-text-track-settings legend{color:#fff;font-size:1.2em;font-weight:700}.vjs-text-track-settings .vjs-label{margin:0 .5em .5em 0}.vjs-track-settings-controls button:focus,.vjs-track-settings-controls button:active{background-image:linear-gradient(#73859f 0%,#fff 12%);outline-width:medium;outline-style:solid}.vjs-track-settings-controls button:hover{color:#2b333fbf}.vjs-track-settings-controls button{color:#2b333f;cursor:pointer;background-color:#fff;background-image:linear-gradient(-180deg,#fff 88%,#73859f 100%);border-radius:2px}.vjs-track-settings-controls .vjs-default-button{margin-right:1em}.vjs-title-bar{pointer-events:none;background:linear-gradient(#000000e6 0%,#000000b3 60%,#0000 100%);width:100%;padding:.666em 1.333em 4em;font-size:1.2em;line-height:1.5;transition:opacity .1s;position:absolute;top:0}.vjs-error .vjs-title-bar{display:none}.vjs-title-bar-title,.vjs-title-bar-description{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.vjs-title-bar-title{margin-bottom:.333em;font-weight:700}.vjs-playing.vjs-user-inactive .vjs-title-bar{opacity:0;transition:opacity 1s}.video-js .vjs-skip-forward-5,.video-js .vjs-skip-forward-10,.video-js .vjs-skip-forward-30,.video-js .vjs-skip-backward-5,.video-js .vjs-skip-backward-10,.video-js .vjs-skip-backward-30{cursor:pointer}.video-js .vjs-transient-button{cursor:pointer;opacity:1;background-color:#32323280;justify-content:center;align-items:center;height:3em;transition:opacity 1s;display:flex;position:absolute}.video-js:not(.vjs-has-started) .vjs-transient-button{display:none}.video-js.not-hover .vjs-transient-button:not(.force-display),.video-js.vjs-user-inactive .vjs-transient-button:not(.force-display){opacity:0}.video-js .vjs-transient-button span{padding:0 .5em}.video-js .vjs-transient-button.vjs-left{left:1em}.video-js .vjs-transient-button.vjs-right{right:1em}.video-js .vjs-transient-button.vjs-top{top:1em}.video-js .vjs-transient-button.vjs-near-top{top:4em}.video-js .vjs-transient-button.vjs-bottom{bottom:4em}.video-js .vjs-transient-button:hover{background-color:#323232e6}@media print{.video-js>:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}.vjs-resize-manager{z-index:-1000;border:none;width:100%;height:100%;position:absolute;top:0;left:0}.js-focus-visible .video-js :focus:not(.focus-visible),.video-js :focus:not(:focus-visible){outline:none}.quick-test-overlay{z-index:10010;-webkit-backdrop-filter:blur(12px);background:#0006;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.quick-test-modal{direction:rtl;background:#fff;border-radius:24px;width:100%;max-width:480px;padding:36px 40px;font-family:Cairo,Tajawal,sans-serif;box-shadow:0 24px 64px #00000026}.quick-test-modal .quick-test-questions~*,.quick-test-modal .quick-test-questions{max-width:100%}.quick-test-modal-questions{max-width:560px;max-height:90vh;overflow-y:auto}.quick-test-modal-result{max-width:440px}.quick-test-header{text-align:center;margin-bottom:28px}.quick-test-header-icon{color:#fff;background:linear-gradient(135deg,#7dd3fc 0%,#38bdf8 100%);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex;box-shadow:0 4px 14px #38bdf859}.quick-test-title{color:#0ea5e9;margin:0 0 8px;font-size:1.5rem;font-weight:700}.quick-test-subtitle{color:#64748b;margin:0;font-size:.95rem;line-height:1.5}.quick-test-cards{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:28px;display:grid}.quick-test-card{text-align:center;background:#f8fafc;border:1px solid #0000000a;border-radius:14px;padding:16px;box-shadow:0 2px 8px #0000000a}.quick-test-card-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 8px;display:flex}.quick-test-card-pink .quick-test-card-icon{background:#ec4899;box-shadow:0 2px 10px #ec489966}.quick-test-card-purple .quick-test-card-icon{background:#8b5cf6;box-shadow:0 2px 10px #8b5cf666}.quick-test-card-teal .quick-test-card-icon{background:#14b8a6;box-shadow:0 2px 10px #14b8a666}.quick-test-card-label{color:#64748b;margin-bottom:4px;font-size:.8rem;display:block}.quick-test-card-value{font-size:1rem;font-weight:700;display:block}.quick-test-card-pink .quick-test-card-value{color:#db2777}.quick-test-card-purple .quick-test-card-value{color:#7c3aed}.quick-test-card-teal .quick-test-card-value{color:#0d9488}.quick-test-remaining-attempts{color:#64748b;text-align:center;margin:-8px 0 12px;font-size:.9rem}.quick-test-error-box{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;font-size:.9rem;display:flex}.quick-test-actions{flex-direction:column;gap:12px;display:flex}.quick-test-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#38bdf8 0%,#0d9488 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 24px;font-family:inherit;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 16px #0d948859}.quick-test-btn-start{background:linear-gradient(135deg,#06b6d4 0%,#3b82f6 100%);box-shadow:0 4px 16px #3b82f659}.quick-test-btn-start:hover:not(:disabled){box-shadow:0 6px 20px #3b82f673}.quick-test-btn-next{background:linear-gradient(135deg,#06b6d4 0%,#3b82f6 100%);box-shadow:0 4px 16px #3b82f659}.quick-test-btn-next:hover:not(:disabled){box-shadow:0 6px 20px #3b82f673}.quick-test-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0d948866}.quick-test-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.quick-test-btn-secondary{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 24px;font-family:inherit;font-size:.95rem;font-weight:600;transition:background .2s;display:flex}.quick-test-btn-secondary:hover{color:#334155;background:#e2e8f0}.quick-test-questions{text-align:right;flex-direction:column;gap:20px;display:flex}.quick-test-reload-warning{color:#92400e;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 16px;font-size:.9rem;display:flex}.quick-test-reload-warning svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.quick-test-reload-warning span{flex:1;line-height:1.5}.quick-test-progress-header{flex-direction:column;gap:12px;width:100%;display:flex}.quick-test-progress-top-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.quick-test-progress-right{flex:1;min-width:0}.quick-test-progress-label{color:#64748b;margin-bottom:4px;font-size:.85rem;display:block}.quick-test-progress-text{color:#1e293b;margin-bottom:0;font-size:1rem;font-weight:600;display:block}.quick-test-progress-bar{background:#e2e8f0;border-radius:4px;width:100%;height:8px;overflow:hidden}.quick-test-progress-fill{background:linear-gradient(90deg,#7dd3fc 0%,#38bdf8 100%);border-radius:4px;height:100%;transition:width .3s}.quick-test-correct-count{color:#059669;background:#10b98114;border-radius:10px;align-items:center;gap:8px;padding:6px 12px;font-size:.9rem;display:flex}.quick-test-correct-count svg{color:#10b981;flex-shrink:0}.quick-test-question-block{align-items:flex-start;gap:16px;display:flex}.quick-test-question-badge{color:#fff;background:linear-gradient(135deg,#7dd3fc 0%,#38bdf8 100%);border-radius:50%;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;font-size:1.1rem;font-weight:700;display:flex}.quick-test-question-text{color:#1e293b;flex:1;margin:0;font-size:1.15rem;font-weight:700;line-height:1.6}.quick-test-options{flex-direction:column;gap:10px;display:flex}.quick-test-option{text-align:right;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:14px;align-items:center;gap:14px;padding:14px 18px;font-family:inherit;font-size:.95rem;transition:all .2s;display:flex}.quick-test-option:hover{background:#f8fafc;border-color:#94a3b8}.quick-test-option.selected{background:#0ea5e90f;border-color:#0ea5e9}.quick-test-option-letter{color:#64748b;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;min-height:28px;font-size:.85rem;font-weight:600;display:flex}.quick-test-option.selected .quick-test-option-letter{color:#0ea5e9;background:#0ea5e926}.quick-test-option-text{text-align:right;color:#1e293b;flex:1}.quick-test-hint-box{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.quick-test-hint-icon{color:#fff;background:linear-gradient(135deg,#1553fe 0%,#3a93ff 100%);border-radius:50%;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;min-height:28px;display:flex}.quick-test-hint-text{color:#475569;flex:1;margin:0;font-size:.9rem;line-height:1.6}.quick-test-btn-correct{margin-top:8px}.quick-test-result{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:20px 0;display:flex}.quick-test-result-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.quick-test-result-icon-success{background:#34d39b;box-shadow:0 4px 24px #34d39b66}.quick-test-result-icon-partial{background:#f59e0b;box-shadow:0 4px 24px #f59e0b66}.quick-test-result-icon-failed{background:#e57373;box-shadow:0 4px 24px #e5737366}.quick-test-result-title{color:#1e293b;margin:0;font-size:1.4rem;font-weight:700}.quick-test-result-desc{color:#64748b;max-width:380px;margin:0;font-size:.95rem;line-height:1.6}.quick-test-result-circle{width:160px;height:160px;margin:8px 0;position:relative}.quick-test-result-circle-svg{width:100%;height:100%;transform:rotate(-90deg)}.quick-test-result-circle-bg{stroke:#e2e8f0;stroke-width:8px}.quick-test-result-circle-fill{stroke-width:8px;stroke-linecap:round;transition:stroke-dasharray .5s}.quick-test-result-circle-success .quick-test-result-circle-fill{stroke:#34d39b}.quick-test-result-circle-partial .quick-test-result-circle-fill{stroke:#f59e0b}.quick-test-btn-retake-test{background:linear-gradient(135deg,#06b6d4 0%,#3b82f6 100%);box-shadow:0 4px 16px #3b82f659}.quick-test-btn-retake-test:hover:not(:disabled){box-shadow:0 6px 20px #3b82f673}.quick-test-result-circle-failed .quick-test-result-circle-fill{stroke:#e57373}.quick-test-btn-retake-lesson{background:linear-gradient(135deg,#06b6d4 0%,#3b82f6 100%);box-shadow:0 4px 16px #3b82f659}.quick-test-btn-retake-lesson:hover:not(:disabled){box-shadow:0 6px 20px #3b82f673}.quick-test-result-circle-inner{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}.quick-test-result-score-num{color:#1e293b;font-size:1.5rem;font-weight:700}.quick-test-result-score-pct{color:#64748b;font-size:.9rem}.quick-test-result-actions{flex-direction:column;gap:12px;width:100%;margin-top:8px;display:flex}.dark .quick-test-overlay{background:#0009}.dark .quick-test-modal{background:#1e293b;box-shadow:0 24px 64px #00000080}.dark .quick-test-title{color:#7dd3fc}.dark .quick-test-subtitle{color:#94a3b8}.dark .quick-test-card{background:#ffffff0f;border-color:#ffffff14;box-shadow:0 2px 8px #0003}.dark .quick-test-card-label{color:#94a3b8}.dark .quick-test-card-pink .quick-test-card-value{color:#f472b6}.dark .quick-test-card-purple .quick-test-card-value{color:#a78bfa}.dark .quick-test-card-teal .quick-test-card-value{color:#2dd4bf}.dark .quick-test-btn-secondary{color:#94a3b8;background:#ffffff14;border-color:#ffffff1f}.dark .quick-test-btn-secondary:hover{color:#e2e8f0;background:#ffffff1f}.dark .quick-test-reload-warning{color:#fcd34d;background:#f59e0b26;border-color:#f59e0b40}.dark .quick-test-reload-warning svg{color:#fbbf24}.dark .quick-test-progress-label{color:#94a3b8}.dark .quick-test-progress-text{color:#f1f5f9}.dark .quick-test-progress-bar{background:#ffffff1f}.dark .quick-test-progress-fill{background:linear-gradient(90deg,#38bdf8 0%,#0ea5e9 100%)}.dark .quick-test-correct-count{color:#34d399;background:#10b98126}.dark .quick-test-correct-count svg{color:#34d399}.dark .quick-test-question-text{color:#f1f5f9}.dark .quick-test-option{background:#ffffff0a;border-color:#ffffff1f}.dark .quick-test-option:hover{background:#ffffff14;border-color:#fff3}.dark .quick-test-option.selected{background:#38bdf81f;border-color:#38bdf8}.dark .quick-test-option-letter{color:#94a3b8;background:#ffffff14}.dark .quick-test-option.selected .quick-test-option-letter{color:#38bdf8;background:#38bdf833}.dark .quick-test-option-text{color:#e2e8f0}.dark .quick-test-hint-box{background:#ffffff0f;border-color:#ffffff1a}.dark .quick-test-hint-text{color:#94a3b8}.dark .quick-test-result-title{color:#f1f5f9}.dark .quick-test-result-desc{color:#94a3b8}.dark .quick-test-result-circle-bg{stroke:#ffffff26}.dark .quick-test-result-score-num{color:#f1f5f9}.dark .quick-test-result-score-pct{color:#94a3b8}@media (max-width:520px){.quick-test-modal{padding:24px 20px}.quick-test-cards{grid-template-columns:1fr}.quick-test-title{font-size:1.3rem}}.lesson-player-page{--lp-primary:#0ea5e9;--lp-primary-dark:#0284c7;--lp-text:#1e293b;--lp-text-muted:#64748b;--lp-bg:#f8fafc;--lp-border:#e2e8f0;--lp-white:#fff;background:var(--lp-bg);min-height:100vh;color:var(--lp-text);font-family:Cairo,sans-serif}.dark .lesson-player-page{color:#f1f5f9;--lp-text:#f1f5f9;--lp-text-muted:#94a3b8;--lp-border:#ffffff1f;--lp-bg:transparent;background:0 0}.lesson-player-layout{grid-template-columns:1fr 320px;gap:0;max-width:1600px;min-height:100vh;margin:0 auto;display:grid}[dir=rtl] .lesson-player-layout{grid-template-columns:320px 1fr}[dir=rtl] .lesson-player-layout .lesson-sidebar{order:1}[dir=rtl] .lesson-player-layout .lesson-player-main{order:2}@media (max-width:1024px){.lesson-player-page{box-sizing:border-box;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow-x:hidden}.lesson-player-layout{grid-template-columns:1fr;width:100%;min-width:0;max-width:none;margin:0}.lesson-player-layout .lesson-player-main{box-sizing:border-box;order:1;width:100%;min-width:0;max-width:none;padding:20px 20px 40px}.lesson-player-layout .lesson-sidebar{order:2}.lesson-sidebar-overlay{display:block}.lesson-player-layout .lesson-sidebar{z-index:10002;border-left:1px solid var(--lp-border);visibility:hidden;background:#fff;border-radius:0;width:320px;max-width:85vw;height:100vh;transition:transform .35s cubic-bezier(.4,0,.2,1),visibility 0s linear .35s;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-8px 0 32px #00000026}.lesson-player-layout .lesson-sidebar.sidebar-open{visibility:visible;transition:transform .35s cubic-bezier(.4,0,.2,1),visibility;transform:translate(0)}.dark .lesson-player-layout .lesson-sidebar{background:#0f172a;border-left-color:#ffffff1f;box-shadow:-8px 0 32px #00000080}.lesson-sidebar-header{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.lesson-sidebar-header .lesson-sidebar-title{flex:1;min-width:0}.lesson-sidebar-header .lesson-sidebar-count{order:3;width:100%}}.lesson-player-main{min-width:0;padding:24px 32px 48px}.lesson-main-top-row{flex-flow:row-reverse wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.lesson-main-top-row .lesson-back-link{margin-bottom:0}.lesson-sidebar-toggle{color:var(--lp-primary);cursor:pointer;background:#0ea5e91f;border:1px solid #0ea5e940;border-radius:12px;align-items:center;gap:8px;padding:12px 18px;font-family:Cairo,sans-serif;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}@media (min-width:1025px){.lesson-sidebar-toggle{display:none}}.lesson-sidebar-toggle:hover{border-color:var(--lp-primary);background:#0ea5e92e}.dark .lesson-sidebar-toggle{color:#60a5fa;background:#3b82f626;border-color:#3b82f64d}.dark .lesson-sidebar-toggle:hover{background:#3b82f638}.lesson-sidebar-close{width:40px;height:40px;color:var(--lp-text);cursor:pointer;background:#0000000f;border:none;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:background .2s,color .2s;display:flex}@media (min-width:1025px){.lesson-sidebar-close{display:none}}.lesson-sidebar-close:hover{background:#0000001a}.dark .lesson-sidebar-close{color:#e2e8f0;background:#ffffff14}.dark .lesson-sidebar-close:hover{background:#ffffff24}.lesson-sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10001;opacity:0;pointer-events:none;background:#00000073;transition:opacity .3s cubic-bezier(.4,0,.2,1);display:none;position:fixed;inset:0}.lesson-sidebar-overlay.visible{opacity:1;pointer-events:auto}.lesson-back-link{color:var(--lp-primary);align-items:center;gap:8px;margin-bottom:20px;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.lesson-back-link:hover{color:var(--lp-primary-dark)}.dark .lesson-back-link{color:#60a5fa}.dark .lesson-back-link:hover{color:#93c5fd}.lesson-video-wrapper{background:#111;border-radius:16px;margin-bottom:24px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.lesson-video-container{background:#000;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.lesson-video-element{-o-object-fit:contain;object-fit:contain;background:#000;width:100%;height:100%;position:absolute;top:0;left:0}.bunny-video-player-wrapper{width:100%;height:100%;position:absolute;top:0;left:0}.video-quality-selector{z-index:10;position:absolute;top:12px;left:12px}[dir=rtl] .video-quality-selector{left:auto;right:12px}.quality-btn{color:#fff;cursor:pointer;background:#000000b3;border:1px solid #fff3;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.quality-btn:hover{background:#000000d9;border-color:#fff6}.quality-icon{font-size:.9rem}.quality-menu{background:#000000e6;border:1px solid #ffffff26;border-radius:8px;min-width:100px;margin-top:4px;display:none;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 4px 12px #0000004d}[dir=rtl] .quality-menu{left:auto;right:0}.quality-menu.active{display:block}.quality-option{color:#fffc;text-align:right;cursor:pointer;background:0 0;border:none;width:100%;padding:10px 14px;font-size:.85rem;font-weight:500;transition:all .15s;display:block}[dir=rtl] .quality-option{text-align:right}.quality-option:hover{color:#fff;background:#ffffff1a}.quality-option.active{color:#60a5fa;background:#0ea5e94d;font-weight:600}.lesson-video-iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.lesson-video-placeholder{aspect-ratio:16/9;justify-content:center;align-items:center;display:flex;position:relative}.lesson-play-overlay{color:#fff;cursor:pointer;background:#ffffff40;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:background .2s;display:flex}.lesson-play-overlay:hover{background:#fff6}.lesson-placeholder-label{color:#fff;opacity:.9;font-size:.85rem;position:absolute;bottom:16px;right:16px}[dir=rtl] .lesson-placeholder-label{left:16px;right:auto}.lesson-nav-buttons{justify-content:center;gap:16px;margin-bottom:20px;display:flex}.lesson-nav-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:10px;padding:14px 28px;font-family:Cairo,sans-serif;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.lesson-nav-next{color:#fff;background:linear-gradient(135deg,#1553fe 0%,#3a93ff 100%);box-shadow:0 10px 25px -5px #1553fe66,0 0 20px #3a93ff4d}.lesson-nav-next:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 15px 35px -5px #1553fe80,0 0 30px #3a93ff66}.lesson-nav-start-test{color:#fff;background:linear-gradient(135deg,#1553fe 0%,#3a93ff 100%);box-shadow:0 10px 25px -5px #1553fe66,0 0 20px #3a93ff4d}.lesson-nav-start-test:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 15px 35px -5px #1553fe80,0 0 30px #3a93ff66}.lesson-nav-complete-lesson{color:#fff;background:linear-gradient(135deg,#059669 0%,#10b981 100%);box-shadow:0 10px 25px -5px #05966959}.lesson-nav-complete-lesson:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 15px 35px -5px #05966973}.lesson-nav-prev{background:var(--lp-white);color:var(--lp-text-muted);border:1px solid var(--lp-border)}.lesson-nav-prev:hover:not(:disabled){color:var(--lp-text);background:#f1f5f9;border-color:#cbd5e1}.dark .lesson-nav-prev{color:#94a3b8;background:#ffffff14;border-color:#ffffff26}.dark .lesson-nav-prev:hover:not(:disabled){color:#e2e8f0;background:#ffffff1f}.lesson-rating-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out lessonRatingFadeIn;display:flex;position:fixed;inset:0}@keyframes lessonRatingFadeIn{0%{opacity:0}to{opacity:1}}.lesson-rating-card{background:var(--lp-white);border-radius:20px;width:100%;max-width:360px;padding:32px 28px;animation:.25s ease-out lessonRatingSlideUp;box-shadow:0 24px 48px #0000001f,0 0 0 1px #0000000a}@keyframes lessonRatingSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dark .lesson-rating-card{background:var(--lp-card-bg);box-shadow:0 24px 48px #00000059,0 0 0 1px var(--lp-border)}.lesson-rating-header{text-align:center;margin-bottom:24px}.lesson-rating-icon{margin-bottom:8px;font-size:2rem;line-height:1;display:inline-block}.lesson-rating-title{color:var(--lp-text);margin:0 0 6px;font-size:1.2rem;font-weight:700;line-height:1.35}.lesson-rating-subtitle{color:var(--lp-text-muted);margin:0;font-size:.9rem;font-weight:400}.dark .lesson-rating-subtitle{color:#94a3b8}.lesson-rating-stars-wrap{justify-content:center;gap:6px;margin-bottom:28px;display:flex}.lesson-rating-star-btn{color:#cbd5e1;cursor:pointer;background:#f1f5f9;border:none;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:transform .15s,background .15s,color .15s;display:inline-flex}.lesson-rating-star-btn:hover{color:#f59e0b;background:#fef3c7;transform:scale(1.08)}.lesson-rating-star-btn.active{color:#d97706;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)}.dark .lesson-rating-star-btn{color:#64748b;background:#ffffff14}.dark .lesson-rating-star-btn:hover{color:#fbbf24;background:#fde68a33}.dark .lesson-rating-star-btn.active{color:#fbbf24;background:linear-gradient(135deg,#fbbf2440 0%,#f59e0b4d 100%)}.lesson-rating-review-wrap{margin-bottom:20px}.lesson-rating-review-label{color:var(--lp-text-muted);text-align:right;margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.dark .lesson-rating-review-label{color:#94a3b8}.lesson-rating-review-input{border:1px solid var(--lp-border);width:100%;color:var(--lp-text);background:var(--lp-white);resize:vertical;border-radius:12px;min-height:72px;padding:12px 14px;font-family:Cairo,sans-serif;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.lesson-rating-review-input::placeholder{color:var(--lp-text-muted)}.lesson-rating-review-input:focus{border-color:#1553fe;outline:none;box-shadow:0 0 0 3px #1553fe26}.dark .lesson-rating-review-input{border-color:var(--lp-border);color:#e2e8f0;background:#ffffff0f}.dark .lesson-rating-review-input:focus{border-color:#3a93ff;box-shadow:0 0 0 3px #3a93ff33}.lesson-rating-actions{flex-direction:column;gap:10px;display:flex}.lesson-rating-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1553fe 0%,#3a93ff 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 20px;font-family:Cairo,sans-serif;font-size:1rem;font-weight:600;transition:filter .15s,transform .15s;display:inline-flex;box-shadow:0 4px 14px #1553fe59}.lesson-rating-btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.lesson-rating-btn-skip{width:100%;color:var(--lp-text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:10px;font-family:Cairo,sans-serif;font-size:.9rem;font-weight:500;transition:color .15s,background .15s;display:block}.lesson-rating-btn-skip:hover{color:var(--lp-text);background:#0000000a}.dark .lesson-rating-btn-skip:hover{color:#e2e8f0;background:#ffffff0f}.lesson-nav-btn:disabled{opacity:.5;cursor:not-allowed}.lesson-breadcrumb{color:var(--lp-primary);text-align:right;margin-bottom:8px;font-size:.95rem}.dark .lesson-breadcrumb{color:#60a5fa}.lesson-title{color:var(--lp-text);text-align:right;margin-bottom:24px;font-size:1.75rem;font-weight:700;line-height:1.35}.dark .lesson-title{color:#f1f5f9}.lesson-tabs{border-bottom:2px solid var(--lp-border);flex-wrap:wrap;gap:0;margin-bottom:24px;display:flex}.dark .lesson-tabs{border-bottom-color:#ffffff1f}.lesson-tab{color:var(--lp-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;margin-bottom:-2px;padding:14px 20px;font-family:Cairo,sans-serif;font-size:.95rem;font-weight:600;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.lesson-tab:hover{color:var(--lp-text)}.dark .lesson-tab:hover{color:#e2e8f0}.lesson-tab.active{color:#fff;border-bottom-color:var(--lp-primary);background:linear-gradient(135deg,#1553fe 0%,#3a93ff 100%)}.lesson-tab.active .lesson-tab-icon,.lesson-tab.active .lesson-tab-count{color:#fff}.dark .lesson-tab.active{color:#fff;background:#3b82f61a;border-bottom-color:#60a5fa}.dark .lesson-tab.active .lesson-tab-icon,.dark .lesson-tab.active .lesson-tab-count{color:#fff}.lesson-tab-icon{justify-content:center;align-items:center;display:inline-flex}.lesson-tab-content{background:#f1f5f9;border-radius:16px;margin-bottom:24px;padding:24px}.dark .lesson-tab-content{background:#ffffff0d;border:1px solid #ffffff14}.lesson-sidebar-skeleton{flex-direction:column;gap:8px;padding:8px 0;display:flex}.lesson-tab-skeleton{flex-direction:column;gap:12px;display:flex}.lesson-attachment-skeleton{background:var(--skeleton-bg,#e2e8f0);opacity:.9;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.dark .lesson-attachment-skeleton{background:var(--skeleton-bg)}.lesson-notes-skeleton,.lesson-discussions-skeleton{flex-direction:column;gap:12px;display:flex}.lesson-note-skeleton,.lesson-discussion-skeleton{background:var(--skeleton-bg,#e2e8f0);opacity:.9;border-radius:12px;padding:14px}.dark .lesson-note-skeleton,.dark .lesson-discussion-skeleton{background:var(--skeleton-bg)}.overview-heading{color:var(--lp-text);margin-bottom:16px;font-size:1.1rem;font-weight:700}.dark .overview-heading{color:#f1f5f9}.overview-list{padding-right:24px;color:var(--lp-text);counter-reset:overview-counter;padding-inline-end:40px;margin:0 0 16px;padding-left:0;line-height:1.7;list-style:none}[dir=rtl] .overview-list{padding-left:0;padding-right:40px;padding-inline-end:40px}.overview-list li{counter-increment:overview-counter;margin-bottom:12px;padding-inline-start:52px;position:relative}.overview-list li:last-child{margin-bottom:0}.overview-list li:before{content:counter(overview-counter);inset-inline-start:0;color:#1e9ee4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1e9ee41f;border:1px solid #1e9ee440;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.875rem;font-weight:700;display:flex;position:absolute;top:0;box-shadow:0 2px 8px #1e9ee414}.dark .overview-list li:before{background:#1e9ee42e;border-color:#1e9ee459;box-shadow:0 2px 8px #0003}.dark .overview-list{color:#e2e8f0}.overview-description{color:var(--lp-text-muted);margin:0;font-size:.95rem;line-height:1.6}.dark .overview-description{color:#94a3b8}.lesson-tab-empty{color:var(--lp-text-muted);margin:0}.dark .lesson-tab-empty{color:#94a3b8}.attachments-list{flex-direction:column;gap:12px;display:flex}.attachment-item{border:1px solid var(--lp-border);background:#ffffffb3;border-radius:14px;align-items:center;gap:14px;padding:14px 16px;transition:background .2s,border-color .2s,box-shadow .2s;display:flex}.attachment-item:hover{background:#ffffffe6;box-shadow:0 2px 12px #0000000f}.dark .attachment-item{background:#ffffff0f;border-color:#ffffff1f}.dark .attachment-item:hover{background:#ffffff14;border-color:#ffffff29;box-shadow:0 2px 12px #0003}.attachment-icon{width:44px;height:44px;color:var(--lp-primary);background:#0ea5e91f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dark .attachment-icon{color:#38bdf8;background:#0ea5e933}.attachment-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.attachment-title{color:var(--lp-text);font-size:.95rem;font-weight:600}.dark .attachment-title{color:#f1f5f9}.attachment-meta{color:var(--lp-text-muted);font-size:.8rem}.dark .attachment-meta{color:#94a3b8}.attachment-download-btn{color:#fff;background:linear-gradient(135deg,var(--lp-primary)0%,var(--lp-primary-dark)100%);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:.9rem;font-weight:600;transition:transform .15s,box-shadow .2s,opacity .2s;display:inline-flex;box-shadow:0 2px 8px #0ea5e94d}.attachment-download-btn:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 4px 14px #0ea5e966}.attachment-download-btn:active{transform:translateY(0);box-shadow:0 2px 8px #0ea5e94d}.dark .attachment-download-btn{color:#fff;background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);box-shadow:0 2px 10px #0ea5e959}.dark .attachment-download-btn:hover{opacity:.95;box-shadow:0 4px 16px #0ea5e980}.lesson-notes-tab{padding:28px}.lesson-notes-grid{grid-template-columns:1fr 1fr;align-items:start;gap:28px;display:grid}.lesson-notes-section-title{color:var(--lp-text);margin:0 0 16px;font-size:1.05rem;font-weight:700}.dark .lesson-notes-section-title{color:#f1f5f9}.lesson-notes-list{flex-direction:column;gap:14px;display:flex}.lesson-notes-empty{color:var(--lp-text-muted);text-align:center;margin:0;padding:20px;font-size:.9rem}.dark .lesson-notes-empty{color:#94a3b8}.lesson-note-card{padding:16px 18px;text-align:right;background:#e2e8f0;border-radius:14px;min-height:60px;padding-top:36px;position:relative}.dark .lesson-note-card{background:#ffffff14;border:1px solid #ffffff1a}.lesson-note-card .lesson-note-timestamp{color:var(--lp-primary);background:#0ea5e926;border-radius:20px;padding:4px 10px;font-size:.8rem;font-weight:600;position:absolute;top:12px;right:14px}[dir=ltr] .lesson-note-card .lesson-note-timestamp{left:14px;right:auto}.dark .lesson-note-card .lesson-note-timestamp{color:#60a5fa;background:#3b82f633;margin-bottom:10px}.lesson-note-card .lesson-note-text{color:var(--lp-text);white-space:pre-wrap;word-break:break-word;margin:10px 0 0;font-size:.95rem;line-height:1.55}.dark .lesson-note-card .lesson-note-text{color:#e2e8f0}.lesson-note-card .lesson-note-delete{color:#dc2626;cursor:pointer;background:#ef44441f;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background .2s,color .2s,transform .15s;display:inline-flex;position:absolute;top:10px;left:12px}.lesson-note-card .lesson-note-delete:hover{color:#b91c1c;background:#ef444438;transform:scale(1.08)}.lesson-note-card .lesson-note-delete:focus{outline:none;box-shadow:0 0 0 2px #ef444459}.lesson-note-card .lesson-note-delete:active{transform:scale(.96)}.dark .lesson-note-card .lesson-note-delete{color:#f87171;background:#ef444433}.dark .lesson-note-card .lesson-note-delete:hover{color:#fca5a5;background:#ef444459}.dark .lesson-note-card .lesson-note-delete:focus{box-shadow:0 0 0 2px #ef444466}.lesson-notes-add-form{flex-direction:column;gap:14px;display:flex}.lesson-notes-textarea{width:100%;min-height:140px;color:var(--lp-text);resize:vertical;box-sizing:border-box;background:#e2e8f0;border:1px solid #0000;border-radius:14px;padding:16px 18px;font-family:Cairo,sans-serif;font-size:.95rem;line-height:1.6;transition:border-color .2s,background .2s}.lesson-notes-textarea::placeholder{color:var(--lp-text-muted)}.lesson-notes-textarea:focus{border-color:var(--lp-primary);background:var(--lp-white);outline:none}.dark .lesson-notes-textarea{color:#e2e8f0;background:#ffffff0f;border-color:#ffffff1a}.dark .lesson-notes-textarea::placeholder{color:#64748b}.dark .lesson-notes-textarea:focus{background:#ffffff14;border-color:#60a5fa}.lesson-notes-position{background:#1553fe0f;border:1px solid #1553fe33;border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:4px;padding:14px 18px;display:flex}.lesson-notes-position-label{color:var(--lp-text);margin:0;font-size:.95rem;font-weight:700;display:block}.lesson-notes-position-input-wrap{align-items:center;gap:10px;display:flex}[dir=rtl] .lesson-notes-position-input-wrap{flex-direction:row-reverse}.lesson-notes-position input{width:88px;color:var(--lp-text);background:var(--lp-white);text-align:center;border:1px solid #1553fe40;border-radius:10px;padding:10px 14px;font-family:Cairo,sans-serif;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.lesson-notes-position input:focus{border-color:var(--lp-primary);outline:none;box-shadow:0 0 0 3px #1553fe26}.lesson-notes-position input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.lesson-notes-position input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.lesson-notes-position input[type=number]{-moz-appearance:textfield}.lesson-notes-position-input-wrap span{color:var(--lp-text-muted);font-size:.9rem;font-weight:500}.dark .lesson-notes-position{background:#3b82f614;border-color:#3b82f640}.dark .lesson-notes-position-label{color:#e2e8f0}.dark .lesson-notes-position input{color:#e2e8f0;background:#ffffff14;border-color:#3b82f659}.dark .lesson-notes-position input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f633}.dark .lesson-notes-position-input-wrap span{color:#94a3b8}.lesson-notes-actions{justify-content:flex-end;gap:10px;display:flex}[dir=rtl] .lesson-notes-actions{justify-content:flex-start}.lesson-notes-save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1553fe 0%,#3a93ff 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-family:Cairo,sans-serif;font-size:.95rem;font-weight:600;transition:background .2s,opacity .2s;display:inline-flex;box-shadow:0 10px 25px -5px #1553fe66,0 0 20px #3a93ff4d}.lesson-notes-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#1553fe 0%,#3a93ff 100%);box-shadow:0 15px 35px -5px #1553fe80,0 0 30px #3a93ff66}.lesson-notes-save-btn:disabled{opacity:.5;cursor:not-allowed}.dark .lesson-notes-save-btn{background:linear-gradient(135deg,#1553fe 0%,#3a93ff 100%);box-shadow:0 10px 25px -5px #1553fe66,0 0 20px #3a93ff4d}.dark .lesson-notes-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#1553fe 0%,#3a93ff 100%);box-shadow:0 15px 35px -5px #1553fe80,0 0 30px #3a93ff66}.lesson-discussions-tab{background:#f8fafc;border-radius:16px;padding:28px}.dark .lesson-discussions-tab{background:#ffffff05}.lesson-discussions-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}[dir=rtl] .lesson-discussions-header{flex-direction:row-reverse}.lesson-discussions-count{color:var(--lp-text-muted);margin:0;font-size:.9rem}.dark .lesson-discussions-count{color:#94a3b8}.lesson-discussions-section-title{color:var(--lp-text);margin:0;font-size:1.05rem;font-weight:700}[dir=rtl] .lesson-discussions-section-title{text-align:right}.dark .lesson-discussions-section-title{color:#f1f5f9}.lesson-discussions-add{margin-bottom:28px}.lesson-discussions-input-wrap{background:var(--lp-white);box-sizing:border-box;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:0;height:52px;padding:0 0 0 6px;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000000a}[dir=rtl] .lesson-discussions-input-wrap{flex-direction:row-reverse;padding:0 6px 0 0}.lesson-discussions-input-wrap:focus-within{border-color:var(--lp-primary);box-shadow:0 0 0 3px #0ea5e91a}.dark .lesson-discussions-input-wrap{background:#ffffff0f;border-color:#ffffff1f}.dark .lesson-discussions-input-wrap:focus-within{border-color:#60a5fa}.lesson-discussions-input{min-width:0;height:100%;color:var(--lp-text);box-sizing:border-box;box-shadow:none;background:0 0;border:none;flex:1;padding:0 16px;font-family:Cairo,sans-serif;font-size:.95rem;line-height:1.5;transition:none}.lesson-discussions-input::placeholder{color:#94a3b8}.lesson-discussions-input:focus{outline:none}.dark .lesson-discussions-input{color:#e2e8f0;background:0 0;border:none}.lesson-discussions-send-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;height:40px;margin:0 0 0 12px;padding:0 20px;font-family:Cairo,sans-serif;font-size:.9rem;font-weight:600;transition:background .2s,color .2s;display:inline-flex}[dir=rtl] .lesson-discussions-send-btn{margin:0 12px 0 10px}.lesson-discussions-send-btn:hover:not(:disabled){color:var(--lp-text);background:#e2e8f0}.lesson-discussions-send-btn:disabled{opacity:.5;cursor:not-allowed}.dark .lesson-discussions-send-btn{color:#94a3b8;background:#ffffff1f}.dark .lesson-discussions-send-btn:hover:not(:disabled){color:#e2e8f0;background:#ffffff2e}.lesson-discussions-list{flex-direction:column;gap:16px;display:flex}.lesson-discussion-thread{flex-direction:column;gap:0;display:flex}.lesson-discussion-thread-card{background:var(--lp-white);border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:0;padding:20px;display:flex;box-shadow:0 2px 8px #0000000f}.dark .lesson-discussion-thread-card{background:#ffffff0a;border-color:#ffffff1a;box-shadow:0 2px 8px #0003}.lesson-discussion-thread-card>.lesson-discussion-comment{box-shadow:none;background:0 0;border:none;border-radius:0;padding:0 0 16px}.lesson-discussion-thread-card>.lesson-discussion-comment:only-child{padding-bottom:0}.dark .lesson-discussion-thread-card>.lesson-discussion-comment{background:0 0;border:none}.lesson-discussion-thread-card .lesson-discussion-replies{border-top:1px solid #e2e8f0;margin-top:0;margin-left:0;margin-right:0;padding-top:16px}[dir=rtl] .lesson-discussion-thread-card .lesson-discussion-replies{margin-left:0}.dark .lesson-discussion-thread-card .lesson-discussion-replies{border-top-color:#ffffff1a}.lesson-discussion-thread-card .lesson-discussion-replies .lesson-discussion-comment{margin-left:0;margin-right:0}.lesson-discussion-comment{background:var(--lp-white);text-align:right;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:14px;padding:18px 20px;display:flex;box-shadow:0 1px 3px #0000000f}[dir=rtl] .lesson-discussion-comment{flex-direction:row}.dark .lesson-discussion-comment{background:#ffffff0d;border-color:#ffffff1a;box-shadow:0 1px 3px #00000026}.lesson-discussion-avatar{color:#fff;background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;font-weight:700;display:flex;overflow:hidden}.lesson-discussion-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.dark .lesson-discussion-avatar{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)}.lesson-discussion-body{flex-direction:column;flex:1;align-items:stretch;min-width:0;display:flex}.lesson-discussion-meta{flex-wrap:wrap;align-self:flex-start;align-items:center;gap:10px;margin-bottom:8px;display:flex}.lesson-discussion-author{color:#1e293b;font-size:.95rem;font-weight:700}.dark .lesson-discussion-author{color:#f1f5f9}.lesson-discussion-badge{color:#fff;background:var(--lp-primary);border-radius:8px;padding:4px 10px;font-size:.75rem;font-weight:600}.dark .lesson-discussion-badge{color:#fff;background:linear-gradient(135deg,#1553fe 0%,#3a93ff 100%)}.lesson-discussion-time{color:#64748b;font-size:.85rem}.dark .lesson-discussion-time{color:#94a3b8}.lesson-discussion-comment .lesson-discussion-text{color:#334155;margin:0 0 12px;font-size:.95rem;line-height:1.6}.dark .lesson-discussion-comment .lesson-discussion-text{color:#e2e8f0}.lesson-discussion-reply-btn{color:#475569;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-inline-start:auto;padding:0;font-family:Cairo,sans-serif;font-size:.85rem;transition:color .2s;display:inline-flex}[dir=rtl] .lesson-discussion-reply-btn{margin-inline:0 auto}.lesson-discussion-reply-btn:hover{color:var(--lp-primary)}.dark .lesson-discussion-reply-btn{color:#94a3b8}.dark .lesson-discussion-reply-btn:hover{color:#60a5fa}.lesson-discussion-replies{flex-direction:column;gap:12px;margin-top:12px;margin-right:58px;display:flex}[dir=rtl] .lesson-discussion-replies{margin-left:58px;margin-right:0}.lesson-discussion-comment.lesson-discussion-reply{background:#0ea5e914;border:1px solid #0ea5e92e;box-shadow:0 2px 8px #0ea5e914}.dark .lesson-discussion-comment.lesson-discussion-reply{background:#1553fe1f;border-color:#1553fe4d;box-shadow:0 2px 8px #1553fe26}.lesson-discussion-reply .lesson-discussion-reply-btn{display:none}.lesson-sidebar{background:var(--lp-white);border-right:1px solid var(--lp-border);flex-direction:column;display:flex;overflow:hidden}[dir=rtl] .lesson-sidebar{border-right:none;border-left:1px solid var(--lp-border)}.dark .lesson-sidebar{background:#0f172a66;border-left-color:#ffffff14}.lesson-sidebar-header{border-bottom:1px solid var(--lp-border);padding:20px 20px 16px}.dark .lesson-sidebar-header{border-bottom-color:#ffffff14}.lesson-sidebar-title{color:var(--lp-text);margin:0 0 4px;font-size:1.1rem;font-weight:700}.dark .lesson-sidebar-title{color:#f1f5f9}.lesson-sidebar-count{color:var(--lp-text-muted);font-size:.85rem}.dark .lesson-sidebar-count{color:#94a3b8}.lesson-sidebar-list{flex:1;padding:12px 0;overflow-y:auto}.lesson-unit{margin-bottom:4px}.lesson-unit-header{width:100%;color:var(--lp-text);cursor:pointer;text-align:right;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;font-family:Cairo,sans-serif;font-size:.95rem;font-weight:600;transition:background .2s;display:flex}.lesson-unit-header:hover{background:#00000008}.dark .lesson-unit-header{color:#e2e8f0}.dark .lesson-unit-header:hover{background:#ffffff0d}.lesson-unit-title{text-align:right;flex:1;min-width:0}[dir=rtl] .lesson-unit-title{text-align:right}.lesson-unit-chevron{color:var(--lp-text-muted);flex-shrink:0;font-size:.7rem}.dark .lesson-unit-chevron{color:#94a3b8}.lesson-unit-lessons{padding:0 8px 8px}.lesson-sidebar-item{width:100%;color:var(--lp-text-muted);cursor:pointer;text-align:right;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;margin-bottom:4px;padding:12px 16px;font-family:Cairo,sans-serif;font-size:.9rem;transition:all .2s;display:flex;position:relative}[dir=rtl] .lesson-sidebar-item{text-align:right;flex-direction:row}.lesson-sidebar-item:hover:not(.locked):not(.active){color:var(--lp-text);background:#0ea5e914}.dark .lesson-sidebar-item:hover:not(.locked):not(.active){color:#e2e8f0;background:#3b82f61a}.lesson-sidebar-item.active{color:#1e9ee4;background:#1e9ee41a;font-weight:600}.lesson-sidebar-item.active:before{content:"";pointer-events:none;background:#1e9ee4;border-radius:0 12px 12px 0;width:5px;height:100%;position:absolute;top:0;right:0}.lesson-sidebar-item.active .lesson-item-title{color:#1e9ee4}.lesson-sidebar-item.active .lesson-item-icon.play{color:#fff;background:#1e9ee4}.dark .lesson-sidebar-item.active{color:#1e9ee4;background:#1e9ee426}.dark .lesson-sidebar-item.active .lesson-item-title{color:#1e9ee4}.dark .lesson-sidebar-item.active .lesson-item-icon.play{color:#fff;background:#1e9ee4}.dark .lesson-sidebar-item.active .lesson-item-duration{color:#1e9ee4cc}.lesson-sidebar-item.locked{cursor:not-allowed;opacity:.7}.lesson-item-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.lesson-item-icon.play{color:var(--lp-primary);background:#0ea5e926}.dark .lesson-item-icon.play{color:#60a5fa;background:#3b82f633}.lesson-item-icon.completed{color:#22c55e}.lesson-item-icon.locked{color:var(--lp-text-muted);background:#64748b33}.dark .lesson-item-icon.locked{color:#64748b}.lesson-item-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lesson-item-title{line-height:1.4}.lesson-item-duration{color:var(--lp-text-muted);font-size:.75rem}.dark .lesson-item-duration{color:#94a3b8}.lesson-sidebar-item.active .lesson-item-duration{color:inherit}.lesson-player-container{text-align:center;max-width:600px;margin:0 auto;padding:48px 24px}.lesson-player-container p{color:var(--lp-text-muted);margin-bottom:16px}.lesson-player-container a{color:var(--lp-primary);font-weight:600;text-decoration:none}.lesson-player-container a:hover{text-decoration:underline}@media (max-width:768px){body.lesson-player-active #root,body.lesson-player-active #root>*,body.lesson-player-active .student-layout,body.lesson-player-active .student-main.student-main--lesson-player{box-sizing:border-box;width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.lesson-player-page{min-height:100vh;box-sizing:border-box;min-height:100dvh;padding:0;overflow-x:hidden;width:100%!important;max-width:100%!important;margin:0!important}.lesson-player-layout{min-width:0;min-height:100vh;min-height:100dvh;width:100%!important;max-width:none!important;margin:0!important}body.lesson-player-active .lesson-player-main,.lesson-player-main{box-sizing:border-box;padding:16px;padding-bottom:max(24px,env(safe-area-inset-bottom));position:relative;width:100vw!important;min-width:100vw!important;max-width:none!important;margin-left:-50vw!important;margin-right:-50vw!important;left:-63%!important;right:auto!important}.lesson-main-top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:16px;display:flex}.lesson-sidebar-toggle{padding:10px 16px;font-size:.9rem}.lesson-sidebar-toggle span{display:inline}.lesson-back-link{font-size:.875rem}.lesson-video-wrapper{border-radius:0;width:calc(100% + 32px);max-width:none;margin-bottom:20px;margin-left:-16px;margin-right:-16px}.lesson-breadcrumb{width:100%;margin-bottom:8px;font-size:.85rem}.lesson-title{width:100%;margin-bottom:16px;font-size:1.25rem;line-height:1.35}.lesson-nav-buttons{flex-direction:column;gap:12px;width:100%;margin-bottom:20px;display:flex}.lesson-nav-btn{box-sizing:border-box;justify-content:center;width:100%;padding:14px 20px;font-size:1rem}.lesson-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:0;width:100%;margin-bottom:16px;margin-left:0;margin-right:0;padding:0;display:flex;overflow-x:auto}.lesson-tab{white-space:nowrap;flex-shrink:0;padding:12px 16px;font-size:.9rem}.lesson-tab-content{box-sizing:border-box;border-radius:12px;width:100%;margin:0;padding:16px 0}.lesson-notes-grid{grid-template-columns:1fr;gap:20px}.lesson-notes-tab{padding:16px 0}}.video-js{width:100%;height:100%}.video-js .vjs-control-bar{background:linear-gradient(#0000,#000000b3)}.video-js .vjs-progress-control{width:100%;height:10px;position:absolute;top:-30px}.video-js .vjs-progress-control .vjs-progress-holder{background:#ffffff4d;height:4px}.video-js .vjs-progress-control .vjs-play-progress{background:#4a90d9}.video-js:hover .vjs-progress-control{top:-10px}.hls-error{color:#fff;text-align:center;background:#f44;border-radius:8px;padding:20px}.video-resume-indicator{color:#fff;cursor:pointer;z-index:5;background:#000c;border-radius:20px;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;transition:background .2s;display:flex;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.video-resume-indicator:hover{background:#000000e6}.video-resume-indicator svg{color:#60a5fa}.country-select-wrap{width:100%;position:relative}.country-select-input-wrap{align-items:center;display:flex;position:relative}.country-select-input{width:100%;padding-right:36px!important}.country-select-chevron{pointer-events:none;color:#64748b;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.country-select-dropdown{z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:10px;max-height:280px;margin:4px 0 0;padding:8px 0;list-style:none;animation:.2s country-select-open;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 40px #0000001f}@keyframes country-select-open{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.country-select-item{cursor:pointer;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;transition:background .15s;display:flex}.country-select-item:hover{background:#3b82f614}.country-select-item-ar{color:#1e293b;font-size:15px;font-weight:500}.country-select-item-en{color:#64748b;font-size:12px}.country-select-item--empty{cursor:default;color:#64748b;font-size:14px}.country-select-item--empty:hover{background:0 0}.dark .country-select-chevron{color:#94a3b8}.dark .country-select-dropdown{background:#1e293bfa;border-color:#ffffff1a;box-shadow:0 10px 40px #0006}.dark .country-select-item-ar{color:#f1f5f9}.dark .country-select-item-en{color:#94a3b8}.dark .country-select-item:hover{background:#60a5fa26}.dark .country-select-item--empty{color:#94a3b8}.account-page{background:var(--gradient-light);direction:rtl;background-attachment:fixed;min-height:100vh;padding:24px 0 48px;font-family:Tajawal,sans-serif}.account-page *{box-sizing:border-box}.account-container{width:100%;max-width:none;margin:0;padding:0 24px}@media (min-width:1024px){.account-container{max-width:1200px;margin:0 auto;padding:0 48px}}.account-header{text-align:right;margin-bottom:28px}.account-page-title{background:linear-gradient(90deg,#06b6d4 0%,#3b82f6 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:32px;font-weight:700;line-height:1.3}.account-page-subtitle{color:#64748b;margin:0;font-size:16px;line-height:1.5}.account-badge-label{color:#2563eb;background:#3b82f61f;border-radius:10px;align-items:center;gap:8px;margin-top:12px;padding:8px 14px;font-size:14px;font-weight:500;display:inline-flex}.account-completion-wrap{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.account-completion-label{color:#64748b;font-size:13px}.account-completion-bar{background:#00000014;border-radius:4px;flex:1;min-width:120px;max-width:200px;height:8px;overflow:hidden}.account-completion-fill{background:linear-gradient(90deg,#06b6d4,#3b82f6);border-radius:4px;height:100%;transition:width .3s}.account-completion-value{color:#334155;font-size:13px;font-weight:600}.account-summary-strip{flex-wrap:wrap;gap:20px;margin-top:16px;padding:12px 0;display:flex}.account-summary-item{color:#475569;align-items:center;gap:8px;font-size:14px;display:inline-flex}.account-summary-item svg{color:#3b82f6;flex-shrink:0}.account-error-banner{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:20px;padding:14px 20px;font-size:14px}.account-content{flex-direction:column;gap:24px;display:flex}.account-page .account-card{-webkit-backdrop-filter:blur(20px)saturate(1.2);background:#ffffff26;border:1px solid #ffffffd9;border-radius:14px;padding:24px 28px;box-shadow:0 4px 24px #0000000f,inset 0 1px #ffffff80,inset 2px 2px 4px #0000000f,inset -2px -2px 4px #ffffff4d}.account-page .account-card-personal{-webkit-backdrop-filter:blur(20px)saturate(1.2);background:#ffffff1f;border:1px solid #ffffff80;border-radius:16px;box-shadow:0 4px 24px #0000000f,inset 0 1px #fff9,inset 2px 2px 4px #0000000f,inset -2px -2px 4px #ffffff4d}.account-card-head{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.account-card-title{color:#1e293b;align-items:center;gap:12px;margin:0;font-size:18px;font-weight:700;display:inline-flex}.account-card-title-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.account-card-personal .account-card-title-icon-person{border-radius:10px}.account-card-title-icon svg{width:20px;height:20px}.account-card-title-icon-person{color:#0284c7;background:#e0f2fe}.account-card-title-icon-actions{color:#dc2626;background:#fee2e2}.account-card-title-icon-prefs{color:#0284c7;background:#e0f2fe}.account-card-actions{z-index:1;position:relative}.account-card-actions .account-card-title,.account-card-preferences .account-card-title{margin-bottom:14px}.account-btn-edit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1553fe 0%,#3a93ff 100%);border:1px solid #1553fe40;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:opacity .2s,box-shadow .2s;display:inline-flex;box-shadow:0 10px 25px -5px #1553fe66,0 0 20px #3a93ff4d}.account-btn-edit:hover{opacity:.95;box-shadow:0 15px 35px -5px #1553fe80,0 0 30px #3a93ff66}.account-btn-edit svg{width:18px;height:18px}.account-edit-actions{align-items:center;gap:10px;display:flex}.account-btn-save,.account-btn-cancel{cursor:pointer;border-radius:10px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600}.account-btn-save{color:#fff;background:linear-gradient(135deg,#1553fe 0%,#3a93ff 100%);border:none;box-shadow:0 10px 25px -5px #1553fe66,0 0 20px #3a93ff4d}.account-btn-cancel{color:#64748b;background:#f1f5f9;border:none}.account-email-otp-hint{color:#475569;align-items:center;gap:8px;margin:10px 0 0;font-size:14px;display:flex}.account-email-otp-hint strong{word-break:break-all}.account-otp-modal-overlay{z-index:1050;-webkit-backdrop-filter:blur(6px);background:#0f172a66;justify-content:center;align-items:center;padding:1rem;animation:.2s account-otp-fadeIn;display:flex;position:fixed;inset:0}.account-otp-modal{background:#fff;border:1px solid #e2e8f0cc;border-radius:16px;width:100%;max-width:400px;animation:.25s account-otp-scaleIn;overflow:hidden;box-shadow:0 25px 50px -12px #0003}.account-otp-modal-header{text-align:center;padding:24px 24px 16px}.account-otp-modal-icon{color:#0284c7;background:linear-gradient(135deg,#e0f2fe 0%,#dbeafe 100%);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;display:inline-flex}.account-otp-modal-icon svg{width:24px;height:24px}.account-otp-modal-title{color:#1e293b;margin:0 0 8px;font-size:18px;font-weight:700}.account-otp-modal-desc{color:#64748b;margin:0;font-size:14px;line-height:1.5}.account-otp-modal-desc strong{word-break:break-all;color:#334155}.account-otp-modal-body{padding:0 24px 24px}.account-otp-modal-input{text-align:center;letter-spacing:10px;font-variant-numeric:tabular-nums;color:#1e293b;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;width:100%;margin-bottom:16px;padding:14px 18px;font-size:20px;transition:border-color .2s,background .2s}.account-otp-modal-input::placeholder{color:#94a3b8;letter-spacing:8px}.account-otp-modal-input:focus{background:#fff;border-color:#3b82f6;outline:none}.account-otp-modal-actions{flex-direction:column;gap:10px;display:flex}.account-otp-modal-btn-confirm{cursor:pointer;color:#fff;background:linear-gradient(135deg,#1553fe 0%,#3a93ff 100%);border:none;border-radius:10px;padding:12px 18px;font-family:inherit;font-size:15px;font-weight:600;transition:opacity .2s;box-shadow:0 10px 25px -5px #1553fe66}.account-otp-modal-btn-confirm:hover:not(:disabled){opacity:.95}.account-otp-modal-btn-confirm:disabled{opacity:.7;cursor:not-allowed}.account-otp-modal-btn-cancel{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:10px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:500;transition:background .2s}.account-otp-modal-btn-cancel:hover{background:#e2e8f0}.account-email-otp-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite account-spin;display:inline-block}@keyframes account-spin{to{transform:rotate(360deg)}}@keyframes account-otp-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes account-otp-scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.dark .account-otp-modal-overlay{-webkit-backdrop-filter:blur(8px);background:#0009}.dark .account-otp-modal{background:#1e293b;border-color:#ffffff1a;box-shadow:0 25px 50px -12px #00000080}.dark .account-otp-modal-icon{color:#38bdf8;background:linear-gradient(135deg,#38bdf833 0%,#3b82f633 100%)}.dark .account-otp-modal-title{color:#f1f5f9}.dark .account-otp-modal-desc{color:#94a3b8}.dark .account-otp-modal-desc strong{color:#e2e8f0}.dark .account-otp-modal-input{color:#f1f5f9;background:#0f172a99;border-color:#ffffff1f}.dark .account-otp-modal-input::placeholder{color:#64748b}.dark .account-otp-modal-input:focus{background:#0f172acc;border-color:#3b82f6}.dark .account-otp-modal-btn-cancel{color:#94a3b8;background:#ffffff14}.dark .account-otp-modal-btn-cancel:hover{background:#ffffff1f}.dark .account-email-otp-hint{color:#94a3b8}.account-delete-modal-overlay{z-index:1050;-webkit-backdrop-filter:blur(12px);background:#0f172a59;justify-content:center;align-items:center;padding:1rem;animation:.2s account-otp-fadeIn;display:flex;position:fixed;inset:0}.account-delete-modal--glass{-webkit-backdrop-filter:blur(20px)saturate(1.3);backdrop-filter:blur(20px)saturate(1.3);background:#ffffff1f;border:1px solid #ffffff40;border-radius:20px;width:100%;max-width:420px;animation:.25s account-otp-scaleIn;overflow:hidden;box-shadow:0 25px 50px -12px #00000026,inset 0 1px #fff3,inset 0 0 40px #ffffff0d}.account-delete-modal-header{text-align:center;padding:24px 24px 16px}.account-delete-modal-icon{color:#dc2626;background:#ef444426;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:16px;display:inline-flex}.account-delete-modal-icon svg{width:26px;height:26px}.account-delete-modal-title{color:#1e293b;margin:0 0 10px;font-size:20px;font-weight:700}.account-delete-modal-desc{color:#64748b;margin:0;font-size:14px;line-height:1.6}.account-delete-modal-desc strong{color:#334155;background:#0000000f;border-radius:6px;padding:2px 8px;font-family:ui-monospace,monospace}.account-delete-modal-body{padding:0 24px 24px}.account-delete-modal-input{text-align:left;color:#1e293b;background:#f8fafccc;border:2px solid #e2e8f0cc;border-radius:12px;width:100%;margin-bottom:18px;padding:14px 18px;font-size:16px;transition:border-color .2s,background .2s}.account-delete-modal-input::placeholder{color:#94a3b8}.account-delete-modal-input:focus{background:#fffffff2;border-color:#dc2626;outline:none}.account-delete-modal-input:disabled{opacity:.7;cursor:not-allowed}.account-delete-modal-actions{flex-direction:column;gap:10px;display:flex}.account-delete-modal-btn-confirm{cursor:pointer;color:#fff;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border:none;border-radius:12px;padding:12px 18px;font-family:inherit;font-size:15px;font-weight:600;transition:opacity .2s;box-shadow:0 4px 14px #dc262666}.account-delete-modal-btn-confirm:hover:not(:disabled){opacity:.95}.account-delete-modal-btn-confirm:disabled{opacity:.5;cursor:not-allowed}.account-delete-modal-btn-cancel{cursor:pointer;color:#64748b;background:#f1f5f9e6;border:none;border-radius:10px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:500;transition:background .2s}.account-delete-modal-btn-cancel:hover:not(:disabled){background:#e2e8f0}.account-delete-modal-btn-cancel:disabled{opacity:.7;cursor:not-allowed}.account-action-item--danger .account-action-icon{color:#dc2626}.account-action-item--danger:hover .account-action-icon{color:#b91c1c}.dark .account-delete-modal-overlay{-webkit-backdrop-filter:blur(14px);background:#0000008c}.dark .account-delete-modal--glass{background:#1e293b66;border-color:#ffffff1f;box-shadow:0 25px 50px -12px #00000080,inset 0 1px #ffffff14,inset 0 0 40px #0000001a}.dark .account-delete-modal-icon{color:#f87171;background:#ef444440}.dark .account-delete-modal-title{color:#f1f5f9}.dark .account-delete-modal-desc{color:#94a3b8}.dark .account-delete-modal-desc strong{color:#e2e8f0;background:#ffffff14}.dark .account-delete-modal-input{color:#f1f5f9;background:#0f172a99;border-color:#ffffff1f}.dark .account-delete-modal-input:focus{background:#0f172acc;border-color:#f87171}.dark .account-delete-modal-btn-cancel{color:#94a3b8;background:#ffffff14}.dark .account-delete-modal-btn-cancel:hover:not(:disabled){background:#ffffff1f}.dark .account-action-item--danger .account-action-icon{color:#f87171}.dark .account-action-item--danger:hover .account-action-icon{color:#fca5a5}.account-personal-body{flex-direction:row;align-items:flex-start;gap:28px;display:flex}.account-avatar-wrap{flex-direction:column;flex-shrink:0;align-items:center;gap:12px;display:flex}.account-avatar-input{opacity:0;z-index:-1;width:.1px;height:.1px;position:absolute;overflow:hidden}.account-avatar-upload{cursor:pointer}.account-avatar-upload-btn{color:#fff;background:linear-gradient(135deg,#06b6d4 0%,#3b82f6 100%);border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:opacity .2s,transform .2s;display:inline-flex}.account-avatar-upload-btn:hover{opacity:.9;transform:translateY(-1px)}.account-avatar{color:#fff;background:linear-gradient(135deg,#06b6d4 0%,#3b82f6 100%);border-radius:14px;justify-content:center;align-items:center;width:80px;height:80px;font-size:28px;font-weight:700;display:flex;overflow:hidden}.account-avatar-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.account-fields-grid{flex:1;grid-template-columns:repeat(4,1fr);gap:20px 24px;min-width:0;display:grid}.account-field{flex-direction:column;gap:6px;display:flex}.account-field-label{color:#64748b;font-size:13px;font-weight:600}.account-field-value{color:#1e293b;background:#f8fafc;border-radius:10px;align-items:center;min-height:44px;padding:12px 14px;font-size:15px;display:flex}.account-card-personal .account-field-value{background:#fff;border:1px solid #0000000f;box-shadow:0 1px 2px #0000000a}.account-card-personal .account-field-label{color:#64748b;font-size:13px}.account-field-bio{grid-column:1/-1}.account-field-value-bio{white-space:pre-wrap;align-items:flex-start;min-height:auto}.account-input{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px 14px;font-family:inherit;font-size:15px;transition:border-color .2s}.account-card-personal .account-input{background:#fff;border:1px solid #0000000f;box-shadow:0 1px 2px #0000000a}.account-input:focus{border-color:#0284c7;outline:none}.account-input--readonly{cursor:not-allowed}.account-textarea{resize:vertical;min-height:80px}.account-cards-row{grid-template-columns:1fr 1fr;gap:24px;display:grid}.account-actions-list{flex-direction:column;gap:12px;display:flex}.account-action-item{cursor:pointer;text-align:right;width:100%;color:inherit;background:#fff9;border:1px solid #0000000f;border-radius:12px;align-items:center;gap:14px;padding:16px 18px;font-family:inherit;text-decoration:none;transition:box-shadow .2s,border-color .2s,background .2s;display:flex;box-shadow:0 1px 3px #0000000a}.account-action-item:hover{background:#f8fafce6;border-color:#00000014;box-shadow:0 2px 8px #0000000f}.account-action-icon{color:#64748b;background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.account-action-icon svg{width:18px;height:18px}.account-action-icon-danger{color:#dc2626;background:#fee2e2}.account-action-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.account-action-label{color:#1e293b;font-size:15px;font-weight:600}.account-action-label-danger{color:#dc2626}.account-action-meta{color:#94a3b8;font-size:13px}.account-action-meta-danger{color:#dc2626;opacity:.9}.account-action-arrow{color:#94a3b8;flex-shrink:0}.account-action-arrow svg{width:20px;height:20px;transform:rotate(180deg)}.account-prefs-list{flex-direction:column;gap:12px;display:flex}.account-pref-item{background:#fff9;border:1px solid #0000000f;border-radius:12px;align-items:center;gap:14px;padding:16px 18px;transition:box-shadow .2s,border-color .2s;display:flex;box-shadow:0 1px 3px #0000000a}.account-pref-item:hover{border-color:#00000014;box-shadow:0 2px 8px #0000000f}.account-pref-icon{color:#64748b;background:#f1f5f9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.account-pref-icon svg{width:18px;height:18px}.account-pref-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.account-pref-label{color:#1e293b;font-size:15px;font-weight:600}.account-pref-value,.account-pref-meta{color:#64748b;font-size:13px}.account-btn-change{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1553fe 0%,#3a93ff 100%);border:1px solid #1553fe40;border-radius:8px;flex-shrink:0;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s,box-shadow .2s;box-shadow:0 10px 25px -5px #1553fe66,0 0 20px #3a93ff4d}.account-btn-change:hover{background:linear-gradient(135deg,#1553fe 0%,#3a93ff 100%);box-shadow:0 15px 35px -5px #1553fe80,0 0 30px #3a93ff66}.account-toggle{cursor:pointer;flex-shrink:0;width:48px;height:26px;display:inline-block;position:relative}.account-toggle input{opacity:0;width:0;height:0}.account-toggle-slider{background:#cbd5e1;border-radius:26px;transition:background .2s;position:absolute;inset:0}.account-toggle-slider:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;bottom:3px;left:auto;right:3px;box-shadow:0 1px 3px #0003}.account-toggle input:checked+.account-toggle-slider{background:#0284c7}.account-page .account-toggle input:checked+.account-toggle-slider:before{transform:translate(-22px)}.account-toggle input:focus-visible+.account-toggle-slider{box-shadow:0 0 0 2px #0284c7}.dark .account-page{background:#081120 linear-gradient(145deg,#081120 0%,#214786 42%,#081120 88%)}.dark .account-page-title{background:linear-gradient(90deg,#22d3ee 0%,#60a5fa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dark .account-page-subtitle{color:#94a3b8}.dark .account-page .account-card{-webkit-backdrop-filter:blur(20px)saturate(1.2);background:#ffffff0a;border-color:#ffffff1f;box-shadow:0 4px 24px #0003,inset 0 1px #ffffff0d,inset 2px 2px 4px #0000004d,inset -2px -2px 4px #ffffff0d}.dark .account-page .account-card-personal{-webkit-backdrop-filter:blur(20px)saturate(1.2);background:#ffffff08;border-color:#ffffff14;box-shadow:0 4px 24px #0003,inset 0 1px #ffffff0d,inset 2px 2px 4px #0000004d,inset -2px -2px 4px #ffffff0d}.dark .account-card-personal .account-field-value,.dark .account-card-personal .account-input{background:#0f172a99;border-color:#ffffff14}.dark .account-card-title{color:#f1f5f9}.dark .account-field-label{color:#94a3b8}.dark .account-field-value,.dark .account-input{color:#f1f5f9;background:#ffffff0f;border-color:#ffffff1a}.dark .account-action-label{color:#f1f5f9}.dark .account-action-meta{color:#94a3b8}.dark .account-action-item:hover{background:#ffffff14;border-color:#ffffff1f;box-shadow:0 2px 8px #0003}.dark .account-pref-label{color:#f1f5f9}.dark .account-pref-value,.dark .account-pref-meta{color:#94a3b8}.dark .account-pref-item{background:#ffffff0d;border-color:#ffffff14;box-shadow:0 1px 3px #00000026}.dark .account-pref-item:hover{border-color:#ffffff1f;box-shadow:0 2px 8px #0003}.dark .account-action-item{background:#ffffff0d;border-color:#ffffff14;box-shadow:0 1px 3px #00000026}.dark .account-btn-change{color:#38bdf8;background:#ffffff0f;border-color:#ffffff1a}@media (max-width:900px){.account-cards-row{grid-template-columns:1fr}}@media (max-width:768px){.account-container{padding:0 16px}.account-page-title{font-size:26px}.account-personal-body{flex-direction:column;align-items:center}.account-fields-grid{grid-template-columns:1fr;width:100%}.account-card-head{flex-direction:column;align-items:flex-start;gap:12px}}@media (max-width:480px){.account-page .account-card{padding:18px 20px}}.change-password-card{max-width:480px;margin:0 auto}.change-password-body{padding:24px}.change-password-form{flex-direction:column;gap:20px;display:flex}.change-password-btn-send,.change-password-btn-submit{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:14px 20px;display:inline-flex}.change-password-code-row{align-items:stretch;gap:12px;display:flex}.change-password-code-row .account-input{text-align:center;letter-spacing:6px;font-variant-numeric:tabular-nums;flex:1;min-width:0}.change-password-resend{color:#2563eb;cursor:pointer;white-space:nowrap;background:#2563eb1a;border:none;border-radius:10px;flex-shrink:0;padding:10px 14px;font-size:13px;font-weight:600;transition:background .2s,color .2s}.change-password-resend:hover:not(:disabled){color:#1d4ed8;background:#2563eb2e}.change-password-resend:disabled{opacity:.6;cursor:not-allowed}.change-password-password-wrap{align-items:center;display:flex;position:relative}.change-password-password-wrap .account-input{flex:1;padding-inline-end:48px}.change-password-toggle{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:color .2s,background .2s;display:flex;position:absolute;inset-inline-end:12px}.change-password-toggle:hover{color:#334155;background:#0000000d}.change-password-back{color:#3b82f6;align-items:center;gap:6px;margin-top:24px;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.change-password-back:hover{color:#2563eb}.change-password-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite change-password-spin;display:inline-block}@keyframes change-password-spin{to{transform:rotate(360deg)}}.dark .change-password-resend{color:#60a5fa;background:#60a5fa26}.dark .change-password-resend:hover:not(:disabled){color:#93c5fd;background:#60a5fa40}.dark .change-password-toggle{color:#94a3b8}.dark .change-password-toggle:hover{color:#e2e8f0;background:#ffffff14}.dark .change-password-back{color:#60a5fa}.dark .change-password-back:hover{color:#93c5fd}.legal-page{background:var(--gradient-light,linear-gradient(160deg,#f0f9ff 0%,#e0f2fe 50%,#f8fafc 100%));box-sizing:border-box;direction:rtl;background-attachment:fixed;min-height:100vh;padding:32px 0 64px;font-family:Tajawal,sans-serif}.legal-page *{box-sizing:border-box}.legal-page .legal-container{max-width:820px;margin:0 auto;padding:0 20px}.legal-page .legal-header{text-align:center;margin-bottom:40px}.legal-page .legal-title{background:linear-gradient(90deg,#06b6d4 0%,#3b82f6 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:clamp(28px,4vw,36px);font-weight:700}.legal-page .legal-subtitle{color:#64748b;margin:0;font-size:1rem}.legal-page .legal-icon-wrap{color:#06b6d4;background:linear-gradient(135deg,#06b6d426 0%,#3b82f626 100%);border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:16px;display:inline-flex}.legal-page .legal-footer-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:40px;padding-top:24px;display:flex}.legal-page .legal-link{color:#0ea5e9;background:#0ea5e91a;border:1px solid #0ea5e940;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.legal-page .legal-link:hover{color:#0284c7;background:#0ea5e933;border-color:#0ea5e966}.legal-page .legal-link-home{color:#64748b;background:#64748b1a;border-color:#64748b33}.legal-page .legal-link-home:hover{color:#475569;background:#64748b26}.legal-page .legal-card{-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);background:#ffffff59;border:1px solid #fff9;border-radius:20px;margin-bottom:24px;padding:28px 32px;transition:box-shadow .3s,border-color .3s;box-shadow:0 8px 32px #0000000f,inset 0 1px #fffc,inset 0 0 40px #ffffff08}.legal-page .legal-card:hover{box-shadow:0 12px 40px #00000014,inset 0 1px #ffffffe6}.legal-page .legal-card h2{color:#1e293b;border-bottom:2px solid #06b6d440;margin:0 0 16px;padding-bottom:10px;font-size:1.25rem;font-weight:700}.legal-page .legal-card p{color:#334155;margin:0 0 14px;font-size:.95rem;line-height:1.75}.legal-page .legal-card p:last-child{margin-bottom:0}.legal-page .legal-card ul{color:#334155;margin:0 0 14px;padding-right:24px;font-size:.95rem;line-height:1.75}.legal-page .legal-card ul li{margin-bottom:8px}.legal-page .legal-card ul li:last-child{margin-bottom:0}.legal-page .legal-updated{color:#64748b;border-top:1px solid #0000000f;margin-top:24px;padding-top:16px;font-size:.875rem}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.legal-page .legal-card{background:#ffffffeb}}.dark .legal-page{background-color:#081120;background-image:linear-gradient(to bottom right,#081120 0% 25%,#214786 50% 10%,#081120 70% 100%);background-attachment:scroll}@media (max-width:768px){.dark .legal-page{background-image:linear-gradient(to bottom right,#081120 0% 1%,#21478659 92%,#21478633 10%,#081120 70% 100%)}}.dark .legal-page .legal-title{background:linear-gradient(90deg,#22d3ee 0%,#60a5fa 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.dark .legal-page .legal-subtitle{color:#94a3b8}.dark .legal-page .legal-card{background:#1e293b66;border-color:#ffffff14;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0f,inset 0 0 40px #0000001a}.dark .legal-page .legal-card:hover{box-shadow:0 12px 40px #00000059,inset 0 1px #ffffff14}.dark .legal-page .legal-card h2{color:#f1f5f9;border-bottom-color:#22d3ee4d}.dark .legal-page .legal-card p,.dark .legal-page .legal-card ul{color:#e2e8f0}.dark .legal-page .legal-updated{color:#94a3b8;border-top-color:#ffffff14}.dark .legal-page .legal-icon-wrap{color:#22d3ee;background:linear-gradient(135deg,#22d3ee33 0%,#60a5fa33 100%)}.dark .legal-page .legal-link{color:#38bdf8;background:#38bdf81f;border-color:#38bdf840}.dark .legal-page .legal-link:hover{color:#7dd3fc;background:#38bdf833}.dark .legal-page .legal-link-home{color:#94a3b8;background:#94a3b81a;border-color:#94a3b833}.dark .legal-page .legal-link-home:hover{color:#cbd5e1;background:#94a3b826}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.dark .legal-page .legal-card{background:#1e293bf2}}.support-page{background:0 0;min-height:100vh;padding:2rem 1rem;font-family:Cairo,sans-serif;position:relative}.support-page:not(.dark){--support-bg:#fff0;--support-glass-bg:#fff9;--support-glass-border:#fff6;--support-surface:#ffffffb3;--support-surface-secondary:#f8fafccc;--support-text:#0f172a;--support-text-secondary:#64748b;--support-border:#e2e8f099;--support-primary:#2563eb;--support-primary-hover:#1d4ed8;--support-success:#059669;--support-error:#dc2626;--support-shadow:#0f172a14;--support-shadow-hover:#0f172a1f}.support-page.dark{--support-bg:#0f172a00;--support-glass-bg:#1e293b99;--support-glass-border:#ffffff1f;--support-surface:#1e293bb3;--support-surface-secondary:#334155cc;--support-text:#f8fafc;--support-text-secondary:#cbd5e1;--support-border:#47556999;--support-primary:#60a5fa;--support-primary-hover:#3b82f6;--support-success:#10b981;--support-error:#ef4444;--support-shadow:#0000004d;--support-shadow-hover:#0006}.support-container{z-index:1;max-width:1200px;margin:0 auto;position:relative}.support-header{text-align:center;background:var(--support-glass-bg);-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);border:1px solid var(--support-glass-border);box-shadow:0 8px 32px var(--support-shadow),inset 0 0 28px #00000005;border-radius:32px;margin-bottom:3rem;padding:2.5rem;position:relative;overflow:hidden}.support-header:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg,#ffffff05 0%,#0000 100%);position:absolute;inset:0}.support-icon-wrapper{background:linear-gradient(135deg,var(--support-primary)0%,var(--support-primary-hover)100%);z-index:1;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;display:inline-flex;position:relative;box-shadow:0 8px 24px #2563eb4d,0 0 40px #2563eb26}.support-icon{color:#fff;font-size:2.5rem}.support-title{color:var(--support-text);z-index:1;margin-bottom:1rem;font-size:2.5rem;font-weight:800;position:relative}.support-subtitle{color:var(--support-text-secondary);z-index:1;max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.6;position:relative}.support-content{grid-template-columns:1fr 1.5fr;align-items:start;gap:2rem;display:grid}@media (max-width:968px){.support-content{grid-template-columns:1fr}}.support-info-section{background:var(--support-glass-bg);-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);border:1px solid var(--support-glass-border);box-shadow:0 8px 32px var(--support-shadow),inset 0 0 28px #00000005;border-radius:32px;padding:2rem;position:relative;overflow:hidden}.support-info-section:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg,#ffffff05 0%,#0000 100%);position:absolute;inset:0}.section-title{color:var(--support-text);z-index:1;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;position:relative}.contact-info-grid{z-index:1;flex-direction:column;gap:1rem;display:flex;position:relative}.contact-info-card{background:var(--support-surface-secondary);border:1px solid var(--support-border);border-radius:16px;align-items:center;gap:1rem;padding:1.25rem;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.contact-info-card:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg,#ffffff05 0%,#0000 100%);position:absolute;inset:0}.contact-info-card:hover{box-shadow:0 12px 40px var(--support-shadow-hover),inset 0 0 28px #00000008;border-color:var(--support-primary);transform:translateY(-3px)}.contact-icon-wrapper{background:linear-gradient(135deg,var(--support-primary)0%,var(--support-primary-hover)100%);color:#fff;z-index:1;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.25rem;display:flex;position:relative;box-shadow:0 4px 12px #2563eb40}.contact-details{z-index:1;flex:1;position:relative}.contact-title{color:var(--support-text-secondary);margin-bottom:.25rem;font-size:.9rem;font-weight:600}.contact-value{color:var(--support-text);font-size:1rem;font-weight:700}.support-form-section{background:var(--support-glass-bg);-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);border:1px solid var(--support-glass-border);box-shadow:0 8px 32px var(--support-shadow),inset 0 0 28px #00000005;border-radius:32px;padding:2rem;position:relative;overflow:hidden}.support-form-section:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg,#ffffff05 0%,#0000 100%);position:absolute;inset:0}.support-form{z-index:1;flex-direction:column;gap:1.5rem;display:flex;position:relative}.form-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (max-width:640px){.form-row{grid-template-columns:1fr}}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group.full-width{grid-column:1/-1}.form-group label{color:var(--support-text);margin-bottom:.25rem;font-size:.9rem;font-weight:700}.form-group input,.form-group textarea{width:100%;color:var(--support-text);background:var(--support-surface-secondary);border:2px solid var(--support-border);border-radius:12px;padding:.875rem 1rem;font-family:Cairo,sans-serif;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--support-primary);outline:none;box-shadow:0 0 0 3px #2563eb1a,0 4px 12px #2563eb26}.form-group input::-moz-placeholder{color:var(--support-text-secondary)}.form-group textarea::-moz-placeholder{color:var(--support-text-secondary)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--support-text-secondary)}.form-group textarea{resize:vertical;min-height:150px}.error-message,.success-message{border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.25rem;font-size:.95rem;font-weight:600;animation:.3s slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-message{border:1px solid var(--support-error);color:var(--support-error);background:#dc26261a}.success-message{border:1px solid var(--support-success);color:var(--support-success);background:#0596691a}.error-icon,.success-icon{font-size:1.25rem}.submit-button{color:#fff;background:linear-gradient(135deg,var(--support-primary)0%,var(--support-primary-hover)100%);cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:1rem 2rem;font-family:Cairo,sans-serif;font-size:1rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 12px #2563eb4d,0 0 20px #2563eb26}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #2563eb66,0 0 30px #2563eb33}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.7;cursor:not-allowed}.button-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@media (max-width:768px){.support-page{padding:1rem}.support-header{padding:1.5rem}.support-icon-wrapper{width:60px;height:60px}.support-icon,.support-title{font-size:2rem}.support-subtitle{font-size:1rem}.support-info-section,.support-form-section{padding:1.5rem}.section-title{font-size:1.25rem}.form-group input,.form-group textarea{padding:.75rem .875rem;font-size:.95rem}}@media (max-width:480px){.support-title{font-size:1.75rem}.support-subtitle{font-size:.9rem}.contact-info-card{padding:1rem}.contact-icon-wrapper{width:40px;height:40px;font-size:1rem}.contact-value{font-size:.9rem}}.submit-button:focus-visible,.form-group input:focus-visible,.form-group textarea:focus-visible{outline:2px solid var(--support-primary);outline-offset:2px}@media print{.support-page{background:#fff}.support-header,.support-info-section,.support-form-section{box-shadow:none;-webkit-backdrop-filter:none;border:1px solid #ccc}.submit-button{display:none}}.not-found-page{justify-content:center;align-items:center;min-height:60vh;padding:48px 24px;display:flex}.not-found-content{text-align:center;flex-direction:column;align-items:center;max-width:520px;margin:0 auto;display:flex}.not-found-img{-o-object-fit:contain;object-fit:contain;width:100%;max-width:320px;height:auto;margin-bottom:32px}.not-found-title{color:var(--text-dark,#1e293b);margin:0 0 16px;font-size:1.75rem;font-weight:700;line-height:1.3}.dark .not-found-title{color:#f1f5f9}.not-found-desc{color:var(--text-muted,#64748b);margin:0 0 32px;font-size:1rem;line-height:1.6}.dark .not-found-desc{color:#94a3b8}.not-found-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.not-found-btn{cursor:pointer;border-radius:12px;padding:14px 28px;font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-block}.not-found-btn:after{display:none!important}.not-found-btn-primary{color:#fff;background:linear-gradient(135deg,#06b6d4 0%,#3b82f6 100%);border:none;box-shadow:0 4px 20px #06b6d459}.not-found-btn-primary:hover{color:#fff;opacity:.95;transform:translateY(-1px)}.not-found-btn-outline{color:var(--text-primary,#1e293b);border:2px solid var(--border-primary,#e2e8f0);background:0 0}.dark .not-found-btn-outline{color:#e2e8f0;border-color:#fff3}.not-found-btn-outline:hover{background:#ffffff0f;border-color:#ffffff4d;transform:translateY(-1px)}.dark .not-found-btn-outline:hover{background:#ffffff14}.auth-page{--auth-primary:#06b6d4;--auth-primary-end:#3b82f6;--auth-bg-start:#f0f9ff;--auth-bg-end:#e0f2fe;--auth-card-bg:#ffffffe6;--auth-card-border:#ffffff80;--auth-text:#0f172a;--auth-text-muted:#64748b;--auth-input-bg:#f8fafc;--auth-input-border:#e2e8f0;--auth-shadow:0 25px 50px -12px #0000001a;--auth-shadow-lg:0 25px 60px -15px #00000026;background:linear-gradient(160deg,var(--auth-bg-start)0%,var(--auth-bg-end)100%);direction:rtl;justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:Cairo,Tajawal,sans-serif;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#06b6d414 0%,#0000 60%);width:100%;height:100%;position:absolute;top:-50%;right:-50%}.auth-page:after{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f60f 0%,#0000 60%);width:80%;height:80%;position:absolute;bottom:-30%;left:-30%}.auth-theme-toggle{z-index:1000;background:var(--auth-card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--auth-card-border);width:48px;height:48px;box-shadow:var(--auth-shadow);cursor:pointer;color:var(--auth-text-muted);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;top:24px;left:24px}.auth-theme-toggle:hover{color:var(--auth-primary);transform:scale(1.05)}.auth-theme-toggle:active{transform:scale(.98)}.auth-container{z-index:10;width:100%;max-width:1100px;position:relative}.auth-content{grid-template-columns:1fr 1fr;align-items:center;gap:48px;min-height:min(90vh,700px);display:grid}.auth-branding{padding:24px 0}.auth-welcome-title{color:var(--auth-text);margin:0 0 16px;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.2}.auth-welcome-subtitle{background:linear-gradient(135deg,var(--auth-primary)0%,var(--auth-primary-end)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:4px;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700;display:block}.auth-welcome-description{color:var(--auth-text-muted);max-width:420px;margin:0 0 40px;font-size:1.1rem;line-height:1.8}.auth-features{flex-direction:column;gap:16px;display:flex}.auth-feature-card{background:var(--auth-card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--auth-card-border);border-radius:16px;align-items:center;gap:16px;padding:20px 24px;transition:all .3s;display:flex;box-shadow:0 4px 24px #0000000a}.auth-feature-card:hover{box-shadow:var(--auth-shadow);transform:translate(-8px)}.auth-feature-icon{background:linear-gradient(135deg,var(--auth-primary)0%,var(--auth-primary-end)100%);color:#fff;border-radius:14px;justify-content:center;align-items:center;width:52px;min-width:52px;height:52px;font-size:1.5rem;display:flex}.auth-feature-title{color:var(--auth-text);margin:0 0 4px;font-size:1.05rem;font-weight:700}.auth-feature-desc{color:var(--auth-text-muted);margin:0;font-size:.9rem}.auth-form-wrapper{justify-content:center;align-items:center;display:flex}.auth-form-card{background:var(--auth-card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--auth-card-border);width:100%;max-width:440px;box-shadow:var(--auth-shadow-lg);border-radius:24px;padding:40px 36px}.auth-form-logo{justify-content:center;margin-bottom:24px;display:flex}.auth-form-logo img{-o-object-fit:contain;object-fit:contain;width:56px;height:56px}.auth-form-header{text-align:center;margin-bottom:32px}.auth-form-title{color:var(--auth-text);margin:0 0 8px;font-size:1.75rem;font-weight:700}.auth-form-subtitle{color:var(--auth-text-muted);margin:0;font-size:.95rem}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-input-group{flex-direction:column;gap:8px;display:flex}.auth-label{color:var(--auth-text);font-size:.9rem;font-weight:600}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-icon{color:var(--auth-text-muted);pointer-events:none;font-size:1.1rem;position:absolute;right:16px}.auth-input{border:2px solid var(--auth-input-border);width:100%;color:var(--auth-text);background:var(--auth-input-bg);border-radius:14px;padding:14px 48px 14px 16px;font-family:inherit;font-size:1rem;transition:all .2s}.auth-input-password{padding-right:48px}.auth-input:focus{border-color:var(--auth-primary);outline:none;box-shadow:0 0 0 4px #06b6d426}.auth-input::placeholder{color:var(--auth-text-muted);opacity:.7}.auth-password-toggle{color:var(--auth-text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.2rem;transition:color .2s;display:flex;position:absolute;right:14px}.auth-password-toggle:hover{color:var(--auth-primary)}.auth-input-code-row{align-items:stretch;gap:10px;display:flex}.auth-input-code-row .auth-input{flex:1;min-width:0}.auth-resend-otp{color:var(--auth-primary);border:1px solid var(--auth-primary);cursor:pointer;white-space:nowrap;background:#06b6d41a;border-radius:10px;flex-shrink:0;padding:0 14px;font-size:.85rem;font-weight:600;transition:all .2s}.auth-resend-otp:hover:not(:disabled){background:#06b6d433}.auth-resend-otp:disabled{opacity:.6;cursor:not-allowed}.auth-submit-button-as-link{text-align:center;line-height:inherit;text-decoration:none;display:inline-block}.auth-form-options{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-checkbox-label{cursor:pointer;color:var(--auth-text-muted);align-items:center;gap:10px;font-size:.9rem;display:flex}.auth-checkbox{cursor:pointer;width:20px;height:20px;accent-color:var(--auth-primary);border-radius:6px}.auth-forgot-link{color:var(--auth-primary);font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s}.auth-forgot-link:hover{color:var(--auth-primary-end)}.auth-submit-button{background:linear-gradient(135deg,var(--auth-primary)0%,var(--auth-primary-end)100%);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;margin-top:8px;padding:16px 24px;font-family:inherit;font-size:1.05rem;font-weight:700;transition:all .3s;box-shadow:0 4px 20px #06b6d466}.auth-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #06b6d473}.auth-submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-loading{justify-content:center;align-items:center;gap:10px;display:flex}.auth-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-divider{color:var(--auth-text-muted);align-items:center;gap:16px;margin:20px 0 16px;font-size:.95rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--auth-input-border);flex:1;height:1px}.auth-divider span{padding:0 8px}.auth-google-button{background:var(--auth-card-bg);border:1px solid var(--auth-input-border);width:100%;color:var(--auth-text);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:12px;padding:14px 24px;font-family:inherit;font-size:1rem;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 2px 12px #0000000a}.auth-google-button:hover:not(:disabled){background:var(--auth-input-bg);border-color:var(--auth-primary);box-shadow:0 4px 20px #06b6d426}.auth-google-button:disabled{opacity:.7;cursor:not-allowed}.auth-google-icon{flex-shrink:0;width:22px;height:22px}.auth-terms{margin-top:4px}.auth-link-inline{color:var(--auth-primary);font-weight:600;text-decoration:none}.auth-link-inline:hover{text-decoration:underline}.auth-benefits{border-top:2px solid var(--auth-input-border);padding-top:24px}.auth-benefits-title{color:var(--auth-text-muted);text-align:center;margin:0 0 16px;font-size:.9rem;font-weight:600}.auth-benefits-list{flex-direction:column;gap:12px;display:flex}.auth-benefit-item{color:var(--auth-text-muted);align-items:center;gap:12px;font-size:.9rem;display:flex}.auth-benefit-icon{width:24px;min-width:24px;height:24px;color:var(--auth-primary);background:#06b6d426;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;display:flex}.auth-form-footer{border-top:2px solid var(--auth-input-border);text-align:center;padding-top:24px}.auth-footer-text{color:var(--auth-text-muted);margin:0;font-size:.95rem}.auth-footer-link{color:var(--auth-primary);font-weight:700;text-decoration:none}.auth-footer-link:hover{text-decoration:underline}.auth-container-centered{justify-content:center;align-items:center;min-height:min(90vh,700px);display:flex}.auth-feature-icon-center{margin:0 auto 16px}.auth-feature-icon-success{color:#22c55e;background:#22c55e33;margin:0 auto 16px}.auth-forgot-success{flex-direction:column;gap:20px;display:flex}.auth-forgot-success-box{text-align:center;background:#22c55e14;border:1px solid #22c55e40;border-radius:16px;padding:24px}.auth-forgot-note{color:var(--auth-text-muted);text-align:center;margin:0;font-size:.9rem}.auth-forgot-actions{flex-direction:column;gap:12px;display:flex}.auth-submit-button-outline{color:var(--auth-primary);border:2px solid var(--auth-primary);box-shadow:none;background:0 0}.auth-submit-button-outline:hover:not(:disabled){box-shadow:none;background:#06b6d41a}.auth-submit-button-secondary{background:var(--auth-input-bg);color:var(--auth-text);box-shadow:0 2px 8px #0000000f}.auth-submit-button-secondary:hover{background:var(--auth-input-border)}.auth-link-back{align-items:center;font-size:.95rem;display:inline-flex}.dark .auth-page{--auth-bg-start:#0f172a;--auth-bg-end:#1e293b;--auth-card-bg:#1e293bcc;--auth-card-border:#ffffff14;--auth-text:#f1f5f9;--auth-text-muted:#94a3b8;--auth-input-bg:#0f172a99;--auth-input-border:#ffffff1f;--auth-shadow:0 25px 50px -12px #0006;--auth-shadow-lg:0 25px 60px -15px #00000080}.dark .auth-page:before{background:radial-gradient(circle,#06b6d41f 0%,#0000 60%)}.dark .auth-page:after{background:radial-gradient(circle,#3b82f61a 0%,#0000 60%)}.dark .auth-theme-toggle{color:#94a3b8}.dark .auth-theme-toggle:hover{color:#38bdf8}.dark .auth-feature-card{background:#1e293b99;border-color:#ffffff14}.dark .auth-feature-card:hover{background:#33415599}.dark .auth-form-card{background:#1e293be6;border-color:#ffffff14}.dark .auth-input:focus{box-shadow:0 0 0 4px #38bdf833}.dark .auth-forgot-success-box{background:#22c55e1f;border-color:#22c55e59}.dark .auth-feature-icon-success{color:#4ade80;background:#22c55e40}@media (max-width:1024px){.auth-content{grid-template-columns:1fr;gap:40px;min-height:auto}.auth-branding{text-align:center;padding:0}.auth-welcome-description{max-width:100%}.auth-feature-card{max-width:400px;margin:0 auto}.auth-feature-card:hover{transform:translateY(-4px)}}@media (max-width:640px){.auth-page{padding:16px}.auth-theme-toggle{width:44px;height:44px;top:16px;left:16px}.auth-form-card{border-radius:20px;padding:28px 24px}.auth-welcome-title{font-size:1.75rem}.auth-welcome-subtitle{font-size:1.5rem}.auth-features{display:none}}:root{--color-white:#fff;--color-black:#0f172a;--color-blue:#1553fe;--color-blue-light:#3a93ff;--color-blue-dark:#1553fe;--color-blue-accent:#3a93ff;--color-blue-muted:#3a93ff;--color-red:#dc2626;--color-red-light:#ef4444;--color-red-dark:#b91c1c;--gradient-blue:linear-gradient(135deg,#1553fe 0%,#3a93ff 100%);--gradient-blue-light:linear-gradient(135deg,#1553fe 0%,#3a93ff 100%);--gradient-surface:linear-gradient(135deg,#fff 0%,#f8fafc 50%,#f1f5f9 100%);--gradient-light-home:linear-gradient(180deg,#f5f9ff 0%,#e5f0ff 50%,#cce1ff 100%);--gradient-light:linear-gradient(180deg,#f5f9ff 0%,#e5f0ff 50%,#cce1ff 100%);--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-surface:#f1f5f9;--text-primary:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--border-primary:#e2e8f0;--border-secondary:#cbd5e1;--shadow-color:#0f172a1a;--shadow-glow:#2563eb26;--status-success:#22c55e;--status-error-bg:#ef44441a}.dark{--color-white:#f8fafc;--color-black:#0f172a;--color-blue:#1553fe;--color-blue-light:#3a93ff;--color-blue-dark:#1553fe;--color-blue-accent:#3a93ff;--color-blue-muted:#3a93ff;--gradient-blue:linear-gradient(135deg,#1553fe 0%,#3a93ff 100%);--gradient-blue-light:linear-gradient(135deg,#1553fe 0%,#3a93ff 100%);--gradient-surface:linear-gradient(135deg,#1e293b 0%,#334155 50%,#475569 100%);--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-surface:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-primary:#475569;--border-secondary:#64748b;--shadow-color:#00000080;--shadow-glow:#60a5fa4d}:root{--font-primary:"Lama Sans","Almarai","Segoe UI","Roboto","Helvetica Neue","Arial",sans-serif;--font-heading:"Lama Sans","Alexandria","Almarai","Segoe UI","Roboto","Helvetica Neue","Arial",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-glow-blue:0 10px 25px -5px #1553fe66,0 0 20px #3a93ff4d;--shadow-glow-red:0 0 20px #dc26264d;--shadow-glow-purple:0 0 20px #7c3aed4d;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--navbar-bg:transparent;--navbar-border:#0000000f;--footer-bg:transparent;--footer-border:var(--border-primary);--footer-copyright-bg:transparent;--footer-copyright-border:var(--border-primary)}.dark{--color-white:#f8fafc;--color-black:#0f172a;--color-blue:#1553fe;--color-blue-light:#3a93ff;--color-blue-dark:#1553fe;--color-blue-accent:#3a93ff;--color-blue-muted:#3a93ff;--gradient-blue:linear-gradient(135deg,#1553fe 0%,#3a93ff 100%);--gradient-blue-light:linear-gradient(135deg,#1553fe 0%,#3a93ff 100%);--gradient-surface:linear-gradient(135deg,#1e293b 0%,#334155 50%,#475569 100%);--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-surface:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-primary:#475569;--border-secondary:#64748b;--shadow-color:#00000080;--shadow-glow:#60a5fa4d;--status-success:#34d399;--status-error-bg:#ef444426;--navbar-bg:#ffffff08;--navbar-border:#ffffff40;--footer-bg:transparent;--footer-border:#ffffff1a;--footer-copyright-bg:#050b1480;--footer-copyright-border:#ffffff0f}.app-toaster{z-index:9999;gap:12px;padding:16px}.app-toaster .app-toast{min-width:300px;max-width:420px;font-size:var(--font-size-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:12px;font-weight:500;line-height:1.5;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .35s,box-shadow .3s;display:flex;background:var(--bg-surface)!important;color:var(--text-primary)!important;border:1px solid var(--border-primary)!important;box-shadow:var(--shadow-lg),0 0 0 1px #00000005!important;border-radius:14px!important;padding:14px 18px!important}.app-toaster .app-toast:hover{box-shadow:var(--shadow-xl),0 0 0 1px #00000008!important}.app-toaster .app-toast--error{border-inline-start:4px solid var(--color-red-light)!important;background:var(--status-error-bg)!important}.app-toaster .app-toast--error:hover{box-shadow:var(--shadow-xl),0 0 0 1px #ef444426!important}.app-toaster .app-toast--success{border-inline-start:4px solid var(--status-success)!important}.app-toaster .app-toast--loading{border-inline-start:4px solid var(--color-blue-light)!important}.dark .app-toaster .app-toast{box-shadow:var(--shadow-lg),0 0 0 1px #ffffff0a!important}.dark .app-toaster .app-toast--error{background:var(--status-error-bg)!important}@media (max-width:768px){.app-toaster{flex-direction:column;align-items:center;width:auto!important;max-width:none!important;padding:12px 12px 24px!important;position:fixed!important;inset:auto 12px 24px!important}.app-toaster .app-toast{width:100%;min-width:280px;max-width:calc(100vw - 24px)}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}@font-face{font-family:Alexandria;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/alexandria/v1/UMBC2tzXHgM1q7CggWrhHqvO0Git6j2Z.woff2)format("woff2")}body{font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:right;direction:rtl;min-height:100vh;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}html,body,#root{direction:rtl;width:100%;max-width:100%;overflow-x:hidden}input,textarea,select{direction:inherit;text-align:right}.main-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.loader{width:100%}.trace-bg{stroke:#333;stroke-width:1.8px;fill:none}.trace-flow{stroke-width:1.8px;fill:none;stroke-dasharray:40 400;stroke-dashoffset:438px;filter:drop-shadow(0 0 6px);animation:3s cubic-bezier(.5,0,.9,1) infinite flow}.yellow{stroke:#ffea00;color:#ffea00}.blue{stroke:#0cf;color:#0cf}.green{stroke:#00ff15;color:#00ff15}.purple{stroke:#90f;color:#90f}.red{stroke:#f30;color:#f30}@keyframes flow{to{stroke-dashoffset:0}}button{direction:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);margin-bottom:var(--spacing-4);color:var(--text-primary);font-weight:700;line-height:1.2;transition:color .3s}h1,h2,h3,h4,h5,h6,.hero-title,.section-title,.card-title,.navbar-brand,.button-primary,.button-secondary,.btn-primary,.btn-secondary{font-family:"Almarai","Lama Sans",var(--font-heading)}p,span,div,li,td,th,.input-field,.textarea-field,.form-label,.card-description,.navbar-link-label,.mobile-menu-item,body{font-family:"Almarai","Lama Sans",var(--font-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-4);line-height:1.7}a{color:var(--color-blue);transition:var(--transition-normal);text-decoration:none;position:relative}a:hover{color:var(--color-blue-dark)}a:after{content:"";background:var(--gradient-blue);width:0;height:2px;transition:var(--transition-normal);position:absolute;bottom:-2px;left:0}a:hover:after{width:100%}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 20px #2563eb4d}50%{box-shadow:0 0 30px #2563eb99}}@keyframes rainbow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.container{width:100%;max-width:1200px;padding:0 var(--spacing-4);margin:0 auto}.flex{display:flex}.inline-flex{display:inline-flex}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.m-0{margin:0}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.p-0{padding:0}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.text-white{color:var(--color-white)}.text-black{color:var(--color-black)}.text-blue{color:var(--color-blue)}.text-red{color:var(--color-red)}.text-purple{color:var(--color-purple)}.bg-white{background-color:var(--color-white)}.bg-black{background-color:var(--color-black)}.bg-blue{background-color:var(--color-blue)}.bg-red{background-color:var(--color-red)}.bg-purple{background-color:var(--color-purple)}.bg-gradient-blue{background:var(--gradient-blue)}.bg-gradient-red{background:var(--gradient-red)}.bg-gradient-purple{background:var(--gradient-purple)}.bg-gradient-blue-purple{background:var(--gradient-blue-purple)}.bg-gradient-red-blue{background:var(--gradient-red-blue)}.bg-gradient-dark{background:var(--gradient-dark)}.bg-gradient-light{background:var(--gradient-light)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.border{border:1px solid #e5e7eb}.border-0{border:0}.border-2{border-width:2px}.border-white{border-color:var(--color-white)}.border-black{border-color:var(--color-black)}.border-blue{border-color:var(--color-blue)}.border-red{border-color:var(--color-red)}.border-purple{border-color:var(--color-purple)}.rounded{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-glow-blue{box-shadow:var(--shadow-glow-blue)}.shadow-glow-red{box-shadow:var(--shadow-glow-red)}.shadow-glow-purple{box-shadow:var(--shadow-glow-purple)}.animate-fade-in{animation:.6s ease-out fadeIn}.animate-slide-in-left{animation:.6s ease-out slideInLeft}.animate-slide-in-right{animation:.6s ease-out slideInRight}.animate-slide-in-up{animation:.6s ease-out slideInUp}.animate-scale-in{animation:.5s ease-out scaleIn}.animate-bounce-in{animation:.8s ease-out bounceIn}.animate-float{animation:3s ease-in-out infinite float}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-spin{animation:1s linear infinite spin}.animate-shimmer{animation:2s infinite shimmer}.animate-glow{animation:2s ease-in-out infinite glow}.animate-rainbow{background-size:200% 200%;animation:3s infinite rainbow}.transition{transition:var(--transition-normal)}.transition-fast{transition:var(--transition-fast)}.transition-slow{transition:var(--transition-slow)}.hover-lift:hover{transition:var(--transition-normal);transform:translateY(-5px)}.hover-scale:hover{transition:var(--transition-normal);transform:scale(1.05)}.hover-glow:hover{transition:var(--transition-normal);box-shadow:0 0 20px #2563eb4d}.card{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-6);transition:var(--transition-normal);border:1px solid var(--border-primary);color:var(--text-primary)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);background:#ffffff1a;border:1px solid #fff3}.btn{padding:var(--spacing-3)var(--spacing-6);border-radius:var(--radius-lg);font-weight:500;font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-normal);border:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";width:100%;height:100%;transition:var(--transition-normal);background:linear-gradient(90deg,#0000,#fff3,#0000);position:absolute;top:0;left:-100%}.btn:hover:before{left:100%}.btn-primary{background:var(--gradient-blue);color:var(--color-white);box-shadow:var(--shadow-glow-blue)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 35px -5px #1553fe80,0 0 30px #3a93ff66}.btn-secondary{background:var(--gradient-purple);color:var(--color-white);box-shadow:var(--shadow-glow-purple)}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 0 30px #7c3aed66}.btn-danger{background:var(--gradient-red);color:var(--color-white);box-shadow:var(--shadow-glow-red)}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 0 30px #dc262666}.btn-outline{color:var(--color-blue);border:2px solid var(--color-blue);background:0 0}.btn-outline:hover{background:var(--color-blue);color:var(--color-white)}.btn-ghost{color:var(--color-white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}.btn-ghost:hover{background:#fff3;transform:translateY(-2px)}.input{width:100%;padding:var(--spacing-4);border:2px solid var(--border-primary);border-radius:var(--radius-lg);font-size:var(--font-size-base);background:var(--bg-primary);color:var(--text-primary);transition:var(--transition-normal);outline:none}.input:focus{border-color:var(--color-blue);box-shadow:0 0 0 3px #2563eb1a}.input-group{position:relative}.input-icon{left:var(--spacing-4);color:#6b7280;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}@media (max-width:768px){.container{padding:0 var(--spacing-3)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}.flex-col-mobile{flex-direction:column}.text-center-mobile{text-align:center}}@media (max-width:640px){.container{padding:0 var(--spacing-2)}.btn{padding:var(--spacing-2)var(--spacing-4);font-size:var(--font-size-xs)}.card{padding:var(--spacing-4)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn:focus-visible,.input:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{width:0;height:0;display:none}.theme-transition *{transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s!important}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}