@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--el-navy:#0b1f3a;--el-blue:#2563eb;--el-bg:#f4f7fb;--el-white:#fff;--el-text:#172033;--el-text-light:#475569;--el-border:#e2e8f0}.elearning-layout{background-color:var(--el-bg);color:var(--el-text);min-height:100vh;font-family:var(--font-main)}.elearning-layout h1,.elearning-layout h2,.elearning-layout h3,.elearning-layout h4{font-family:var(--font-heading);color:var(--el-navy)}.el-container{max-width:1200px;margin:0 auto;padding:0 24px}.el-section{padding:80px 0}.el-btn{background:var(--el-blue);color:var(--el-white);cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.el-btn:hover{background:#1d4ed8}.el-btn-secondary{color:var(--el-navy);border-color:var(--el-border);background:0 0}.el-btn-secondary:hover{background:var(--el-bg)}.el-animate{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(20px)}.el-form-group{margin-bottom:20px}.el-form-label{color:var(--el-text);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.el-form-input{border:1px solid var(--el-border);background:var(--el-white);width:100%;color:var(--el-text);border-radius:6px;padding:12px 16px;font-size:15px;transition:border-color .2s}.el-form-input:focus{border-color:var(--el-blue);outline:none;box-shadow:0 0 0 3px #2563eb1a}.el-course-card{background:var(--el-white);border:1px solid var(--el-border);border-radius:12px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.el-course-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0b1f3a14}.el-courses-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}@media (width<=1024px){.el-courses-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.el-courses-grid{grid-template-columns:1fr}}.el-card{background:#fff;border:1px solid #e1e7ef;border-radius:10px;flex-direction:column;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0b1f3a0a}.el-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0b1f3a1a}.el-card-img-wrap{background:#e2e8f0;width:100%;height:200px;overflow:hidden}.el-card-img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.el-card:hover .el-card-img{transform:scale(1.04)}.el-card-body{flex-direction:column;flex:1;padding:24px;display:flex}.el-card-category{letter-spacing:.08em;text-transform:uppercase;color:#1677e8;margin-bottom:10px;font-size:11px;font-weight:700;display:block}.el-card-title{color:#0b1f3a;margin-bottom:12px;font-size:18px;font-weight:700;line-height:1.3}.el-card-desc{color:#475569;flex:1;margin-bottom:20px;font-size:14px;line-height:1.6}.el-card-meta{border-top:1px solid #e2e8f0;gap:24px;margin-bottom:20px;padding-top:16px;display:flex}.el-card-meta-label{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.el-card-meta-value{color:#0b1f3a;font-size:14px;font-weight:600;display:block}.el-card-btn{color:#fff;text-align:center;background:#1677e8;border-radius:6px;width:100%;padding:12px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s;display:block}.el-card-btn:hover{background:#1260c9}.el-auth-page{background-color:var(--el-bg);justify-content:center;align-items:center;min-height:100vh;padding:60px 24px;display:flex}.el-auth-card{border:1px solid var(--el-border);background:#fff;border-radius:12px;width:100%;max-width:460px;padding:48px 44px;box-shadow:0 20px 40px #0b1f3a14}@media (width<=520px){.el-auth-card{padding:36px 24px}}.el-auth-header{text-align:center;margin-bottom:36px}.el-auth-brand{color:#0b1f3a;letter-spacing:-.01em;margin-bottom:24px;font-size:15px;font-weight:800;text-decoration:none;display:inline-block}.el-auth-brand span{color:#1677e8}.el-auth-title{color:var(--el-navy);margin-bottom:8px;font-size:26px;font-weight:700}.el-auth-subtitle{color:var(--el-text-light);font-size:15px;line-height:1.5}.el-form-label-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.el-form-label-row .el-form-label{margin-bottom:0}.el-forgot-link{color:var(--el-blue);font-size:13px;font-weight:600;text-decoration:none}.el-forgot-link:hover{text-decoration:underline}.el-form-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-bottom:16px;padding:10px 14px;font-size:13px;font-weight:500}.el-btn-full{justify-content:center;width:100%;margin-top:8px;padding:14px}.el-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=480px){.el-form-row{grid-template-columns:1fr;gap:0}}.el-auth-switch{text-align:center;color:var(--el-text-light);margin-top:24px;font-size:14px}.el-auth-switch a{color:var(--el-blue);font-weight:600;text-decoration:none}.el-auth-switch a:hover{text-decoration:underline}.el-navbar{border-bottom:1px solid var(--el-border);z-index:1000;background:#fff;padding:0 24px;position:sticky;top:0}.el-navbar-inner{justify-content:space-between;align-items:center;max-width:1200px;height:72px;margin:0 auto;display:flex}.el-nav-menu-wrapper{align-items:center;gap:40px;display:flex}.el-nav-links{align-items:center;gap:32px;margin:0;padding:0;list-style:none;display:flex}.el-nav-item{color:var(--el-navy);padding:8px 0;font-size:15px;font-weight:600;text-decoration:none;transition:color .2s;position:relative}.el-nav-item:hover,.el-nav-item.active{color:var(--el-blue)}.el-nav-item.active:after{content:"";background:var(--el-blue);border-radius:1px;width:100%;height:2px;position:absolute;bottom:0;left:0}.el-nav-actions{align-items:center;gap:16px;display:flex}.el-mobile-toggle{width:40px;height:40px;color:var(--el-navy);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:none}.el-navbar-subbar{background:#fff;border-top:1px solid #eef2f6;padding:8px 0}.el-navbar-subbar-inner{align-items:center;max-width:1200px;margin:0 auto;display:flex}.el-back-to-main{border:1px solid var(--el-border,#e2e8f0);color:#1e3a5f;background:#f8fafc;border-radius:6px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:500;line-height:1.4;text-decoration:none;transition:all .2s;display:inline-flex}.el-back-to-main:hover{color:#1769d1;background:#eff6ff;border-color:#bfdbfe}.el-back-arrow{flex-shrink:0;transition:transform .2s}.el-back-to-main:hover .el-back-arrow{transform:translate(-3px)}@media (width<=820px){.el-mobile-toggle{display:flex}.el-navbar-subbar{padding:6px 0}.el-back-to-main{padding:5px 12px;font-size:12.5px}.el-nav-menu-wrapper{border-bottom:1px solid var(--el-border);z-index:999;background:#fff;flex-direction:column;gap:20px;padding:20px 24px 28px;display:none;position:fixed;top:116px;left:0;right:0;box-shadow:0 10px 24px #0b1f3a14}.el-nav-menu-wrapper.open{display:flex}.el-nav-links{flex-direction:column;align-items:flex-start;gap:16px;width:100%}.el-nav-item{width:100%;font-size:16px}.el-nav-actions{border-top:1px solid var(--el-border);flex-direction:column;gap:12px;width:100%;padding-top:16px}.el-nav-actions .el-btn{text-align:center;justify-content:center;width:100%}}.mobile-only{display:none}@media (width<=820px){.mobile-only{display:block!important}.learning-sidebar{z-index:1000;height:100%;position:absolute!important}.learning-sidebar.collapsed{position:relative!important}}pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}.navbar{z-index:1000;background:#fff;border-bottom:1px solid #0000;width:100%;height:80px;transition:box-shadow .2s,border-color .2s;position:fixed;top:0;left:0}.navbar.scrolled{border-bottom:1px solid #e5eaf0;box-shadow:0 2px 10px #14253d0d}.navbar-container{height:100%;max-width:var(--container-width);padding:0 var(--container-padding);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.brand-logo{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.brand-symbol{object-fit:contain;width:auto;height:38px;display:block}.brand-logo img{object-fit:contain;width:auto;height:38px}.brand-text{flex-direction:column;justify-content:center;display:flex}.brand-name{font-family:"Space Grotesk", var(--font-heading);letter-spacing:.04em;color:#102a4a;font-size:19px;font-weight:700;line-height:1.1;display:block}.brand-tagline{font-family:var(--font-main);letter-spacing:.08em;color:#1e3a5f;text-transform:uppercase;white-space:nowrap;margin-top:2.5px;font-size:9px;font-weight:600;line-height:1;display:block}.el-brand-badge{color:var(--el-navy,#0b1f3a);letter-spacing:-.02em;border-left:2px solid var(--el-border,#e2e8f0);margin-left:4px;padding-left:12px;font-size:1.1rem;font-weight:700}.nav-menu{align-items:center;gap:32px;height:100%;margin:0;list-style:none;display:flex}.nav-link{color:#14253d;cursor:pointer;background:0 0;border:none;padding:8px 0;font-family:inherit;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.nav-link:hover,.nav-link.active,.nav-dropdown.open>.nav-link{color:#1769d1}@media (width>=1025px){.nav-dropdown:hover>.dropdown-menu{opacity:1;visibility:visible;pointer-events:auto}.nav-dropdown:hover .dropdown-chevron{transform:rotate(180deg)}.nav-dropdown:hover>.nav-link{color:#1769d1}}.nav-link:after{content:"";background:#1769d1;width:0;height:2px;transition:width .2s;position:absolute;bottom:0;left:0}.nav-link:not(.nav-btn-cta):hover:after,.nav-link:not(.nav-btn-cta).active:after{width:100%}.nav-dropdown{align-items:center;height:100%;display:flex;position:relative}.dropdown-toggle{align-items:center;gap:6px;display:inline-flex}.dropdown-chevron{color:currentColor;flex-shrink:0;transition:transform .2s;display:inline-block}.dropdown-chevron.open,.nav-dropdown.open .dropdown-chevron{transform:rotate(180deg)}.dropdown-menu{opacity:0;visibility:hidden;pointer-events:none;z-index:200;background:#fff;border:1px solid #e5eaf0;border-radius:4px;min-width:240px;padding:8px 0;transition:opacity .2s,visibility .2s;position:absolute;top:64px;left:0;box-shadow:0 4px 12px #14253d14}.nav-dropdown.open .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto}.dropdown-menu li{width:100%}.dropdown-menu li a{color:#4b5b6b;white-space:nowrap;padding:10px 24px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:block}.dropdown-menu li a:hover{color:#1769d1;background:#f4f7fa}.nav-btn-cta{background:#1769d1;border:none;border-radius:6px;justify-content:center;align-items:center;padding:10px 20px;font-size:15px;transition:background .2s;color:#fff!important;font-weight:500!important;display:inline-flex!important}.nav-btn-cta:after{display:none!important}.nav-btn-cta:hover{background:#1255a9}.nav-btn-cta svg{display:none}.mobile-toggle{color:#14253d;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;display:none}@media (width<=1024px){.mobile-toggle{display:flex}.nav-menu{background:#fff;border-bottom:1px solid #e5eaf0;flex-direction:column;align-items:flex-start;gap:0;height:auto;padding:16px 0 32px;display:none;position:fixed;top:80px;left:0;right:0;box-shadow:0 8px 16px #14253d14}.nav-menu.open{display:flex}.nav-menu li{width:100%}.nav-link{width:100%;padding:16px var(--container-padding);border-bottom:1px solid #f4f7fa;font-size:16px;display:block}.nav-link:after{display:none!important}.nav-dropdown{flex-direction:column;align-items:stretch}.dropdown-toggle{justify-content:space-between}.dropdown-menu{box-shadow:none;background:#fafcff;border:none;border-top:1px solid #f4f7fa;border-radius:0;min-width:100%;padding:0;display:none;position:static}.nav-dropdown.open .dropdown-menu{display:block}.dropdown-menu li a{padding:14px calc(var(--container-padding) + 16px)}.nav-btn-cta{margin:24px var(--container-padding) 0;width:calc(100% - (var(--container-padding) * 2));justify-content:center}}@media (width<=600px){.brand-logo{gap:8px}.brand-symbol,.brand-logo img{height:32px}.brand-name{font-size:16px}.brand-tagline{letter-spacing:.06em;font-size:8px}.el-brand-badge{padding-left:8px;font-size:.95rem}}@media (width<=380px){.brand-symbol,.brand-logo img{height:28px}.brand-name{font-size:14.5px}.brand-tagline{font-size:7.5px}}.el-footer{color:#cbd5e1;background-color:#0b1f3a;font-family:inherit}.el-footer-main{padding:72px 0 60px}.el-footer-container{max-width:1200px;margin:0 auto;padding:0 24px}.el-footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;display:grid}@media (width<=1024px){.el-footer-grid{grid-template-columns:1fr 1fr;gap:40px}.el-footer-brand{grid-column:1/-1}}@media (width<=600px){.el-footer-grid{grid-template-columns:1fr;gap:32px}}.el-footer-logo{align-items:center;gap:10px;margin-bottom:20px;text-decoration:none;display:flex}.el-footer-logo-text{color:#fff;letter-spacing:-.01em;font-size:18px;font-weight:800}.el-footer-logo-text span{color:#3b82f6}.el-footer-tagline{color:#94a3b8;max-width:300px;font-size:14px;line-height:1.65}.el-footer-col-title{letter-spacing:.1em;text-transform:uppercase;color:#fff;margin-bottom:20px;font-size:12px;font-weight:800}.el-footer-links{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.el-footer-links a{color:#94a3b8;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.el-footer-links a:hover{color:#3b82f6}.el-footer-bottom-bar{background-color:#05101e;border-top:1px solid #ffffff14;padding:24px 0}.el-footer-bottom{color:#64748b;justify-content:space-between;align-items:center;font-size:13px;display:flex}.el-footer-back-link{color:#64748b;font-size:13px;text-decoration:none;transition:color .2s}.el-footer-back-link:hover{color:#3b82f6}@media (width<=600px){.el-footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}}:root{--midnight:#091626;--deep-navy:#0d2138;--navy-blue:#102b48;--blue:#154575;--electric-blue:#0878c9;--cyan-accent:#00bfff;--violet-accent:#7b2cbf;--violet-glow:#7b2cbf1a;--white:#fff;--soft-gray:#5f6870;--page-bg:#fcfbf9;--card-bg:#eee8dd;--card-border:#d8d0c3;--card-border-hover:#00bfff73;--glow-cyan:#00bfff2e;--text-dark:#182027;--text-secondary:#5f6870;--font-main:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Space Grotesk", "Plus Jakarta Sans", sans-serif;--nav-height:72px;--container-width:clamp(1200px, 88vw, 1760px);--container-padding:clamp(24px, 3vw, 48px);--radius-md:14px;--radius-lg:20px;--radius-pill:50px;--transition-fast:.2s ease;--transition-normal:.35s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--page-bg);color:var(--text-dark);font-size:16px;font-family:var(--font-main);overflow-x:hidden}body{background:var(--page-bg);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;position:relative}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}.ambient-background{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.ambient-blob{filter:blur(140px);opacity:.12;border-radius:50%;animation:20s ease-in-out infinite alternate floatBlob;position:absolute}.blob-1{background:radial-gradient(circle,#00bfff40 0%,#0878c91a 100%);width:550px;height:550px;top:-15%;left:25%}.blob-2{background:radial-gradient(circle,#d8d0c399 0%,#eee8dd4d 100%);width:650px;height:650px;animation-delay:-7s;top:45%;right:-10%}.blob-3{background:radial-gradient(circle,#7b2cbf14 0%,#eee8dd26 100%);width:500px;height:500px;animation-delay:-14s;bottom:5%;left:-10%}.cyber-grid{background-image:linear-gradient(#b6ac9e0a 1px,#0000 1px),linear-gradient(90deg,#b6ac9e0a 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#0006 0%,#0000 85%);mask-image:radial-gradient(#0006 0%,#0000 85%)}@keyframes floatBlob{0%{transform:translate(0)scale(1)}50%{transform:translate(50px,40px)scale(1.08)}to{transform:translate(-40px,-30px)scale(.95)}}.container{width:100%;max-width:var(--container-width);padding:0 var(--container-padding);margin:0 auto}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700}.gradient-text{background:linear-gradient(135deg, var(--text-dark) 30%, var(--electric-blue) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-header{text-align:center;margin-bottom:60px}.section-title{color:var(--text-dark);font-size:clamp(2.2rem,4vw,3rem)}.section-description{color:var(--text-secondary);font-size:1.15rem;line-height:1.7}.section{z-index:1;padding:120px 0;position:relative}.section-alt{background:#fff}.btn{border-radius:var(--radius-pill);font-family:var(--font-heading);transition:var(--transition-normal);cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;padding:14px 30px;font-size:.98rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--cyan-accent) 0%, var(--electric-blue) 100%);color:var(--midnight);border:1px solid var(--cyan-accent);box-shadow:0 0 25px #00bfff66}.btn-primary:hover{background:linear-gradient(135deg, #33cdff 0%, var(--cyan-accent) 100%);transform:translateY(-2px);box-shadow:0 0 35px #00bfffa6}.btn-primary:hover svg{transform:translate(4px)}.btn-primary svg{transition:transform .2s}.btn-secondary{color:var(--text-dark);background:#eee8dd;border:1px solid #d8d0c3}.btn-secondary:hover{border-color:var(--electric-blue);color:var(--electric-blue);background:#e2dad0;transform:translateY(-2px);box-shadow:0 4px 16px #0878c91f}.tech-pills-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.tech-pill{border-radius:var(--radius-pill);color:var(--electric-blue);letter-spacing:.03em;background:#0878c914;border:1px solid #0878c933;padding:6px 16px;font-size:.88rem;font-weight:600;display:inline-block}.tech-pill-dot{color:#0878c973;font-weight:700}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}.reveal-delay-6{transition-delay:.6s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}html{scroll-behavior:auto}}@media (width<=768px){.section{padding:80px 0}.section-title{font-size:clamp(1.8rem,5vw,2.4rem)}}@media (width<=480px){.section{padding:60px 0}}