@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800;900&family=Cormorant+Garamond:wght@500;600;700&family=Great+Vibes&family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@300;400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;0,800;1,400&display=swap";:root{--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#2563eb1a;--primary-glow:#2563eb4d;--secondary:#0ea5e9;--accent:#06b6d4;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--primary-color:#2563eb;--secondary-color:#0ea5e9;--accent-color:#06b6d4;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--bg-page:#f8fafc;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-sidebar:#fff;--bg-navbar:#ffffffeb;--bg-input:#f1f5f9;--bg-input-focus:#fff;--bg-modal:#fff;--bg-overlay:#00000080;--bg-tooltip:#1e293b;--bg-badge:#2563eb14;--bg-dark:#f8fafc;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-placeholder:#94a3b8;--text-inverse:#fff;--text-main:#0f172a;--border:#e2e8f0;--border-strong:#cbd5e1;--border-color:#e2e8f0;--border-focus:#2563eb;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000d, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -1px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--shadow-xl:0 20px 25px -5px #00000014, 0 10px 10px -5px #00000008;--shadow-2xl:0 25px 50px -12px #00000026;--shadow-card:0 4px 20px -2px #0f172a0a;--shadow-nav:0 4px 20px -2px #0f172a0a;--shadow-primary:0 8px 25px #2563eb4d;--sidebar-width:260px;--sidebar-collapsed-width:68px;--sidebar-transition:width .3s cubic-bezier(.4, 0, .2, 1);--navbar-height:72px;--navbar-height-mobile:60px;--font-main:"Outfit", "Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-4xl:clamp(1.75rem, 4vw, 2.5rem);--text-3xl:clamp(1.4rem, 3vw, 2rem);--text-2xl:clamp(1.2rem, 2.5vw, 1.6rem);--text-xl:clamp(1.05rem, 2vw, 1.25rem);--text-lg:clamp(.95rem, 1.5vw, 1.1rem);--text-base:clamp(.875rem, 1.2vw, 1rem);--text-sm:clamp(.8rem, 1vw, .875rem);--text-xs:clamp(.7rem, .9vw, .78rem);--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-full:9999px;--space-section:clamp(3rem, 6vw, 5rem);--space-card:clamp(1rem, 2vw, 1.75rem);--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.35s ease;--transition-theme:background-color .35s ease, color .35s ease, border-color .35s ease, box-shadow .35s ease}[data-theme=dark],.dark{--bg-page:#111827;--bg-card:#1f2937;--bg-card-hover:#263348;--bg-sidebar:#111827;--bg-navbar:#111827f2;--bg-input:#1f2937;--bg-input-focus:#263348;--bg-modal:#1f2937;--bg-overlay:#000000b3;--bg-tooltip:#f1f5f9;--bg-badge:#2563eb26;--bg-dark:#111827;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-placeholder:#64748b;--text-inverse:#0f172a;--text-main:#f1f5f9;--border:#374151;--border-strong:#4b5563;--border-color:#374151;--border-focus:#3b82f6;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -2px #0000004d;--shadow-xl:0 20px 25px -5px #00000080, 0 10px 10px -5px #0000004d;--shadow-2xl:0 25px 50px -12px #0009;--shadow-card:0 4px 20px -2px #0006;--shadow-nav:0 4px 20px #0006;--shadow-primary:0 8px 25px #2563eb66}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-main);background-color:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:var(--transition-theme);-webkit-text-size-adjust:100%;line-height:1.6;overflow-x:hidden}a{color:inherit;transition:color var(--transition-base);text-decoration:none}button{cursor:pointer;outline:none;font-family:inherit}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:var(--radius-sm)}button:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.container{max-width:1280px;margin:0 auto;padding:0 2rem}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}.glass{background:var(--bg-navbar);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);box-shadow:var(--shadow-nav)}.bg-mesh{background-color:var(--bg-page);background-image:radial-gradient(at 0 0,#2563eb0f 0,#0000 50%),radial-gradient(at 50% 0,#06b6d40a 0,#0000 50%),radial-gradient(at 100% 0,#0ea5e90f 0,#0000 50%);position:relative;overflow:hidden}[data-theme=dark] .bg-mesh{background-image:radial-gradient(at 0 0,#2563eb14 0,#0000 50%),radial-gradient(at 50% 0,#06b6d40d 0,#0000 50%),radial-gradient(at 100% 0,#0ea5e912 0,#0000 50%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes floatSlow{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-14px)rotate(1deg)}to{transform:translateY(0)rotate(0)}}@keyframes floatCard{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes pulseGlow{0%{opacity:.8;transform:scale(.95)}to{opacity:1;transform:scale(1.08)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-slide-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUp}.animate-float{animation:6s ease-in-out infinite floatSlow}.btn{border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 12px 30px #2563eb66}.btn-primary:active{transform:translateY(0)}.btn-outline{border:1.5px solid var(--border);color:var(--text-primary);background:0 0}.btn-outline:hover{background:var(--text-primary);color:var(--bg-card);border-color:var(--text-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-ghost{color:var(--text-muted);background:0 0;border:none}.btn-ghost:hover{background:var(--bg-input);color:var(--text-primary)}.btn-icon{border-radius:var(--radius-md);background:var(--bg-input);border:1px solid var(--border);width:38px;height:38px;color:var(--text-muted);transition:all var(--transition-base);justify-content:center;align-items:center;padding:0;display:flex}.btn-icon:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.card{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-card);padding:1.75rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.card:hover{box-shadow:var(--shadow-xl);border-color:#2563eb33;transform:translateY(-4px)}.card-flat{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border);padding:1.75rem}.navbar{z-index:100;width:100%;height:var(--navbar-height);background:var(--bg-navbar);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-nav);transition:var(--transition-theme), box-shadow .3s ease;position:sticky;top:0}.navbar.scrolled{box-shadow:var(--shadow-lg)}.navbar-brand{color:var(--text-primary);align-items:center;gap:.25rem;font-size:1.35rem;font-weight:800;transition:transform .2s;display:flex}.navbar-brand:hover{transform:scale(1.02)}.navbar-search{width:100%;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-input{border-radius:var(--radius-full);background:var(--bg-input);width:100%;color:var(--text-primary);font-size:.9rem;font-family:var(--font-main);border:1.5px solid #0000;outline:none;padding:.6rem 3.5rem .6rem 2.8rem;transition:all .25s}.search-input::placeholder{color:var(--text-placeholder)}.search-input:focus{background:var(--bg-input-focus);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);height:calc(100vh - var(--navbar-height));top:var(--navbar-height);z-index:80;flex-direction:column;flex-shrink:0;transition:width .3s cubic-bezier(.4,0,.2,1),background-color .35s,border-color .35s;display:flex;position:sticky;overflow:hidden}.sidebar.expanded{width:var(--sidebar-width)}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-nav{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-direction:column;flex:1;gap:.25rem;padding:1rem 0;display:flex;overflow:hidden auto}.sidebar-section-label{color:var(--text-placeholder);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;padding:.5rem 1.25rem .35rem;font-size:.68rem;font-weight:800;transition:opacity .2s;overflow:hidden}.sidebar.collapsed .sidebar-section-label{opacity:0;pointer-events:none}.sidebar-link{border-radius:var(--radius-lg);color:var(--text-muted);white-space:nowrap;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.85rem;width:calc(100% - 1.3rem);margin:.1rem .65rem;padding:.7rem .85rem;font-size:.92rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.sidebar-link:hover{background:var(--bg-input);color:var(--text-primary)}.sidebar-link.active{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;font-weight:700;box-shadow:0 2px 8px #2563eb14}.sidebar-link.active .link-icon{color:#2563eb}.sidebar-link .link-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar-link .link-label{text-overflow:ellipsis;flex:1;transition:opacity .2s,width .2s;overflow:hidden}.sidebar.collapsed .link-label{opacity:0;pointer-events:none;width:0}.sidebar-collapse-btn{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;width:calc(100% - 1.3rem);margin:.5rem .65rem;padding:.75rem;transition:all .2s;display:flex}.sidebar-collapse-btn:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.sidebar-support-widget{border:1px solid var(--border);border-radius:var(--radius-xl);background:linear-gradient(135deg,#2563eb14 0%,#0ea5e90f 100%);margin:.75rem;padding:1rem;transition:all .3s;overflow:hidden}.sidebar.collapsed .sidebar-support-widget{justify-content:center;margin:.5rem;padding:.6rem;display:flex}.sidebar-support-text{transition:opacity .2s}.sidebar.collapsed .sidebar-support-text{display:none}.sidebar-link[data-tooltip]:hover:after{content:attr(data-tooltip);background:var(--bg-tooltip);color:var(--text-inverse);border-radius:var(--radius-md);white-space:nowrap;pointer-events:none;z-index:200;box-shadow:var(--shadow-lg);padding:.35rem .75rem;font-size:.82rem;font-weight:600;position:absolute;top:50%;left:calc(100% + .75rem);transform:translateY(-50%)}.main-layout-wrapper{background:var(--bg-page);flex-direction:column;min-height:100vh;transition:background-color .35s;display:flex}.main-content-grid{flex:1;min-height:0;display:flex}.main-content-area{flex:1;min-width:0;overflow-x:hidden}.theme-toggle-btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-input);width:38px;height:38px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.theme-toggle-btn:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.25rem;padding:.2rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.badge-blue{background:var(--primary-light);color:var(--primary)}.badge-red{color:var(--danger);background:#ef44441a}.badge-green{color:var(--success);background:#10b9811a}.badge-yellow{color:var(--warning);background:#f59e0b1a}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.form-input{background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--radius-lg);width:100%;color:var(--text-primary);font-size:.92rem;font-family:var(--font-main);outline:none;padding:.75rem 1rem;transition:all .2s}.form-input::placeholder{color:var(--text-placeholder)}.form-input:focus{background:var(--bg-input-focus);border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-light)}.progress-track{background:var(--border);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%);border-radius:var(--radius-full);height:100%;transition:width .5s}.skeleton{background:linear-gradient(90deg, var(--border) 0%, var(--bg-card-hover) 50%, var(--border) 100%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.dropdown-menu{background:var(--bg-modal);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);z-index:200;min-width:200px;padding:.5rem;animation:.15s fadeIn;position:absolute;top:calc(100% + .5rem);right:0}.dropdown-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.6rem .85rem;font-size:.88rem;font-weight:500;display:flex}.dropdown-item:hover{background:var(--bg-input);color:var(--text-primary)}.dropdown-item.danger{color:var(--danger)}.dropdown-item.danger:hover{background:#ef444414}.dropdown-divider{background:var(--border);height:1px;margin:.35rem 0}.modal-overlay{background:var(--bg-overlay);z-index:300;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-modal);border-radius:var(--radius-2xl);border:1px solid var(--border);width:100%;max-width:500px;box-shadow:var(--shadow-2xl);padding:2rem;animation:.25s slideUp}.tabs-header{border-bottom:1px solid var(--border);gap:0;display:flex}.tab-btn{color:var(--text-muted);font-size:.9rem;font-weight:600;font-family:var(--font-main);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2.5px solid #0000;align-items:center;gap:.4rem;padding:.65rem 1rem;transition:all .2s;display:flex}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.alert{border-radius:var(--radius-lg);border:1px solid;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;font-size:.9rem;display:flex}.alert-info{color:var(--text-primary);background:#2563eb0f;border-color:#2563eb26}.alert-success{color:var(--text-primary);background:#10b9810f;border-color:#10b98126}.alert-warning{color:var(--text-primary);background:#f59e0b0f;border-color:#f59e0b26}.footer{color:#94a3b8;background-color:#0f172a;border-top:1px solid #ffffff0d;padding:4.5rem 0 2rem}[data-theme=dark] .footer{background-color:#030712;border-top:1px solid #ffffff0a}.footer-title{color:#fff;margin-bottom:1.25rem;font-size:1rem;font-weight:700}.footer-link{color:#94a3b8;margin-bottom:.6rem;font-size:.9rem;transition:all .2s;display:block}.floating-container{justify-content:center;align-items:center;width:100%;height:450px;display:flex;position:relative}.floating-block{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);background:var(--bg-card);border:1px solid var(--border);align-items:center;gap:.65rem;padding:.85rem 1.25rem;animation:6s ease-in-out infinite floatCard;display:flex;position:absolute}.blob-glow{filter:blur(40px);z-index:0;pointer-events:none;background:radial-gradient(circle,#06b6d426 0%,#0000 70%);border-radius:50%;animation:20s ease-in-out infinite alternate floatSlow;position:absolute}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.lecture-breadcrumb{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.85rem;display:flex}.lecture-breadcrumb a{color:var(--primary);font-weight:600}.lecture-breadcrumb a:hover{text-decoration:underline}.lecture-breadcrumb .sep{color:var(--border-strong)}.lecture-video-container{border-radius:var(--radius-xl);aspect-ratio:16/9;box-shadow:var(--shadow-2xl);border:1px solid var(--border);background:#000;position:relative;overflow:hidden}.instructor-card{background:var(--bg-input);border-radius:var(--radius-lg);border:1px solid var(--border);align-items:center;gap:.85rem;padding:.85rem 1.1rem;display:flex}.mark-complete-btn{border-radius:var(--radius-full);cursor:pointer;border:2px solid;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.88rem;font-weight:700;transition:all .2s;display:flex}.mark-complete-btn.completed{border-color:var(--success);color:var(--success);background:#10b9811a}.mark-complete-btn.incomplete{border-color:var(--border-strong);color:var(--text-muted);background:0 0}.mark-complete-btn.incomplete:hover{border-color:var(--success);color:var(--success);background:#10b9810f}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 1.5rem;display:flex}.empty-state-icon{background:var(--bg-input);border-radius:var(--radius-xl);width:56px;height:56px;color:var(--text-placeholder);justify-content:center;align-items:center;margin-bottom:.5rem;display:flex}@media (width<=1024px){.floating-container{height:300px;margin-top:2rem}.sidebar{top:var(--navbar-height);height:calc(100vh - var(--navbar-height));z-index:90;transition:transform .3s,background-color .35s;position:fixed;left:0;transform:translate(-100%);width:var(--sidebar-width)!important}.sidebar.mobile-open{transform:translate(0)}.main-content-grid{display:block}.desktop-only{display:none!important}}@media (width>=1025px){.mobile-only{display:none!important}}@media (width<=640px){.container{padding:0 1rem}.btn{padding:.65rem 1.2rem;font-size:.85rem}.btn-block{justify-content:center;width:100%}}@media (width<=768px){.container{padding:0 1rem!important}.hero-responsive-card{border-radius:1.5rem!important;padding:2rem 1.25rem!important}.hero-responsive-grid{grid-template-columns:1fr!important;gap:2rem!important}.hero-title-responsive{font-size:2rem!important;line-height:1.25!important}.hero-educator-img{height:280px!important}.hero-stats-responsive{grid-template-columns:1fr!important;gap:1rem!important}.hero-stats-responsive>div{border-top:1px solid #ffffff1f;padding-top:.85rem;border-left:none!important;padding-left:0!important}.features-responsive-grid{grid-template-columns:1fr!important;gap:1.25rem!important}.cta-responsive-banner{text-align:center!important;border-radius:1.5rem!important;flex-direction:column!important;padding:2.25rem 1.35rem!important}.cta-responsive-banner .btn{justify-content:center!important;width:100%!important}.page-banner-responsive{border-radius:1.35rem!important;flex-direction:column!important;align-items:stretch!important;padding:2rem 1.25rem!important}.page-title-responsive{font-size:1.85rem!important;line-height:1.25!important}}@media (width<=480px){.hero-title-responsive{font-size:1.7rem!important}.btn{justify-content:center;width:100%}}@media (width<=768px){img,iframe{max-width:100%!important}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}.modal-content,[role=dialog]{width:96%!important;max-width:96%!important;margin:.5rem auto!important;padding:1.25rem!important}.flex-col-mobile{flex-direction:column!important}.text-center-mobile{text-align:center!important}.w-full-mobile{width:100%!important;max-width:100%!important}.hide-on-mobile{display:none!important}.show-on-mobile{display:flex!important}.gap-mobile-sm{gap:.75rem!important}.modal-bottom-sheet{border-radius:1.5rem 1.5rem 0 0!important;width:100%!important;max-width:100%!important;max-height:90vh!important;margin:0!important;position:fixed!important;inset:auto 0 0!important;overflow-y:auto!important}}.footer-link{color:#475569;align-items:center;gap:.4rem;width:fit-content;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.footer-link:hover{color:#2563eb;transform:translate(6px)}.footer-link .link-arrow{opacity:0;transition:all .25s;transform:translate(-4px)}.footer-link:hover .link-arrow{opacity:1;transform:translate(0)}.footer-contact-item{border-radius:.75rem;align-items:center;gap:.75rem;padding:.5rem .65rem;transition:all .25s;display:flex}.footer-contact-item:hover{background:#eff6ff;transform:translate(5px)}.streak-hover-pill{transition:all .25s}.streak-hover-pill:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b4d!important}.streak-tooltip-popup{color:#fff;opacity:0;visibility:hidden;z-index:100;pointer-events:none;background:#0f172a;border:1px solid #334155;border-radius:.85rem;width:290px;padding:.85rem 1rem;transition:all .25s cubic-bezier(.16,1,.3,1);position:absolute;top:125%;left:0;transform:translateY(8px)scale(.96);box-shadow:0 10px 25px -5px #0006,0 8px 10px -6px #0000004d}.streak-hover-pill:hover .streak-tooltip-popup{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.streak-tooltip-popup:before{content:"";background:#0f172a;border-top:1px solid #334155;border-left:1px solid #334155;width:12px;height:12px;position:absolute;top:-6px;left:24px;transform:rotate(45deg)}.hero-animated-logo-stage{-webkit-user-select:none;user-select:none;width:480px;height:480px;transform-style:preserve-3d;border-radius:50%;justify-content:center;align-items:center;margin:0 auto;display:flex;position:relative}.hero-bg-grid{pointer-events:none;background-image:radial-gradient(#2563eb1f 1.5px,#0000 1.5px);background-size:24px 24px;border-radius:50%;position:absolute;inset:-20px;-webkit-mask-image:radial-gradient(circle,#000c 20%,#0000 70%);mask-image:radial-gradient(circle,#000c 20%,#0000 70%)}.hero-radial-glow{filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#38bdf840 0%,#2563eb26 50%,#0000 75%);border-radius:50%;width:320px;height:320px;transition:all .4s;animation:4s ease-in-out infinite alternate pulseGlow;position:absolute}.hero-radial-glow.hover-active{filter:blur(45px);background:radial-gradient(circle,#38bdf866 0%,#8b5cf640 55%,#0000 80%);transform:scale(1.1)}.hero-secondary-glow{filter:blur(35px);pointer-events:none;background:radial-gradient(circle,#10b9812e 0%,#0000 70%);border-radius:50%;width:220px;height:220px;position:absolute}.hero-particle{pointer-events:none;background:#2563eb80;border-radius:50%;animation:6s ease-in-out infinite floatParticle;position:absolute;box-shadow:0 0 10px #38bdf899}.particle-1{background:#38bdf8;width:8px;height:8px;animation-delay:0s;top:12%;left:18%}.particle-2{background:#818cf8;width:6px;height:6px;animation-delay:1.5s;top:75%;left:15%}.particle-3{background:#34d399;width:10px;height:10px;animation-delay:3s;top:22%;right:14%}.particle-4{background:#f43f5e;width:7px;height:7px;animation-delay:4.5s;bottom:18%;right:22%}.particle-5{background:#f59e0b;width:5px;height:5px;animation-delay:2s;top:50%;left:6%}.hero-ring{transform-style:preserve-3d;will-change:transform;border-radius:50%;position:absolute;top:50%;left:50%}.hero-ring-inner{border:2px dashed #2563eb73;width:260px;height:260px;margin-top:-130px;margin-left:-130px;animation:12s linear infinite rotateClockwise;box-shadow:0 0 15px #2563eb26,inset 0 0 15px #2563eb1a}.ring-dot-node{background:#2563eb;border:2px solid #fff;border-radius:50%;width:12px;height:12px;margin-left:-6px;position:absolute;top:-6px;left:50%;box-shadow:0 0 12px #2563eb}.hero-ring-middle{border:1.5px solid #6366f159;width:360px;height:360px;margin-top:-180px;margin-left:-180px;animation:18s linear infinite rotateCounterClockwise;box-shadow:0 0 20px #6366f126}.ring-accent-dash{background:linear-gradient(90deg,#6366f1,#818cf8);border-radius:9999px;width:40px;height:4px;position:absolute;box-shadow:0 0 10px #6366f1}.dash-left{top:50%;left:-20px;transform:translateY(-50%)}.dash-right{top:50%;right:-20px;transform:translateY(-50%)}.hero-ring-outer{border:1px solid #0ea5e94d;width:450px;height:450px;margin-top:-225px;margin-left:-225px;animation:25s linear infinite rotateClockwise;box-shadow:0 0 25px #0ea5e91f}.ring-pulse-node{background:#0ea5e9;border-radius:50%;width:10px;height:10px;position:absolute;box-shadow:0 0 12px #0ea5e9}.node-top-right{top:15%;right:15%}.node-bottom-left{bottom:15%;left:15%}.hero-orbit-track{pointer-events:none;border-radius:50%;width:450px;height:450px;margin-top:-225px;margin-left:-225px;animation:25s linear infinite rotateClockwise;position:absolute;top:50%;left:50%}.hero-orbit-item{pointer-events:auto;justify-content:flex-end;width:450px;height:0;margin-top:0;margin-left:-225px;display:flex;position:absolute;top:50%;left:50%}.hero-orbit-icon-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;border:1.5px solid #fffc;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-right:-22px;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:25s linear infinite rotateCounterClockwise;display:flex;position:relative;box-shadow:0 6px 16px #0f172a14,0 0 12px #ffffff80}.hero-orbit-icon-badge:hover{z-index:30;transform:scale(1.25)!important;box-shadow:0 12px 24px #2563eb40,0 0 18px!important}.hero-orbit-tooltip{color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;background:#0f172a;border-radius:.5rem;padding:.25rem .6rem;font-size:.72rem;font-weight:700;transition:all .2s;position:absolute;bottom:115%;left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 4px 12px #0003}.hero-orbit-icon-badge:hover .hero-orbit-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.hero-center-logo-container{z-index:20;cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-logo-glass-card{-webkit-backdrop-filter:none;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:252px;height:252px;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 4px #2563eb1f,0 0 35px #38bdf859,0 20px 50px -10px #2563eb33}.hero-center-logo-img{object-fit:cover;filter:drop-shadow(0 2px 8px #2563eb26);border-radius:50%;width:100%;height:100%;transition:transform .3s;display:block}.hero-logo-fallback{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.hero-logo-brand-pill{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #2563eb33;border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .65rem;font-size:.72rem;font-weight:800;display:inline-flex}.hero-logo-brand-pill .brand-dot{background:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #10b981}@keyframes rotateClockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateCounterClockwise{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes livePulse{0%,to{box-shadow:0 0 0 3px #10b98140}50%{box-shadow:0 0 0 6px #10b98114}}@keyframes floatParticle{0%,to{opacity:.7;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-14px)scale(1.15)}}@media (width<=1024px){.hero-animated-logo-stage{width:400px;height:400px}.hero-ring-inner{width:220px;height:220px;margin-top:-110px;margin-left:-110px}.hero-ring-middle{width:300px;height:300px;margin-top:-150px;margin-left:-150px}.hero-ring-outer,.hero-orbit-track{width:380px;height:380px;margin-top:-190px;margin-left:-190px}.hero-orbit-item{width:380px;margin-left:-190px}.hero-orbit-icon-badge{width:38px;height:38px;margin-right:-19px}.hero-logo-glass-card{border-radius:50%;width:214px;height:214px;padding:0}.hero-center-logo-img,.hero-logo-fallback{border-radius:50%;width:100%;height:100%}}@media (width<=640px){.hero-animated-logo-stage{width:320px;height:320px}.hero-radial-glow{width:220px;height:220px}.hero-ring-inner{width:170px;height:170px;margin-top:-85px;margin-left:-85px}.hero-ring-middle{width:230px;height:230px;margin-top:-115px;margin-left:-115px}.hero-ring-outer,.hero-orbit-track{width:300px;height:300px;margin-top:-150px;margin-left:-150px}.hero-orbit-item{width:300px;margin-left:-150px}.hero-orbit-icon-badge{width:32px;height:32px;margin-right:-16px}.hero-logo-glass-card{border-radius:50%;width:164px;height:164px;padding:0}.hero-center-logo-img,.hero-logo-fallback{border-radius:50%;width:100%;height:100%}.hero-logo-brand-pill{padding:.15rem .45rem;font-size:.65rem}}@media (prefers-reduced-motion:reduce){.hero-ring-inner,.hero-ring-middle,.hero-ring-outer,.hero-orbit-track,.hero-orbit-icon-badge,.hero-radial-glow,.hero-particle{animation:none!important}}.hover-lift{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),border-color .3s}.hover-lift:hover{transform:translateY(-5px);box-shadow:0 16px 32px -8px #2563eb24,0 4px 12px #0f172a0d}.glass-card-light{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);background:#ffffffe0;border:1px solid #e2e8f0cc;box-shadow:0 10px 30px -5px #0f172a0a}.glow-border{transition:border-color .25s,box-shadow .25s}.glow-border:hover,.glow-border:focus-within{border-color:#2563eb66!important;box-shadow:0 0 0 4px #2563eb1a!important}.shimmer-loading{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;animation:1.8s linear infinite shimmer}@media (width<=767px){.mobile-only-resources{flex-direction:column!important;display:flex!important}.mobile-only{display:inline-flex!important}.desktop-only-sidebar,.desktop-only,.hide-mobile{display:none!important}}@media (width>=768px){.mobile-only-resources,.mobile-only{display:none!important}.desktop-only-sidebar{display:flex!important}.hide-tablet,.hide-desktop{display:none!important}}.touch-target{justify-content:center;align-items:center;min-width:48px;min-height:48px;display:inline-flex}button,.btn,input,select,textarea{touch-action:manipulation}.grid-responsive-4{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.grid-responsive-3{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.grid-responsive-2{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:1.5rem;display:grid}.grid-auto-fill-sm{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:1.25rem;display:grid}.responsive-table-container{width:100%;overflow-x:auto}.aspect-ratio-16-9{background:#000;border-radius:1.25rem;width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.aspect-ratio-16-9 iframe,.aspect-ratio-16-9 video,.aspect-ratio-16-9 .video-element{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.bottom-sheet-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#0f172aa6;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.bottom-sheet-card{background:#fff;border-top-left-radius:1.75rem;border-top-right-radius:1.75rem;width:100%;max-width:640px;max-height:85vh;padding:1.5rem;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto;box-shadow:0 -10px 30px #0003}@media (width<=1280px){.grid-responsive-4{grid-template-columns:repeat(3,1fr)}}@media (width<=1023px) and (width>=768px){.grid-responsive-4,.grid-responsive-3{grid-template-columns:repeat(2,1fr)}}.lecture-main-grid{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);align-items:start;gap:2rem;display:grid}.lecture-info-panel{grid-area:1/1}.lecture-discussion-panel{grid-area:2/1}.lecture-resources-panel{top:calc(var(--navbar-height) + 1rem);grid-area:1/2/span 2;position:sticky}@media (width<=1023px){.lecture-main-grid{flex-direction:column!important;gap:1.5rem!important;display:flex!important}.lecture-info-panel{order:1!important}.lecture-resources-panel{order:2!important;position:relative!important;top:0!important}.lecture-discussion-panel{order:3!important}.grid-responsive-4,.grid-responsive-3{grid-template-columns:repeat(2,1fr)}.hide-tablet{display:none!important}}@media (width<=767px){.grid-responsive-4,.grid-responsive-3,.grid-responsive-2{grid-template-columns:1fr!important}.hide-mobile{display:none!important}.mobile-full-width{width:100%!important}.mobile-padding-sm{padding:1rem!important}.responsive-table-card table,.responsive-table-card thead,.responsive-table-card tbody,.responsive-table-card th,.responsive-table-card td,.responsive-table-card tr{display:block}.responsive-table-card thead tr{position:absolute;top:-9999px;left:-9999px}.responsive-table-card tr{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;margin-bottom:1rem;padding:1rem;box-shadow:0 2px 8px #00000005}.responsive-table-card td{text-align:right;border:none;margin-bottom:.5rem;padding-left:45%;position:relative}.responsive-table-card td:before{content:attr(data-label);white-space:nowrap;text-align:left;color:#475569;width:40%;padding-right:10px;font-size:.8rem;font-weight:800;position:absolute;left:0}.navbar{height:var(--navbar-height-mobile,60px)!important}.navbar-brand img{width:40px!important;height:40px!important}.navbar-brand-text-sub{display:none!important}.navbar>div{gap:.5rem!important;padding:0 .85rem!important}}@media (width<=480px){.navbar-brand-name{font-size:1.05rem!important}}.page-content{padding:clamp(1rem,3vw,2rem)}@media (width<=767px){.page-content{padding:1rem}.page-section{padding:1.5rem 0!important}.card,.card-flat{border-radius:var(--radius-lg);padding:1.25rem}.form-row-2col{grid-template-columns:1fr!important}.form-input,.form-select,.form-textarea{min-height:48px;font-size:1rem}label{font-size:.875rem}}.btn{min-height:44px}@media (width<=767px){.btn{min-height:48px}.btn-icon{min-width:44px;min-height:44px}}.community-mobile-tabs{display:none}@media (width<=768px){.community-left-sidebar,.community-right-sidebar{display:none!important}.community-mobile-tabs{background:var(--bg-card);border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;scrollbar-width:none;top:var(--navbar-height-mobile,60px);z-index:50;gap:.5rem;padding:.75rem 1rem;display:flex;position:sticky;overflow-x:auto}.community-mobile-tabs::-webkit-scrollbar{display:none}.community-mobile-tab-btn{border-radius:var(--radius-full);border:1.5px solid var(--border);background:var(--bg-input);color:var(--text-muted);white-space:nowrap;cursor:pointer;flex-shrink:0;align-items:center;gap:.35rem;min-height:36px;padding:.45rem .9rem;font-size:.82rem;font-weight:600;transition:all .18s;display:flex}.community-mobile-tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.community-feed-area{width:100%!important}}@media (width<=1023px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width<=640px){.admin-stats-grid{grid-template-columns:1fr!important}.admin-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-content-padding{padding:1rem!important}}@media (width<=768px){.cert-learn-grid{flex-direction:column!important}.cert-lesson-sidebar{border-bottom:1px solid var(--border);max-height:280px;overflow-y:auto;border-right:none!important;width:100%!important}.quiz-panel{padding:1rem!important}.quiz-option-btn{min-height:52px!important;font-size:.9rem!important}}.video-aspect-wrapper{border-radius:var(--radius-xl);background:#000;width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.video-aspect-wrapper iframe,.video-aspect-wrapper video,.video-aspect-wrapper>*{border-radius:var(--radius-xl);border:0;width:100%;height:100%;position:absolute;top:0;left:0}@media (width<=767px){.ai-chatbot-window{z-index:9999!important;border-radius:0!important;width:100%!important;height:100%!important;max-height:100%!important;position:fixed!important;inset:0!important}.ai-chatbot-fab{bottom:1.25rem!important;right:1.25rem!important}}@media (width<=1023px){.footer-grid{grid-template-columns:repeat(2,1fr)!important;gap:2rem!important}}@media (width<=640px){.footer-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.footer{padding:3rem 0 1.5rem!important}.footer-bottom-bar{text-align:center!important;flex-direction:column!important;gap:.75rem!important}}@media (width<=768px){.profile-hero-grid{text-align:center!important;flex-direction:column!important;align-items:center!important}.profile-stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width<=480px){.profile-stats-grid{grid-template-columns:1fr!important}}@media (width<=768px){.report-card-grid{grid-template-columns:1fr!important}.report-stat-grid{grid-template-columns:repeat(2,1fr)!important}.report-chart-container{height:220px!important}}@media (width<=480px){.report-stat-grid{grid-template-columns:1fr!important}}.table-scroll-wrapper{-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);border:1px solid var(--border);width:100%;overflow-x:auto}.table-scroll-wrapper table{width:100%;min-width:600px}.notes-grid{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:1.25rem;display:grid}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:1.5rem;display:grid}.filter-chips-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.filter-chip{border-radius:var(--radius-full);border:1.5px solid var(--border);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;white-space:nowrap;flex-shrink:0;align-items:center;gap:.35rem;min-height:36px;padding:.4rem .85rem;font-size:.82rem;font-weight:600;transition:all .18s;display:inline-flex}.filter-chip.active,.filter-chip:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.tab-strip-scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:.25rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.tab-strip-scroll::-webkit-scrollbar{display:none}.stack-col{flex-direction:column;display:flex}.flex-wrap-mobile{flex-wrap:wrap}.section-pad{padding:var(--space-section) 0}@supports (padding:max(0px)){.navbar{padding-left:max(1.5rem, env(safe-area-inset-left));padding-right:max(1.5rem, env(safe-area-inset-right))}.mobile-drawer-left{padding-left:max(0px, env(safe-area-inset-left));padding-bottom:max(1rem, env(safe-area-inset-bottom))}}@media print{.navbar,.sidebar,.mobile-drawer,.ai-chatbot-fab,.ai-chatbot-window,footer{display:none!important}body{background:#fff!important}.main-content-area{padding:0!important}}