*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background-color:#0000;background-image:radial-gradient(circle at top,#2563eb33,#0000 35%),radial-gradient(circle at 100% 100%,#38bdf826,#0000 30%),radial-gradient(circle at 0,#1e40af1f,#0000 25%),linear-gradient(135deg,#020617,#020b2d,#000814);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-height:100vh;font-family:sans-serif;overflow-x:hidden}.container{width:90%;max-width:1200px;margin:auto}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#020617eb;border-bottom:1px solid #ffffff0f;padding:1.3rem 0;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;display:flex}.logo{color:#fff;font-size:1.5rem;font-weight:700}.nav{gap:2rem;display:flex}.nav a{color:#cbd5e1;text-transform:uppercase;letter-spacing:2px;font-size:.9rem;text-decoration:none;transition:all .3s}.nav a:hover{color:#38bdf8}.hero{align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-content{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.hero h1{color:#fff;text-transform:uppercase;letter-spacing:-2px;margin-bottom:1.5rem;font-size:5rem;font-weight:900;line-height:1}.hero p{color:#94a3b8;max-width:600px;margin-bottom:2rem;font-size:1.1rem;line-height:1.9}.hero-buttons{gap:1rem;display:flex}.hero-image{justify-content:center;align-items:center;animation:4s ease-in-out infinite float;display:flex}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.primary-btn,.secondary-btn,.whatsapp-btn{text-transform:uppercase;letter-spacing:1px;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:1rem 1.5rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.primary-btn,.whatsapp-btn{color:#fff;background:linear-gradient(135deg,#38bdf8,#2563eb);border:none}.primary-btn:hover,.whatsapp-btn:hover{transform:translateY(-3px);box-shadow:0 0 30px #38bdf840}.secondary-btn{color:#fff;background:0 0;border:1px solid #38bdf859}.secondary-btn:hover{background:#38bdf81f;border-color:#38bdf8}.section{padding:6rem 0}.section h2{color:#fff;margin-bottom:1rem;font-size:3rem}.section-text{color:#94a3b8;margin-top:1rem;line-height:1.9}.card,.timeline-card,.project-card,.testimonial-card,.contact-card,.mode-card,.demo-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172aa6;border:1px solid #38bdf814;border-radius:24px;transition:all .3s;box-shadow:0 10px 40px #02061773}.card:hover,.timeline-card:hover,.project-card:hover,.testimonial-card:hover,.contact-card:hover,.mode-card:hover,.demo-card:hover{border-color:#38bdf866;transform:translateY(-10px);box-shadow:0 0 30px #38bdf81f}.grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:4rem;display:grid}.card{padding:2rem}.timeline{grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:4rem;display:grid}.timeline-card{padding:2rem;overflow:hidden}.curriculum-img{object-fit:cover;border-radius:18px;width:100%;height:220px;margin-bottom:1.5rem}.timeline-grade{color:#fff;background:linear-gradient(135deg,#38bdf8,#2563eb);border-radius:999px;margin-bottom:1rem;padding:.4rem 1rem;font-size:.85rem;font-weight:700;display:inline-block}.platform{color:#38bdf8;margin:1rem 0;font-weight:700;display:inline-block}.projects-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:4rem;display:grid}.project-card{overflow:hidden}.project-img{object-fit:cover;width:100%;height:250px;display:block}.project-content{padding:1.5rem}.project-content h3{color:#fff;margin-bottom:1rem}.project-content p{color:#94a3b8;line-height:1.8}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:4rem;display:grid}.testimonial-card{padding:2rem}.testimonial-top{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.testimonial-avatar{background:linear-gradient(135deg,#38bdf8,#2563eb);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;display:flex}.testimonial-top span{color:#38bdf8;font-size:.9rem}.testimonial-quote{color:#94a3b8;line-height:1.8}.modes-grid{grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:3rem;display:grid}.mode-card{padding:2.5rem}.mode-card h3{color:#fff;margin-bottom:1.5rem;font-size:1.4rem}.mode-card p{color:#94a3b8;margin-bottom:1rem;line-height:1.8}.demo-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a8c;border:1px solid #38bdf814;border-radius:32px;padding:4rem}.demo-content{text-align:center;margin-bottom:3rem}.demo-content h2{color:#fff;margin-bottom:1.5rem;font-size:3rem}.demo-content p{color:#94a3b8;max-width:800px;margin:auto;line-height:1.9}.demo-image{object-fit:cover;border-radius:24px;width:100%;max-width:900px;margin-top:2rem;box-shadow:0 20px 50px #02061773}.demo-options{grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:3rem;display:grid}.demo-card{padding:2.5rem}.demo-card h3{color:#fff;margin-bottom:1.5rem;font-size:1.5rem}.demo-card p{color:#94a3b8;margin-bottom:2rem;line-height:1.8}.contact-grid{grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:4rem;display:grid}.contact-card{text-align:center;padding:2.5rem}.contact-card h3{color:#fff;margin-bottom:1rem}.contact-card p{color:#94a3b8;margin-bottom:2rem;line-height:1.8}.footer{background:#020617f2;border-top:1px solid #ffffff0f;margin-top:5rem;padding:3rem 0}.logo{align-items:center;gap:.8rem;display:flex}.logo-img{object-fit:contain;width:50px;height:50px}.logo-text{flex-direction:column;display:flex}.logo-title{color:#fff;font-size:1.2rem;font-weight:700;line-height:1.1}.logo-subtitle{color:#38bdf8;letter-spacing:1px;text-transform:uppercase;font-size:.72rem}@media (width<=768px){.header-inner{flex-direction:column;gap:1rem;padding:1rem 0}.nav{flex-wrap:wrap;justify-content:center;gap:1rem}.nav a{letter-spacing:1px;font-size:.75rem}.hero{min-height:auto;padding:4rem 0 2rem}.hero-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex}.hero-text{width:100%}.hero h1{letter-spacing:-1px;text-align:center;margin-bottom:1rem;font-size:2.1rem;font-weight:800;line-height:1.1}.hero p{color:#94a3b8;max-width:100%;margin-bottom:2rem;padding:0 1rem;font-size:1rem;line-height:1.8}.hero-buttons{flex-direction:column;gap:1rem;width:100%;padding:0 1rem;display:flex}.primary-btn,.secondary-btn{width:100%}.hero-image{justify-content:center;align-items:center;width:100%;display:flex}.hero-image img,.hero-image video,.hero-image svg{width:90%;max-width:320px;height:auto}.section h2{text-align:center;font-size:2.2rem}.section-text{text-align:center}.grid,.timeline,.projects-grid,.testimonials-grid,.modes-grid,.contact-grid,.demo-options{grid-template-columns:1fr}.demo-box{padding:2rem}.demo-content h2{font-size:2rem}.project-img,.curriculum-img{height:220px}.primary-btn,.secondary-btn,.whatsapp-btn{width:100%}.logo{justify-content:center}.logo-title{font-size:1rem}.logo-subtitle{font-size:.6rem}}.hero h1{font-size:clamp(2.5rem,7vw,5rem)}.section h2{font-size:clamp(2rem,5vw,3rem)}.container{width:min(92%,1200px)}img,video{max-width:100%;height:auto}@media (width<=1024px){.hero-content,.timeline,.projects-grid,.testimonials-grid{grid-template-columns:1fr 1fr}.grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.header-inner{flex-direction:column;gap:1rem}.nav{flex-wrap:wrap;justify-content:center;gap:1rem}.hero{min-height:auto;padding:4rem 0 2rem}.hero-content{text-align:center;grid-template-columns:1fr;gap:2rem}.hero h1{font-size:clamp(2rem,9vw,3rem);line-height:1.1}.hero p{padding:0 .5rem}.hero-buttons{flex-direction:column;width:100%}.primary-btn,.secondary-btn,.whatsapp-btn{width:100%}.hero-image img,.hero-image video,.hero-image svg{width:85%;max-width:300px}.grid,.timeline,.projects-grid,.testimonials-grid,.modes-grid,.contact-grid,.demo-options{grid-template-columns:1fr}}@media (width<=480px){.hero h1,.section h2{font-size:1.8rem}}.project-card,.timeline-card,.demo-card,.mode-card,.contact-card{animation:4s ease-in-out infinite floatCard}.project-card:nth-child(2),.timeline-card:nth-child(2),.demo-card:nth-child(2),.mode-card:nth-child(2){animation-delay:1s}.project-card:nth-child(3),.timeline-card:nth-child(3){animation-delay:2s}@keyframes floatCard{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}