*{margin:0;padding:0;box-sizing:border-box}.home{font-family:Poppins,sans-serif;color:#fff;background-color:#081932;overflow-x:hidden}.home h1,.home h2,.home h3,.home h4,.home h5,.home h6,.home p{margin:0}.home section{padding:60px 5%;opacity:0;transform:translateY(30px);transition:all .8s ease-out}.home section.visible{opacity:1;transform:translateY(0)}.section-title-home{text-align:center;font-size:36px;margin-bottom:50px;position:relative}.section-title-home:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:80px;height:3px;background-color:#ff6b00}.btn-primary{background-color:#ff6b00;color:#fff;border:none;border-radius:30px;padding:12px 28px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b0066}.btn-primary:hover{background-color:#ff8b30;transform:translateY(-3px);box-shadow:0 6px 20px #ff6b0099}.btn-secondary{background-color:transparent;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:30px;padding:10px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-secondary:hover{background-color:#ffffff1a;border-color:#ffffff80}.accent{color:#ff6b00}.hero{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:80px 5% 60px;position:relative}.hero-content{flex:1;max-width:550px;z-index:2}.hero-title{font-size:48px;font-weight:700;line-height:1.2;margin-bottom:20px;animation:fadeInUp .8s ease-out forwards;animation-delay:.3s;opacity:0}.hero-subtitle{font-size:18px;color:#fffc;margin-bottom:40px;line-height:1.6;animation:fadeInUp .8s ease-out forwards;animation-delay:.5s;opacity:0}.hero-actions{display:flex;gap:20px;animation:fadeInUp .8s ease-out forwards;animation-delay:.7s;opacity:0}.hero-image{flex:1;max-width:600px;position:relative;animation:fadeInRight 1s ease-out forwards;animation-delay:.5s;opacity:0}.image-container{position:relative;width:100%;height:100%}.students-img{position:relative;width:80%;height:auto;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #0000004d;animation:float 6s ease-in-out infinite;border:4px solid rgba(255,255,255,.1);z-index:2}.students-img img{width:100%;height:auto;object-fit:cover;display:block}.floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.float-element{position:absolute;border-radius:50%}.planet-1{width:60px;height:60px;background-color:#1e90ff26;top:10%;right:5%;animation:floatElement 8s ease-in-out infinite}.planet-2{width:40px;height:40px;background-color:#ff6b0026;bottom:20%;right:15%;animation:floatElement 6s ease-in-out infinite;animation-delay:2s}.plus{width:30px;height:30px;background-color:transparent;border:2px solid rgba(255,255,255,.2);top:50%;left:-30%;border-radius:0;transform:rotate(45deg);animation:rotate 15s linear infinite}.circle{width:15px;height:15px;background-color:#ff6b0099;bottom:-20%;left:20%;animation:floatElement 4s ease-in-out infinite;animation-delay:1s}.features{padding-top:40px;padding-bottom:80px}.feature-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.feature-card{background-color:#ffffff0d;border-radius:15px;padding:30px;transition:all .3s ease;height:100%;display:flex;flex-direction:column;box-shadow:0 10px 30px #0000001a}.feature-card:hover{transform:translateY(-10px);background-color:#ffffff14;box-shadow:0 15px 40px #0003}.feature-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.feature-icon.orange{background-color:#ff6b0026;color:#ff6b00}.feature-card h3{font-size:20px;margin-bottom:15px;font-weight:600}.feature-card p{color:#ffffffb3;font-size:15px;line-height:1.6;margin-bottom:20px;flex-grow:1}.read-more{color:#ff6b00;text-decoration:none;font-size:15px;font-weight:600;display:flex;align-items:center;gap:5px;transition:all .3s ease;width:fit-content}.read-more:hover{color:#ff8b30;gap:8px}.community{display:flex;align-items:center;gap:60px;padding:100px 5%;background:linear-gradient(#081932b3,#081932e6),url(/api/placeholder/1600/500) no-repeat center/cover}.community-image{flex:1;position:relative;max-width:500px}.community-image img{width:100%;height:auto;border-radius:20px;box-shadow:0 20px 40px #0000004d}.community-content{flex:1;max-width:600px}.community-content h2{font-size:36px;margin-bottom:20px;line-height:1.3}.community-content p{color:#fffc;margin-bottom:40px;font-size:16px;line-height:1.6}.community-features{display:flex;flex-direction:column;gap:30px;margin-bottom:40px}.community-feature{display:flex;align-items:flex-start;gap:20px}.feature-icon.blue{background-color:#1e90ff26;color:#1e90ff;width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-text h4{font-size:18px;margin-bottom:8px}.feature-text p{color:#ffffffb3;font-size:14px;margin-bottom:0}.topics{padding:80px 5%}.topics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.topic-card{background-color:#ffffff0d;border-radius:15px;padding:30px;transition:all .3s ease;position:relative;overflow:hidden;min-height:150px;display:flex;flex-direction:column;justify-content:center}.topic-card:hover{transform:translateY(-10px);background-color:#ffffff14;box-shadow:0 15px 40px #0003}.topic-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,rgba(255,107,0,.05),transparent);z-index:-1}.topic-icon{position:absolute;right:30px;top:30px;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:.8}.topic-card h3{font-size:22px;margin-bottom:10px;position:relative;z-index:1}.topic-count{color:#ffffffb3;font-size:14px;position:relative;z-index:1}@keyframes fadeInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInRight{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes floatElement{0%,to{transform:translate(0)}50%{transform:translate(10px,-10px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1100px){.hero{flex-direction:column;text-align:center;padding-top:40px;padding-bottom:40px}.hero-content{max-width:100%}.hero-actions{justify-content:center}.hero-image{margin-top:40px}.community{flex-direction:column-reverse;text-align:center;padding:60px 5%}.community-feature{flex-direction:column;align-items:center;text-align:center}.community-content{max-width:100%}}@media (max-width: 768px){.hero-title{font-size:36px}.section-title-home{font-size:28px}.feature-container,.topics-grid{grid-template-columns:1fr}}@media (max-width: 576px){.hero-actions{flex-direction:column;gap:15px}.btn-primary,.btn-secondary{width:100%}.hero-title{font-size:28px}.hero-subtitle{font-size:16px}.section-title-home{font-size:24px}.feature-card,.topic-card{padding:20px}}.whatsapp-container{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;align-items:center;z-index:1000}.chat-icon{width:52px;height:52px;background-color:#ff6b00;display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer;transition:all .3s ease-in-out}.chat-icon__icon{color:#fff;font-size:30px}.close-icon{background-color:red!important}.whatsapp-options{display:flex;flex-direction:column;gap:10px;margin-top:10px}.whatsapp-icon,.phone-icon{width:52px;height:52px;background-color:#25d366;display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer;transition:all .3s ease-in-out}.whatsapp-icon__icon,.phone-icon__icon{color:#fff;font-size:30px}.rotate-on-hover:hover{transform:rotate(360deg);transition:transform .9s ease-in-out}@media (max-width: 768px){.whatsapp-container{bottom:15px;right:15px}.chat-icon,.whatsapp-icon,.phone-icon{width:45px;height:45px}.chat-icon__icon,.whatsapp-icon__icon,.phone-icon__icon{font-size:24px}}@media (max-width: 480px){.whatsapp-container{bottom:10px;right:10px}.chat-icon,.whatsapp-icon,.phone-icon{width:40px;height:40px}.chat-icon__icon,.whatsapp-icon__icon,.phone-icon__icon{font-size:22px}}
