.container,.nav-container{max-width:1200px;margin:0 auto}.hero::before,.nav-menu a::after{position:absolute;left:0;content:''}.hero,.hero-content,.nav-menu a{position:relative}.cert-title,.cta-btn{text-transform:uppercase}.code-rain,.cta-btn,.faq-answer,.faq-item,.hero,.hero-animation,.hero-image{overflow:hidden}.footer-section ul,.nav-menu{list-style:none}.nav-menu a,.nav-menu li a{text-decoration:none;font-weight:500}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;line-height:1.6;color:#333;overflow-x:hidden}.container{padding:0 20px}.navbar{backdrop-filter:blur(10px);transition:.3s}.nav-container{display:flex;justify-content:space-between;align-items:center}.hero,.logo-circle{display:flex;align-items:center}.logo{width:auto;animation:2s infinite pulse}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.nav-menu{display:flex;gap:2rem}.nav-menu a{color:#333;transition:color .3s}.footer-section a:hover,.nav-menu a:hover{color:#6366f1}.nav-menu a::after{width:0;height:2px;bottom:-5px;background:#6366f1;transition:width .3s}.nav-menu a:hover::after{width:100%}.hero{min-height:100vh;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff}.hero::before{top:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero-content{max-width:800px;margin:0 auto;padding:0 20px;z-index:2;animation:1s ease-out slideInLeft;text-align:center}.floating-cubes,.hero-animation,.matrix-rain{position:absolute;top:0;right:0;height:100%}@keyframes slideInLeft{from{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.hero-title{font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-subtitle{font-size:1.1rem;margin-bottom:1rem;opacity:.9;animation:1s ease-out .4s both fadeInUp;font-weight:600;color:gold}.hero-description{font-size:1rem;margin-bottom:2.5rem;opacity:.85;max-width:700px;animation:1s ease-out .6s both fadeInUp;line-height:1.6;margin-left:auto;margin-right:auto}.cta-btn{background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:#fff;border:none;padding:1.2rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:.3s;animation:1s ease-out .8s both fadeInUp;box-shadow:0 6px 20px rgba(255,107,107,.4);letter-spacing:.5px;margin-bottom:20px}.cert-logo,.cert-title,.faq-toggle,.section-title,.stat-number{font-weight:700}.main-image,.stat-item{transition:transform .3s}.cta-btn:hover{background:linear-gradient(45deg,#ee5a24,#ff6b6b);transform:translateY(-3px);box-shadow:0 10px 25px rgba(255,107,107,.5)}.cta-btn.large{padding:1.2rem 2.5rem;font-size:1.2rem}.hero-animation{width:50%;pointer-events:none}.matrix-rain{width:100%;display:flex;justify-content:space-around;align-items:flex-start}.matrix-column{width:2px;height:100%;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.8),transparent);animation:3s linear infinite matrix-fall;opacity:.8}.logo-circle:first-child,.matrix-column:first-child{animation-delay:0s}.matrix-column:nth-child(2){animation-delay:.5s}.matrix-column:nth-child(3),.stat-item:nth-child(2){animation-delay:1s}.matrix-column:nth-child(4){animation-delay:1.5s}.matrix-column:nth-child(5),.stat-item:nth-child(3){animation-delay:2s}@keyframes matrix-fall{0%{transform:translateY(-100%);opacity:0}50%{opacity:1}100%{transform:translateY(100vh);opacity:0}}.floating-cubes{width:100%}.cube,.cube::after,.cube::before{width:40px;height:40px;border:1px solid rgba(255,255,255,.4);position:absolute}.cube{background:rgba(255,255,255,.15);animation:6s ease-in-out infinite cube-float;transform-style:preserve-3d}.cube::before{content:'';top:-10px;left:10px;background:rgba(255,255,255,.08);transform:rotateX(90deg) rotateY(0)}.cube::after{content:'';top:10px;left:-10px;background:rgba(255,255,255,.12);transform:rotateY(90deg) rotateX(0)}.cube-1{top:20%;right:15%;animation-delay:0s}.cube-2{top:60%;right:25%;animation-delay:2s}.cube-3{top:40%;right:8%;animation-delay:4s}.cube-4{top:80%;right:35%;animation-delay:1s}@keyframes cube-float{0%,100%{transform:translateY(0) rotateX(0) rotateY(0)}33%{transform:translateY(-20px) rotateX(120deg) rotateY(120deg)}66%{transform:translateY(-10px) rotateX(240deg) rotateY(240deg)}}.hero-image{position:absolute;right:5%;top:50%;transform:translateY(-50%);width:400px;height:300px;border-radius:50%;animation:6s ease-in-out infinite image-float;z-index:2;border:5px solid rgba(255,107,107,.3)}.main-image{width:100%;height:100%;object-fit:cover}.hero-image:hover .main-image{transform:scale(1.05)}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,107,107,.2),rgba(238,90,36,.2));animation:4s ease-in-out infinite overlay-pulse}.course-logos{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;pointer-events:none}.logo-circle,.shape-1{width:60px;height:60px}.logo-circle{position:absolute;background:#fff;border-radius:50%;justify-content:center;box-shadow:0 4px 15px rgba(0,0,0,.1);animation:20s linear infinite orbit;border:3px solid #ff6b6b}.logo-circle img{width:35px;height:35px;object-fit:contain}.logo-circle:nth-child(2){animation-delay:-5s}.logo-circle:nth-child(3){animation-delay:-10s}.logo-circle:nth-child(4){animation-delay:-15s}@keyframes orbit{0%{transform:rotate(0) translateX(220px) rotate(0)}100%{transform:rotate(360deg) translateX(220px) rotate(-360deg)}}@keyframes image-float{0%,100%{transform:translateY(-50%) rotate(0)}50%{transform:translateY(-55%) rotate(2deg)}}@keyframes overlay-pulse{0%,100%{opacity:.3}50%{opacity:.1}}.shape-1{top:15%;right:15%;background:linear-gradient(45deg,#ff6b6b,#ee5a24);animation-delay:0s}.shape-2{width:40px;height:40px;top:35%;right:8%;background:linear-gradient(45deg,#4834d4,#686de0);animation-delay:1s;border-radius:20%}.shape-3{width:80px;height:80px;top:55%;right:25%;background:linear-gradient(45deg,#00d2d3,#54a0ff);animation-delay:2s}.shape-4{width:30px;height:30px;top:25%;right:40%;background:linear-gradient(45deg,#ff9ff3,#f368e0);animation-delay:3s;border-radius:30%}.shape-5{width:50px;height:50px;top:70%;right:12%;background:linear-gradient(45deg,#feca57,#ff9f43);animation-delay:4s}.shape-6{width:35px;height:35px;top:45%;right:30%;background:linear-gradient(45deg,#1dd1a1,#10ac84);animation-delay:2.5s;border-radius:25%}@keyframes float{0%,100%{transform:translateY(0) rotate(0) scale(1)}33%{transform:translateY(-30px) rotate(120deg) scale(1.1)}66%{transform:translateY(-15px) rotate(240deg) scale(.9)}}.section-title{font-size:2.5rem;text-align:center;margin-bottom:1rem;color:#333;position:relative}.section-title::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px}.section-subtitle{text-align:center;font-size:1.1rem;color:#666;margin-bottom:3rem}.about{padding:5rem 0;background:#f8fafc;margin-top:20px}.course-card,.stat-item{background:#fff;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.1);text-align:center}.about-content{display:grid;grid-template-columns:2fr 1fr;gap:4rem;align-items:center;margin-top:3rem}.about-text p{margin-bottom:1.5rem;font-size:1.1rem;color:#555;animation:1s ease-out fadeInUp}.about-stats{display:flex;flex-direction:column;gap:2rem}.stat-item{padding:2rem}.stat-item:hover{transform:translateY(-5px)}.stat-number{font-size:2.5rem;color:#6366f1;margin-bottom:.5rem}.stat-label{font-size:1rem;color:#666}.certification,.courses{padding:5rem 0}.courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.course-card{padding:2rem;transition:.3s;border:2px solid transparent}.course-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,.15);border-color:#6366f1}.course-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.timeline-dot,.timeline::before{left:50%;transform:translateX(-50%)}.course-card:hover::before{left:100%}.course-icon{width:60px;height:60px;margin:0 auto 1rem;object-fit:contain;transition:.3s;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));animation:4s ease-in-out infinite tech-float;border-radius:50%}.course-card:hover .course-icon{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 8px 16px rgba(0,0,0,.2))}@keyframes tech-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.course-card h3{font-size:1.3rem;font-weight:600;margin-bottom:1rem;color:#333}.course-card p{color:#666;line-height:1.6}.faq,.why-us{padding:5rem 0;background:#f8fafc}.timeline{position:relative;max-width:800px;margin:3rem auto;padding:2rem 0}.timeline::before{content:'';position:absolute;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#6366f1,#8b5cf6,#ec4899);border-radius:2px;animation:2s ease-out timeline-grow}@keyframes timeline-grow{from{height:0}to{height:100%}}.timeline-item{position:relative;margin:3rem 0;animation:.8s ease-out timeline-fade-in}.timeline-item:nth-child(odd) .timeline-content{margin-right:60%;text-align:right}.timeline-item:nth-child(2n) .timeline-content{margin-left:60%;text-align:left}.timeline-dot{position:absolute;top:20px;width:20px;height:20px;background:#6366f1;border:4px solid #fff;border-radius:50%;box-shadow:0 4px 12px rgba(99,102,241,.3);animation:2s ease-in-out infinite dot-pulse;z-index:2}@keyframes dot-pulse{0%,100%{transform:translateX(-50%) scale(1);box-shadow:0 4px 12px rgba(99,102,241,.3)}50%{transform:translateX(-50%) scale(1.2);box-shadow:0 6px 20px rgba(99,102,241,.5)}}.timeline-content{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 8px 25px rgba(0,0,0,.1);position:relative;transition:.3s}.timeline-content:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.15)}.timeline-item:nth-child(odd) .timeline-content::before{content:'';position:absolute;right:-15px;top:20px;width:0;height:0;border:15px solid transparent;border-left-color:#fff}.timeline-item:nth-child(2n) .timeline-content::before{content:'';position:absolute;left:-15px;top:20px;width:0;height:0;border:15px solid transparent;border-right-color:#fff}.timeline-content h3{font-size:1.3rem;font-weight:600;color:#333;margin-bottom:.5rem;background:linear-gradient(45deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.timeline-content p{color:#666;line-height:1.6;margin:0}@keyframes timeline-fade-in{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.why-us-description{text-align:center;font-size:1.1rem;color:#555;max-width:800px;margin:3rem auto 0}.cert-content{display:grid;grid-template-columns:2fr 1fr;gap:6rem;align-items:center;margin-top:3rem}.cert-text p{margin-bottom:1.5rem;font-size:1.1rem;color:#555}.cert-visual{text-align:center}.certificate-mockup{width:350px;height:250px;background:linear-gradient(135deg,#fff 0,#f8f9fa 100%);border:4px solid #6366f1;border-radius:15px;position:relative;margin:0 auto;animation:3s ease-in-out infinite certificate-float;box-shadow:0 15px 35px rgba(99,102,241,.2);padding:20px;display:flex;flex-direction:column;justify-content:space-between;color:#333}.certificate-mockup::before{content:'';position:absolute;top:8px;left:8px;right:8px;bottom:8px;border:2px solid #ff6b6b;border-radius:8px;pointer-events:none}.certificate-mockup::after{content:'✦ ✦ ✦ ✦';position:absolute;top:12px;left:50%;transform:translateX(-50%);color:#6366f1;font-size:10px;letter-spacing:6px}.cert-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px}.cert-logo{width:40px;height:40px;background:#6366f1;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px}.cert-header h3{margin:0;color:#6366f1;font-size:18px}.cert-title{text-align:center;font-size:20px;color:#333;margin-bottom:15px;letter-spacing:1px}.cert-body{text-align:center;flex-grow:1}.cert-body p{margin:5px 0;font-size:12px;color:#666}.course-name,.student-name{font-weight:700;color:#6366f1;font-size:14px;margin:8px 0;border-bottom:1px solid #ddd;padding-bottom:2px}.cert-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:10px;color:#666}.cert-signature{border-top:1px solid #ddd;padding-top:5px;width:80px;text-align:center}@keyframes certificate-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(1deg)}}.hamburger{flex-direction:column;gap:4px}.hamburger span{transition:.3s;width:25px;height:3px;background:#333;border-radius:2px}.hamburger.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}@media (max-width:1024px){.hero-content{max-width:600px}.about-content{grid-template-columns:1fr;gap:3rem}.cert-content{grid-template-columns:1fr;gap:4rem}.cert-text{margin-bottom:2rem}.certificate-mockup{width:300px;height:200px;margin-top:1rem}}@media (max-width:768px){.footer-content,.hero,.nav-menu{text-align:center}.hamburger{display:flex}.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background:rgba(255,255,255,.98);width:100%;transition:left .3s;box-shadow:0 10px 27px rgba(0,0,0,.05);padding:2rem 0;z-index:999}.nav-menu.active{left:0}.nav-menu li{margin:1rem 0}.hero{padding:0 1rem}.hero-title{font-size:1.5rem;margin-bottom:1.5rem;line-height:1.3}.hero-subtitle{font-size:1.1rem;margin-bottom:1rem}.hero-description{font-size:1rem;margin-bottom:2rem}.cta-btn{padding:.8rem 1.5rem;font-size:1rem}.section-title{font-size:2rem}.courses-grid{grid-template-columns:1fr;gap:1.5rem}.course-card{padding:1.5rem}.timeline-dot,.timeline::before{left:30px}.timeline-item:nth-child(2n) .timeline-content,.timeline-item:nth-child(odd) .timeline-content{margin-left:70px;margin-right:0;text-align:left}.timeline-item:nth-child(odd) .timeline-content::before{left:-15px;right:auto;border-left-color:transparent;border-right-color:#fff}.certificate-mockup{width:280px;height:180px;padding:15px;margin-top:2rem}.cert-text{margin-bottom:3rem}.cert-title{font-size:16px}.footer-content{grid-template-columns:1fr;gap:2rem}.floating-cubes,.matrix-rain{display:none}}@media (max-width:480px){.container{padding:0 15px}.hero-title{font-size:1.3rem;line-height:1.4}.cta-btn.large,.hero-subtitle{font-size:1rem}.hero-description{font-size:.9rem}.section-title{font-size:1.8rem}.course-card{padding:1rem}.course-icon{width:50px;height:50px}.stat-item,.timeline-content{padding:1.5rem}.stat-number{font-size:2rem}.certificate-mockup{width:250px;height:160px;padding:12px}.cert-header h3{font-size:16px}.cert-title{font-size:14px}.cta-btn.large{padding:1rem 1.8rem}}.code-rain,.cta-btn::before{height:100%;position:absolute;width:100%;top:0}.faq-container{max-width:800px;margin:3rem auto 0}.faq-item{background:#fff;border-radius:10px;margin-bottom:1rem;box-shadow:0 2px 10px rgba(0,0,0,.1);transition:.3s}.faq-item:hover{box-shadow:0 5px 20px rgba(0,0,0,.15)}.faq-question{padding:1.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:#fff;transition:background .3s}.faq-answer,.faq-question:hover{background:#f8fafc}.faq-question h3{margin:0;font-size:1.1rem;color:#333;font-weight:600}.faq-toggle{font-size:1.5rem;color:#6366f1;transition:transform .3s}.cta-section .section-title,.footer{color:#fff}.faq-item.active .faq-toggle{transform:rotate(45deg)}.faq-answer{max-height:0;transition:max-height .3s}.faq-item.active .faq-answer{max-height:300px}.faq-answer p,.faq-answer ul{padding:0 1.5rem 1.5rem;margin:0;color:#555;line-height:1.6}.faq-answer li,.footer-section ul li{margin-bottom:.5rem}.faq-answer ul{padding-left:3rem}.faq-answer li{color:#666}.cta-section{margin-top:100px;padding:5rem 0;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;text-align:center}.cta-description{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.footer{background:#1f2937;padding:3rem 0 1rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3,.footer-section h4{margin-bottom:1rem;color:#6366f1}.footer-section a{color:#d1d5db;text-decoration:none;transition:color .3s}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #374151;color:#9ca3af}@media (max-width:768px){.course-logos,.floating-cubes,.hero-image,.matrix-rain,.nav-menu{display:none}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.about-content,.cert-content{grid-template-columns:1fr;gap:2rem}.courses-grid{grid-template-columns:1fr}}.nav-menu,.nav-menu li a,.nav-menu.active{display:flex}.fade-in{opacity:0;transform:translateY(50px);transition:.8s cubic-bezier(.25, .46, .45, .94)}.fade-in.visible{opacity:1;transform:translateY(0)}.hero::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,107,107,.3) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(99,102,241,.2) 0,transparent 50%);animation:8s ease-in-out infinite morph;z-index:1}@keyframes morph{0%,100%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:translate3d(0,0,0) rotateZ(.01deg)}34%{border-radius:70% 60% 20% 40%/40% 40% 60% 50%;transform:translate3d(0,5px,0) rotateZ(.01deg)}67%{border-radius:100% 60% 60% 100%/100% 100% 60% 60%;transform:translate3d(0,-3px,0) rotateZ(.01deg)}}.hero-title{text-shadow:0 0 10px rgba(255,255,255,.5);animation:3s ease-in-out infinite glow-pulse}@keyframes glow-pulse{0%,100%{text-shadow:0 0 10px rgba(255,255,255,.5)}50%{text-shadow:0 0 20px rgba(255,255,255,.8),0 0 30px rgba(255,107,107,.5)}}.code-rain{left:0;pointer-events:none}.code-line{position:absolute;color:rgba(255,107,107,.6);font-family:'Courier New',monospace;font-size:14px;white-space:nowrap;animation:8s linear infinite code-fall}.code-line:first-child{left:10%;animation-delay:0s}.code-line:nth-child(2){left:25%;animation-delay:2s}.code-line:nth-child(3){left:50%;animation-delay:4s}.code-line:nth-child(4){left:75%;animation-delay:6s}.code-line:nth-child(5){left:90%;animation-delay:1s}@keyframes code-fall{0%{top:-50px;opacity:0}10%,90%{opacity:1}100%{top:100vh;opacity:0}}.cta-btn{position:relative;transform-style:preserve-3d}.cta-btn::before{content:'';left:0;background:linear-gradient(45deg,rgba(255,255,255,.1),rgba(255,255,255,.3));transform:translateX(-100%);transition:transform .6s}.cta-btn:hover::before{transform:translateX(100%)}.section-title::before{content:'';position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(90deg,transparent,#6366f1,transparent);animation:2s ease-out slide-in}@keyframes slide-in{from{width:0}to{width:60px}}.stat-item{animation:4s ease-in-out infinite gentle-float}@keyframes gentle-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.navbar{background:#fff;position:fixed;width:100%;top:0;left:0;z-index:1000;box-shadow:0 2px 5px rgba(0,0,0,.1);height:70px}.nav-container{display:flex;align-items:center;justify-content:space-between;padding:5px 20px}.logo{height:55px}.nav-menu{gap:20px}.nav-menu li a{color:#333;justify-content:center}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px}@media (max-width:768px){.hamburger{display:flex}}