:root{--bg-deep:#050508;--bg-card:#0f0f19a6;--bg-card-hover:#161626d9;--border-glow:#00e5ff26;--border-normal:#ffffff0f;--neon-cyan:#00e5ff;--neon-cyan-glow:#00e5ff66;--neon-violet:#bd00ff;--neon-violet-glow:#bd00ff59;--neon-pink:#ff007a;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--font-sans:"Outfit", "Inter", system-ui, -apple-system, sans-serif;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.4s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-deep);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-deep);min-height:100vh;position:relative;overflow-x:hidden}body:before,body:after{content:"";filter:blur(140px);z-index:-1;pointer-events:none;opacity:.15;border-radius:50%;width:40vw;max-width:500px;height:40vw;max-height:500px;animation:8s ease-in-out infinite alternate pulse-glow;position:absolute}body:before{background:var(--neon-cyan);top:10%;right:-5%}body:after{background:var(--neon-violet);animation-delay:4s;top:60%;left:-5%}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-normal);transition:all var(--transition-smooth);border-radius:16px}.glass-panel:hover{background:var(--bg-card-hover);border-color:#ffffff1f;box-shadow:0 12px 30px #0006}.text-gradient-cyan{background:linear-gradient(135deg, #fff 30%, var(--neon-cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-violet{background:linear-gradient(135deg, #fff 30%, var(--neon-violet) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.btn{letter-spacing:.5px;cursor:pointer;transition:all var(--transition-fast);font-size:16px;font-weight:700;font-family:var(--font-sans);border:none;border-radius:8px;justify-content:center;align-items:center;padding:14px 28px;text-decoration:none;display:inline-flex}.btn-cyan{background:var(--neon-cyan);color:#000;font-weight:800;box-shadow:0 0 15px #00e5ff40}.btn-cyan:hover{box-shadow:0 0 25px var(--neon-cyan-glow);background:#fff;transform:translateY(-2px)}.btn-cyan:active{transform:translateY(0)}.btn-outline{color:var(--text-primary);background:0 0;border:1.5px solid #ffffff26}.btn-outline:hover{border-color:var(--neon-cyan);background:#ffffff0d;transform:translateY(-2px);box-shadow:0 0 15px #00e5ff26}.btn-outline:active{transform:translateY(0)}.badge{letter-spacing:.8px;text-transform:uppercase;border-radius:4px;padding:6px 12px;font-size:11px;font-weight:800;display:inline-flex}.badge-cyan{color:var(--neon-cyan);background:#00e5ff1a;border:1px solid #00e5ff4d}.badge-pink{color:var(--neon-pink);background:#ff007a1a;border:1px solid #ff007a4d}.badge-violet{color:var(--neon-violet);background:#bd00ff1a;border:1px solid #bd00ff4d}@keyframes pulse-glow{0%{opacity:.12;transform:scale(.9)}to{opacity:.18;transform:scale(1.1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:6s ease-in-out infinite float}.navbar-header{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-normal);width:100%;transition:all var(--transition-fast);background:#050508b3;position:fixed;top:0;left:0}.navbar-container{justify-content:space-between;align-items:center;height:80px;display:flex}.logo-text{color:var(--neon-cyan);letter-spacing:-.5px;align-items:center;gap:8px;font-size:22px;font-weight:800;text-decoration:none;display:flex}.navbar-links{gap:32px;list-style:none;display:flex}.navbar-link{color:var(--text-secondary);transition:color var(--transition-fast);font-size:15px;font-weight:500;text-decoration:none}.navbar-link:hover{color:var(--neon-cyan)}.navbar-toggle{color:#fff;cursor:pointer;background:0 0;border:none;display:none}.hero-section{padding:160px 0 80px;position:relative}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;display:grid}.hero-content{flex-direction:flex-start;flex-direction:column;gap:24px;display:flex}.hero-heading{letter-spacing:-1.5px;font-size:54px;font-weight:800;line-height:1.1}.hero-description{color:var(--text-secondary);max-width:500px;font-size:18px;line-height:1.6}.hero-image-container{justify-content:center;align-items:center;display:flex;position:relative}.hero-image{border:1px solid #ffffff14;border-radius:12px;width:100%;max-width:480px;box-shadow:0 20px 40px #0009}.hero-glow-back{z-index:-1;pointer-events:none;background:radial-gradient(circle,#00e5ff14 0%,#0000 70%);width:120%;height:120%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.section-padding{padding:100px 0}.section-header{text-align:center;margin-bottom:60px}.section-title{letter-spacing:-.8px;margin-bottom:12px;font-size:36px;font-weight:800}.section-underline{background:var(--neon-cyan);border-radius:2px;width:60px;height:3px;margin:16px auto 0;box-shadow:0 0 10px #00e5ff80}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{border:1px solid var(--border-normal);flex-direction:column;gap:20px;padding:40px 32px;display:flex}.feature-card:hover{border-color:#00e5ff4d;box-shadow:0 0 30px #00e5ff0d}.feature-icon-wrapper{border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.feature-icon-cyan{color:var(--neon-cyan);background:#00e5ff1a;border:1px solid #00e5ff33}.feature-icon-violet{color:var(--neon-violet);background:#bd00ff1a;border:1px solid #bd00ff33}.feature-title{color:var(--text-primary);font-size:20px;font-weight:700}.feature-text{color:var(--text-secondary);font-size:15px;line-height:1.6}.courses-subheader{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:flex-end;margin-bottom:40px;padding-bottom:20px;display:flex}.courses-subtitle{color:var(--text-secondary);font-size:16px}.courses-date{color:var(--text-muted);letter-spacing:.5px;font-size:12px;font-weight:700}.courses-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.course-card{flex-direction:column;height:100%;display:flex;overflow:hidden}.course-card-popular{border:1px solid #00e5ff59;box-shadow:0 0 35px #00e5ff0f}.course-card-popular:hover{border-color:var(--neon-cyan);box-shadow:0 0 45px #00e5ff1f}.course-image-wrapper{aspect-ratio:16/10;border-bottom:1px solid var(--border-normal);background:#000;width:100%;position:relative;overflow:hidden}.course-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-smooth)}.course-card:hover .course-image{transform:scale(1.05)}.course-badge{z-index:10;position:absolute;top:16px;right:16px}.course-info{flex-direction:column;flex-grow:1;gap:16px;padding:32px 24px;display:flex}.course-title{font-size:22px;font-weight:800;line-height:1.3}.course-description{color:var(--text-secondary);flex-grow:1;font-size:14px;line-height:1.6}.course-footer{margin-top:12px}.mission-card{background:radial-gradient(circle at 10% 20%, #00e5ff0a 0%, transparent 80%), var(--bg-card);border:1px solid #00e5ff1f;align-items:center;gap:32px;padding:48px;display:flex}.mission-icon-box{width:72px;height:72px;color:var(--neon-cyan);background:#00e5ff14;border:1.5px solid #00e5ff40;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mission-content{flex-direction:column;gap:8px;display:flex}.mission-title{font-size:24px;font-weight:800}.mission-text{color:var(--text-secondary);font-size:15px;line-height:1.6}.cta-section{text-align:center;padding:100px 0 120px;position:relative}.cta-container{flex-direction:column;align-items:center;gap:24px;max-width:720px;margin:0 auto;display:flex}.cta-title{letter-spacing:-1px;font-size:42px;font-weight:800}.cta-description{color:var(--text-secondary);margin-bottom:12px;font-size:16px;line-height:1.7}.footer-main{border-top:1px solid var(--border-normal);color:var(--text-muted);background:#020204;padding:60px 0 40px;font-size:14px}.footer-container{flex-direction:column;gap:32px;display:flex}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.footer-bottom{border-top:1px solid #ffffff0a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;display:flex}.footer-links{flex-wrap:wrap;gap:24px;list-style:none;display:flex}.footer-link{color:var(--text-secondary);transition:color var(--transition-fast);text-decoration:none}.footer-link:hover{color:var(--neon-cyan)}.footer-meta{align-items:center;gap:20px;display:flex}.footer-lang-selector{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);align-items:center;gap:6px;display:flex}.footer-lang-selector:hover{color:var(--neon-cyan)}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:1000;opacity:0;pointer-events:none;width:100vw;height:100vh;transition:opacity var(--transition-smooth);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.modal-backdrop.open{opacity:1;pointer-events:all}.modal-content{width:100%;max-width:500px;transition:transform var(--transition-smooth);background:#0d0d14;border:1px solid #00e5ff40;border-radius:16px;padding:40px;position:relative;transform:scale(.9)translateY(20px);box-shadow:0 10px 50px #00e5ff26}.modal-backdrop.open .modal-content{transform:scale(1)translateY(0)}.modal-close{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;position:absolute;top:20px;right:20px}.modal-close:hover{color:#fff}.modal-header{margin-bottom:24px}.modal-title{margin-bottom:8px;font-size:24px;font-weight:800}.modal-subtitle{color:var(--text-secondary);font-size:14px}.form-group{text-align:left;flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{color:var(--text-primary);font-size:14px;font-weight:600}.form-input{color:#fff;width:100%;font-family:var(--font-sans);transition:all var(--transition-fast);background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;padding:12px 16px;font-size:15px}.form-input:focus{border-color:var(--neon-cyan);background:#ffffff0d;outline:none;box-shadow:0 0 10px #00e5ff26}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394A3B8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.form-submit-btn{width:100%;margin-top:10px}.modal-success-screen{flex-direction:column;align-items:center;gap:20px;padding:20px 0;display:flex}.success-icon-box{border:1.5px solid var(--neon-cyan);width:64px;height:64px;color:var(--neon-cyan);background:#00e5ff1a;border-radius:50%;justify-content:center;align-items:center;font-size:32px;display:flex}@media (width<=1024px){.hero-heading{font-size:42px}.features-grid,.courses-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.navbar-links,.navbar-container .btn-outline{display:none}.navbar-toggle{display:block}.hero-grid{text-align:center;grid-template-columns:1fr;gap:36px}.hero-content{align-items:center}.hero-description{margin:0 auto}.features-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.courses-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}.courses-subheader{text-align:center;flex-direction:column;align-items:center;gap:12px}.mission-card{text-align:center;flex-direction:column;padding:32px 24px}.cta-title{font-size:32px}.footer-top{text-align:center;flex-direction:column;gap:20px}.footer-links{justify-content:center}.footer-bottom{text-align:center;flex-direction:column-reverse;gap:16px}}