:root{--color-primary:#0a192f;--color-secondary:#0056d2;--color-background:#f0f4f8;--color-surface:#fff;--color-surface-2:#f8fafc;--color-text-primary:#0a192f;--color-text-secondary:#6b7280;--color-success:#10b981;--color-warning:#e8a33d;--color-danger:#d9534f;--color-disabled:#b0b3b8;--color-border:#e2e8f0;--color-accent:#0ea5e9;--color-selected:#e6f0ff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--stat-blue-bg:#eff6ff;--stat-blue-text:#1d4ed8;--stat-green-bg:#ecfdf5;--stat-green-text:#059669;--stat-orange-bg:#fffbeb;--stat-orange-text:#b45309;--navbar-bg:#ffffffe6;--sidebar-bg:#fff;--table-header-bg:#0a192f;--table-header-text:#fff;--btn-bg:#0a192f;--font-family-base:"Cairo", sans-serif;--shadow-sm:0 1px 4px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001a}[data-theme=dark]{--color-primary:#38bdf8;--color-secondary:#60a5fa;--color-background:#0b1120;--color-surface:#141e30;--color-surface-2:#1a2640;--color-text-primary:#f0f6ff;--color-text-secondary:#8b9dc3;--color-success:#34d399;--color-warning:#fbbf24;--color-danger:#f87171;--color-disabled:#4b5563;--color-border:#1e3050;--color-accent:#38bdf8;--color-selected:#16283f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--stat-blue-bg:#0d2345;--stat-blue-text:#93c5fd;--stat-green-bg:#052e16;--stat-green-text:#6ee7b7;--stat-orange-bg:#1c1200;--stat-orange-text:#fcd34d;--navbar-bg:#0d1630eb;--sidebar-bg:#111827;--table-header-bg:#1e3a5f;--table-header-text:#f0f6ff;--btn-bg:#0369a1;--shadow-sm:0 1px 4px #0000004d;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 8px 32px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family-base);background-color:var(--color-background);color:var(--color-text-primary);line-height:1.6;transition:background-color .3s,color .3s}a{color:var(--color-secondary);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:20px}.auth-container{justify-content:center;align-items:center;min-height:100vh;display:flex}.card{background-color:var(--color-surface);border:1px solid var(--color-border);width:100%;box-shadow:var(--shadow-sm);border-radius:12px;padding:30px;transition:background-color .3s,border-color .3s}.auth-container .card{max-width:440px}.card-title{text-align:center;color:var(--color-text-primary);margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{color:var(--color-text-secondary);margin-bottom:5px;display:block}input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),select,textarea{background-color:var(--color-surface);color:var(--color-text-primary);font-family:inherit}input::placeholder,textarea::placeholder{color:var(--color-text-secondary);opacity:1}.form-control{border:1px solid var(--color-border);background-color:var(--color-surface);width:100%;color:var(--color-text-primary);border-radius:8px;padding:10px;font-family:inherit;font-size:1rem;transition:border-color .2s,background-color .3s}.form-control:focus{border-color:var(--color-secondary);outline:none;box-shadow:0 0 0 3px #0056d226}.btn{background-color:var(--btn-bg);color:#fff;cursor:pointer;text-align:center;border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;padding:12px 24px;font-family:inherit;font-size:1rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #00000014}.btn:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 6px 18px #0000001f}.btn:active{transform:translateY(0)scale(.97);box-shadow:0 2px 4px #0000001a}.btn:disabled{background-color:var(--color-disabled);cursor:not-allowed;box-shadow:none;opacity:.65;transform:none}.btn-purple{color:#fff!important;background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 100%)!important;box-shadow:0 4px 14px #2563eb47!important}.btn-purple:hover{background:linear-gradient(135deg,#1e40af 0%,#1d4ed8 100%)!important;transform:translateY(-2px)scale(1.01)!important;box-shadow:0 6px 20px #2563eb6b!important}.btn-teal{color:#fff!important;background:linear-gradient(135deg,#0f766e 0%,#0d9488 100%)!important;box-shadow:0 4px 14px #0d948847!important}.btn-teal:hover{background:linear-gradient(135deg,#115e59 0%,#0f766e 100%)!important;transform:translateY(-2px)scale(1.02)!important;box-shadow:0 6px 20px #0d94886b!important}.btn-danger-pink{color:#fff!important;background:linear-gradient(135deg,#dc2626 0%,#e11d48 100%)!important;box-shadow:0 4px 12px #dc262647!important}.btn-danger-pink:hover{transform:translateY(-2px)scale(1.03)!important;box-shadow:0 6px 18px #dc262666!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 #0056d266}70%{box-shadow:0 0 0 10px #0056d200}to{box-shadow:0 0 #0056d200}}@keyframes floatAnim{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.animate-fade-in{animation:.35s ease-out forwards fadeIn}.animate-slide-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp}.animate-float{animation:4s ease-in-out infinite floatAnim}.alert{border-radius:8px;margin-bottom:15px;padding:10px;font-size:.9rem}.alert-danger{color:var(--color-danger);background-color:#fde8e8;border:1px solid #fbd5d5}.text-center{text-align:center}.mt-3{margin-top:15px}.mb-3{margin-bottom:15px}.hover-bg{transition:background-color .2s}.hover-bg:hover{background-color:var(--color-background)}.page-header{border-bottom:2px solid var(--color-secondary);color:var(--color-text-primary);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;display:flex}table{border-collapse:separate;border-spacing:0;text-align:right;width:100%;font-size:.95rem}table th{background-color:var(--table-header-bg);color:var(--table-header-text);letter-spacing:.5px;padding:16px;font-size:.95rem;font-weight:700}table th:first-child{border-top-right-radius:8px}table th:last-child{border-top-left-radius:8px}table td{color:var(--color-text-primary);border-bottom:1px solid var(--color-border);vertical-align:middle;padding:16px;transition:background-color .2s}table tbody tr:last-child td{border-bottom:none}table tbody tr:hover td{background-color:var(--color-surface-2)}.btn-outline{border:1px solid var(--color-secondary);color:var(--color-secondary);background-color:#0000}.btn-outline:hover{background-color:var(--color-surface-2);opacity:1}.layout-container{min-height:100vh;display:flex}.sidebar{background-color:var(--sidebar-bg);border-left:1px solid var(--color-border);flex-direction:column;flex-shrink:0;padding:20px 0;transition:width .3s ease-in-out,background-color .3s;display:flex;overflow:hidden}.main-wrapper{flex-direction:column;flex-grow:1;display:flex}.premium-navbar{background-color:var(--navbar-bg);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--color-border);height:70px;box-shadow:var(--shadow-sm);z-index:1000;justify-content:space-between;align-items:center;padding:0 30px;transition:background-color .3s,border-color .3s;display:flex;position:sticky;top:0}.navbar-brand{color:var(--color-text-primary);font-size:1.2rem;font-weight:700}.navbar-user{align-items:center;gap:12px;display:flex}.avatar{background-color:var(--color-secondary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;display:flex}.main-content{background-color:var(--color-background);flex-grow:1;padding:24px;transition:background-color .3s}.nav-link{color:var(--color-text-secondary);white-space:normal;border-inline-start:3px solid #0000;align-items:center;gap:12px;padding:12px 20px;font-size:.95rem;line-height:1.35;text-decoration:none;transition:all .2s ease-in-out;display:flex}.nav-link:hover{background-color:var(--color-surface-2);color:var(--color-secondary);text-decoration:none}.nav-link.active{color:var(--color-secondary);background-color:var(--stat-blue-bg);border-inline-start-color:var(--color-secondary);font-weight:700}.nav-link-accent{background-image:linear-gradient(to inline-end, #6d28d929 0%, #2563eb1a 100%);color:var(--color-text-primary);font-weight:700}.nav-link-accent .nav-icon{color:#a855f7}.nav-link-accent:hover{background-image:linear-gradient(to inline-end, #6d28d942 0%, #2563eb29 100%);color:var(--color-text-primary)}.nav-link.nav-link-accent.active{background-color:#0000;background-image:linear-gradient(to inline-end, #6d28d957 0%, #2563eb33 100%);color:var(--color-text-primary);border-inline-start-color:#a855f7}.nav-link.active .nav-icon{color:var(--color-secondary)}.nav-icon{justify-content:center;align-items:center;width:24px;font-size:1.15rem;display:flex}.nav-text{flex:1}.sub-link{border-right:none;border-radius:8px;margin:2px 10px;padding-right:44px;font-size:.9rem;transition:all .2s ease-in-out}.sub-link:hover{background-color:var(--color-surface-2)!important}.sidebar-collapsed .sub-link{padding-right:20px}.sidebar-collapsed .nav-icon{margin:0 auto}.course-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.course-card{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;padding:0;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.course-card-image{object-fit:cover;width:100%;height:220px;display:block}.course-card.clickable{cursor:pointer}.course-card.clickable:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.course-card.disabled{opacity:.6}.badge{border-radius:20px;padding:4px 10px;font-size:.78rem;font-weight:700;display:inline-block}.badge-success{background-color:var(--stat-green-bg);color:var(--stat-green-text)}.badge-warning{background-color:var(--stat-orange-bg);color:var(--stat-orange-text)}.badge-disabled{background-color:var(--color-surface-2);color:var(--color-text-secondary)}.progress-container{margin-top:auto;padding-top:15px}.progress-bar{background-color:var(--color-border);border-radius:4px;height:8px;margin-top:5px;overflow:hidden}.progress-fill{background-color:var(--color-secondary);border-radius:4px;height:100%;transition:width .4s}.progress-text{color:var(--color-text-secondary);justify-content:space-between;font-size:.8rem;display:flex}.lesson-list{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;overflow:hidden}.lesson-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.lesson-row:last-child{border-bottom:none}.lesson-title-area{align-items:center;gap:15px;display:flex}.lesson-number{background-color:var(--color-surface-2);width:30px;height:30px;color:var(--color-text-secondary);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.lesson-action{color:var(--color-secondary);font-weight:700}.theme-toggle{border:1px solid var(--color-border);background:var(--color-surface-2);width:40px;height:40px;color:var(--color-text-primary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;transition:all .2s;display:flex}.theme-toggle:hover{background:var(--color-border);transform:rotate(20deg)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.course-info-card{position:sticky;top:90px}.auth-split-wrapper{width:100%;min-height:100vh;font-family:Cairo,sans-serif;display:flex}.auth-form-side{background-color:#fff;flex-direction:column;flex:50%;justify-content:center;align-items:center;min-height:100vh;padding:40px 5%;display:flex;position:relative}.auth-hero-side{background:linear-gradient(135deg,#0a192f 0%,#0d2d5e 50%,#0056d2 100%);flex:50%;justify-content:center;align-items:flex-end;min-height:100vh;display:flex;position:relative;overflow:hidden}@media (width<=992px){.auth-hero-side{display:none!important}.auth-form-side{flex:100%!important;justify-content:center!important;width:100%!important;max-width:100%!important;padding:36px 20px!important}.course-info-card{flex:100%!important;width:100%!important;position:static!important}}@media (width<=767.98px){.layout-container{position:relative;flex-direction:column!important}input,select,textarea{font-size:16px!important}.sidebar{z-index:10000!important;height:100vh!important;position:fixed!important;top:0!important;bottom:0!important;right:0!important;box-shadow:-4px 0 24px #00000040!important}.sidebar-collapsed-mobile{visibility:hidden!important;opacity:0!important;width:0!important;overflow:hidden!important;transform:translate(100%)!important}.sidebar-open-mobile{visibility:visible!important;opacity:1!important;width:260px!important;transform:translate(0)!important}.mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background-color:#00000080;position:fixed;inset:0}.premium-navbar,.navbar{height:62px!important;padding:0 14px!important}.main-content{padding:14px 10px!important}.course-grid{grid-template-columns:1fr!important;gap:16px!important}.page-header{flex-direction:column;align-items:flex-start;gap:10px}}@keyframes hero-spin-slow{to{transform:rotate(360deg)}}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes hero-glow-pulse{0%,to{filter:drop-shadow(0 0 10px #06b6d459)}50%{filter:drop-shadow(0 0 28px #06b6d499)}}@keyframes hero-ambient-pulse{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}}.hero-orbit-ring{will-change:transform;animation:26s linear infinite hero-spin-slow}.hero-node-card{will-change:transform;transition:scale .3s,box-shadow .3s;animation:4.5s ease-in-out infinite hero-float;box-shadow:0 0 15px #00f2ff1a}.hero-node-card:hover{scale:1.18;box-shadow:0 0 28px #06b6d48c}.hero-center-glow{will-change:filter;animation:3.2s ease-in-out infinite hero-glow-pulse}.hero-ambient-bg{will-change:opacity, transform;animation:6s ease-in-out infinite hero-ambient-pulse}.site-footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:60px 6%}.site-footer__grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;max-width:1200px;margin:0 auto;display:grid}.site-footer__heading{color:var(--color-text-primary);margin-bottom:20px;font-size:1.1rem;font-weight:700}.site-footer__whatsapp{border:2px solid var(--color-text-primary);color:var(--color-text-primary);background-color:#0000;border-radius:12px;padding:12px 24px;font-size:.9rem;font-weight:700;text-decoration:none;transition:background-color .3s,color .3s;display:inline-block}.site-footer__whatsapp:hover{background-color:var(--color-text-primary);color:var(--color-surface)}.site-footer__links{flex-direction:column;gap:12px;display:flex}.site-footer__link{color:var(--color-text-secondary);align-items:center;gap:10px;font-size:.95rem;text-decoration:none;transition:color .2s;display:flex}.site-footer__link:hover{color:var(--color-text-primary)}.site-footer__brand-column{text-align:right}.site-footer__brand{color:var(--color-text-primary);letter-spacing:1px;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:16px;font-size:2rem;font-weight:700;display:flex}.main-wrapper,.main-content,.premium-navbar,.navbar{min-width:0}img,video,canvas,svg:not(.lucide){max-width:100%}svg.lucide{flex:none}.navbar{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);height:70px;box-shadow:var(--shadow-sm);z-index:1000;justify-content:space-between;align-items:center;padding:0 30px;transition:background-color .3s,border-color .3s;display:flex;position:sticky;top:0}.premium-navbar,.navbar{gap:10px}.navbar-group{align-items:center;gap:10px;min-width:0;display:flex}.navbar-user{flex-shrink:0}.navbar-brand-name{letter-spacing:.05em;white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.navbar-username{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:.88rem;font-weight:600;overflow:hidden}.navbar-icon-btn{background-color:var(--color-surface-2);border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-text-primary);cursor:pointer;border-radius:12px;flex:0 0 40px;justify-content:center;align-items:center;padding:0;transition:background-color .2s,border-color .2s,transform .12s;display:inline-flex;position:relative}.navbar-icon-btn:hover{background-color:var(--color-selected);border-color:var(--color-secondary)}.navbar-icon-btn:active{transform:scale(.94)}.navbar-icon-btn--round{border-radius:50%}.navbar-logout{color:#ef4444;white-space:nowrap;cursor:pointer;background-color:#ef444414;border:1px solid #ef444438;border-radius:12px;justify-content:center;align-items:center;gap:6px;height:40px;padding:0 14px;font-family:inherit;font-size:.82rem;font-weight:700;transition:background-color .2s,color .2s,transform .12s;display:inline-flex}.navbar-logout:hover{color:#fff;background-color:#ef4444}.navbar-logout:active{transform:scale(.96)}.theme-toggle{background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:999px;flex:none;align-items:center;gap:2px;padding:2px;display:inline-flex}.theme-toggle__option{width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;background-color:#0000;border:none;border-radius:50%;flex:0 0 36px;justify-content:center;align-items:center;padding:0;transition:background-color .2s,color .2s;display:inline-flex}.theme-toggle__option[data-active=true]{background-color:var(--color-surface);color:#f59e0b;box-shadow:var(--shadow-sm)}.theme-toggle__option--dark[data-active=true]{background-color:var(--color-secondary);color:#fff}.theme-toggle-compact{display:none}.table-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;width:100%;overflow-x:auto}.public-header{z-index:100;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:12px;padding:14px 6%;display:flex;position:sticky;top:0}.public-header__actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.public-header__brand{color:var(--color-text-primary);align-items:center;gap:8px;min-width:0;font-size:1.3rem;font-weight:700;display:flex}.public-header__cta{white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;height:40px;padding:0 18px;font-size:.88rem;font-weight:700;text-decoration:none;transition:background-color .25s,transform .15s;display:inline-flex}.public-header__cta--ghost{border:2px solid var(--color-primary);color:var(--color-primary);background-color:#0000}.public-header__cta--solid{background-color:var(--color-primary);color:var(--color-surface);border:2px solid var(--color-primary)}.public-header__cta:active{transform:scale(.97)}@media (width<=1023.98px){.navbar-brand-name{display:none}.site-footer{padding:40px 6%}.site-footer__grid{gap:28px}}@media (width<=1024px),(pointer:coarse){.site-footer__link{align-items:center;min-height:44px}}@media (width<=767.98px){.premium-navbar,.navbar,.navbar-group{gap:8px}.navbar-username{display:none}.navbar-logout{padding:0 10px}.navbar-logout span{display:none}.lang-toggle{justify-content:center;width:40px;height:40px;padding:0!important}.lang-toggle span,.theme-toggle{display:none}.theme-toggle-compact{display:inline-flex}.card{border-radius:10px;padding:16px!important}.site-footer{padding:32px 20px}.site-footer__grid{text-align:start;grid-template-columns:1fr;gap:24px}.site-footer__brand-column{text-align:start}.public-header{gap:8px;padding:10px 16px}.public-header__actions{gap:8px}.public-header__cta{height:40px;padding:0 12px;font-size:.8rem}.public-header__brand{font-size:1.05rem}}@media (width<=639.98px){[style*="1fr 1fr"],[style*="2fr 1fr"],[style*="1fr 2fr"]{grid-template-columns:1fr!important}.main-content{padding:12px 10px!important}.public-header__brand span{display:none}}@media (width<=900px){.hero-section{min-height:auto;padding:48px 6%!important}.hero-split{flex-direction:column-reverse;gap:32px!important}.hero-split>*{width:100%;flex:none!important}.hero-split>:first-child{margin-top:72px}}td .btn,td button,th button{white-space:nowrap}.q-type{white-space:nowrap;vertical-align:middle;border-radius:6px;padding:3px 10px;font-size:.78rem;font-weight:700;display:inline-block}.q-type--essay{color:#be185d;background-color:#fce7f3}.q-type--mcq{color:#5b21b6;background-color:#ede9fe}.q-type--mixed{color:#b45309;background-color:#fef3c7}