:root{--blue:#2737e8;--purple:#6638ed;--yellow:#ffd21f;--text:#17184b;--muted:#69708a;--bg:#f9faff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.6}.container{width:min(1180px,92%);margin:auto}a{text-decoration:none;color:inherit}
.navbar{height:78px;background:white;display:flex;align-items:center;gap:30px;padding:0 4%;position:sticky;top:0;z-index:20;box-shadow:0 3px 20px #10164b12}.logo{display:grid;grid-template-columns:42px auto;line-height:20px;color:#3150df;font-size:22px;position:relative}.logo span{grid-row:span 2;border:3px solid #3150df;border-radius:10px;padding:6px}.logo small{font-size:8px;letter-spacing:3px}.navbar nav{display:flex;gap:25px;margin-left:auto;font-size:14px;font-weight:700}.navbar nav a.active{color:#3045e9;border-bottom:2px solid #3045e9;padding-bottom:5px}.nav-actions{display:flex;align-items:center;gap:10px}.cart{border:0;background:white;font-size:20px;position:relative}.cart i{font-size:9px;background:#4d50ee;color:white;border-radius:50%;padding:2px 5px;position:absolute;top:-5px;right:-7px}.login,.register{padding:10px 20px;border-radius:25px;font-weight:800;font-size:13px}.login{border:1px solid #5663ff;color:#3546df}.register{background:#3d4cf0;color:white}.menu-toggle{display:none;border:0;background:none;font-size:26px}
.hero{background:linear-gradient(125deg,#222ed5,#3f54ff);color:white;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;bottom:-1px;left:-5%;width:110%;height:55px;background:var(--bg);border-radius:50% 50% 0 0/100% 100% 0 0}.hero-grid{min-height:460px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:60px 0 80px}.badge{font-size:12px;font-weight:900;letter-spacing:1px}.hero h1{font-size:60px;line-height:1.02;margin:15px 0}.hero h1 em{color:var(--yellow);font-style:normal}.hero p{max-width:600px;font-size:17px;color:#eef0ff}.actions{display:flex;gap:12px;margin:28px 0}.btn{display:inline-block;padding:13px 22px;border-radius:30px;font-weight:900;border:0;cursor:pointer}.yellow{background:var(--yellow);color:#161b56}.outline{border:1px solid white;color:white}.hero-points{display:flex;flex-wrap:wrap;gap:18px;font-size:12px;font-weight:700}.hero-art{height:330px;position:relative}.code-card{position:absolute;right:15%;top:10px;width:290px;background:#18205d;border-radius:20px;padding:20px;transform:rotate(-6deg);box-shadow:0 25px 60px #111a8d88}.code-card code{font-size:19px;color:#fff}.code-card code b{color:#55e7a0}.code-card code span{color:#ffd66e}.kids{position:absolute;bottom:20px;right:15%;font-size:100px;letter-spacing:-25px;filter:drop-shadow(0 10px 10px #0004)}.robot{position:absolute;right:0;bottom:0;font-size:70px}.star{position:absolute;color:var(--yellow);font-size:35px}.s1{top:20px;right:5%}.s2{bottom:100px;left:8%}
.trust{background:white;padding:22px 0}.trust-row{display:flex;justify-content:space-between;align-items:center;text-align:center}.trust-row div{display:flex;flex-direction:column}.trust-row b{font-size:18px}.trust-row small{color:var(--muted)}
.section{padding:70px 0}.section-title{text-align:center;margin-bottom:38px}.section-title span{font-size:11px;letter-spacing:2px;font-weight:900;color:#5361f5;background:#eef0ff;padding:7px 14px;border-radius:20px}.section-title h2{font-size:34px;margin:15px 0 5px}.section-title p{color:var(--muted)}.course-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.course{background:white;border-radius:18px;padding:13px;box-shadow:0 8px 25px #1d24500d}.course-img{height:180px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:70px;position:relative}.course-img small{position:absolute;bottom:12px;right:12px;font-size:10px;font-weight:900;color:white}.purple{background:#7652ed}.blue{background:#3199ec}.orange{background:#ff7549;color:white}.dark{background:#232a78;color:#fff}.course label{display:inline-block;margin-top:14px;background:#d9f7d5;color:#229a45;border-radius:20px;padding:4px 9px;font-size:9px;font-weight:900}.course h3{font-size:17px;margin:8px 0}.course p{font-size:13px;color:var(--muted);min-height:60px}.course>small{font-size:10px;color:#667}.course strong{display:block;color:#12a94e;font-size:18px;margin:15px 0}.course>a{display:block;text-align:center;background:#f0f2ff;color:#3545e8;padding:9px;border-radius:10px;font-weight:800;font-size:12px}.all-courses{display:block;width:max-content;margin:25px auto 0;border:1px solid #5966ff;color:#3949e9;padding:10px 22px;border-radius:25px;font-weight:800;font-size:13px}
.benefits{background:#fff6d9;padding:30px 0}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.benefits-grid div{display:grid;grid-template-columns:42px 1fr;font-size:25px}.benefits-grid b{font-size:13px}.benefits-grid small{grid-column:2;font-size:11px;color:#777}.testimonials article{background:white;padding:25px;border-radius:18px;box-shadow:0 8px 25px #2026500b;color:#515873;font-size:14px}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.testimonials article b,.testimonials article small{display:block;color:var(--text);margin-top:14px}.testimonials article small{margin-top:0;color:#777}.cta{margin:0 auto 60px;width:min(1100px,92%);background:linear-gradient(100deg,#4b3ce8,#3433d5);color:white;border-radius:25px;padding:35px}.cta .container{display:flex;align-items:center;justify-content:space-between}.cta h2{margin:0;font-size:28px}.cta p{margin:5px 0;color:#ddd}footer{background:#141a45;color:#bfc4e5;padding:25px;text-align:center;font-size:13px}
@media(max-width:950px){.navbar nav{display:none}.nav-actions{margin-left:auto}.menu-toggle{display:block}.hero-grid{grid-template-columns:1fr}.hero-art{display:none}.course-grid{grid-template-columns:repeat(2,1fr)}.benefits-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.navbar{padding:0 4%;height:68px}.logo{font-size:18px}.nav-actions .login{display:none}.register{padding:8px 12px}.hero-grid{padding:50px 0 75px}.hero h1{font-size:46px}.actions{flex-direction:column}.hero-points{gap:9px}.trust-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.section{padding:55px 0}.section-title h2{font-size:27px}.course-grid,.testimonial-grid,.benefits-grid{grid-template-columns:1fr}.benefits-grid{gap:25px}.cta .container{display:block;text-align:center}.cta .btn{margin-top:20px}.navbar nav.show{display:flex;position:absolute;top:68px;left:0;right:0;background:white;flex-direction:column;padding:20px;box-shadow:0 10px 20px #0001}.navbar nav.show a{padding:8px}}

/* ===== Additional Pages ===== */
.page-hero{background:linear-gradient(125deg,#222ed5,#4f5cff);color:#fff;padding:75px 0;text-align:center}.page-hero h1{font-size:50px;margin:12px 0}.page-hero p{max-width:700px;margin:auto;color:#eef0ff}
.about-grid,.why-grid,.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.about-art{background:#eef0ff;border-radius:30px;min-height:340px;display:flex;align-items:center;justify-content:center;font-size:130px}.text-muted{color:var(--muted)}.check-list{list-style:none;padding:0}.check-list li{margin:13px 0}.check-list li:before{content:"✓";color:#14aa55;font-weight:900;margin-right:10px}
.course-list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.course-full{background:#fff;border-radius:20px;padding:18px;box-shadow:0 8px 25px #1d24500d}.course-full .course-img{height:190px}.course-full .meta{display:flex;gap:8px;flex-wrap:wrap;color:#69708a;font-size:11px}.course-full strong{display:block;color:#13a44c;font-size:21px;margin-top:15px}
.step{background:#fff;border-radius:20px;padding:28px;box-shadow:0 8px 25px #1d24500d;position:relative}.step-number{width:45px;height:45px;background:#4352ee;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px;margin-bottom:15px}.how-grid{grid-template-columns:repeat(3,1fr);align-items:stretch}
.why-card{background:#fff;border-radius:20px;padding:28px;box-shadow:0 8px 25px #1d24500d}.why-card .icon{font-size:40px}.why-grid{grid-template-columns:repeat(3,1fr);align-items:stretch}
.wa-section{background:#e9fff3;padding:60px 0}.wa-box{background:#fff;border-radius:25px;padding:35px;display:flex;justify-content:space-between;align-items:center;gap:25px;box-shadow:0 12px 35px #1d8b4b12}.wa-number{font-size:28px;font-weight:900;color:#159447}.wa-btn{background:#16a34a;color:#fff;padding:15px 24px;border-radius:30px;font-weight:900;white-space:nowrap}
.faq{max-width:800px;margin:auto}.faq details{background:#fff;margin:12px 0;border-radius:14px;padding:18px 22px;box-shadow:0 5px 20px #1d245008}.faq summary{font-weight:800;cursor:pointer}
.floating-wa{position:fixed;right:22px;bottom:22px;background:#16a34a;color:white;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:27px;box-shadow:0 8px 25px #0003;z-index:30}
@media(max-width:800px){.about-grid,.about-grid,.how-grid,.why-grid{grid-template-columns:1fr}.course-list-grid{grid-template-columns:1fr 1fr}.wa-box{display:block;text-align:center}.wa-btn{display:inline-block;margin-top:20px}}
@media(max-width:600px){.course-list-grid{grid-template-columns:1fr}.page-hero h1{font-size:40px}}