@import"https://fonts.googleapis.com/css2?family=Bangers&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;overflow-x:hidden}.container{display:flex;flex-direction:column;align-items:center;margin:0 auto;padding:0 20px}.navbar{position:fixed;top:0;width:100%;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);z-index:1000;transition:all .3s ease}.navbar.scrolled{background:rgba(255,255,255,.98);box-shadow:0 2px 20px #0000001a}.nav-container{padding:0 20px;display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center}.logo-img{height:70px;width:auto;border-radius:8px}.nav-menu{display:flex;gap:2rem;list-style:none}.nav-link{text-decoration:none;color:#333;font-weight:500;transition:color .3s ease;position:relative}.nav-link:hover{color:#007bff}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:0;background:#007bff;transition:width .3s ease}.nav-link:hover:after{width:100%}.hamburger{display:none;flex-direction:column;cursor:pointer}.hamburger span{width:25px;height:3px;background:#333;margin:3px 0;transition:.3s}.hero{height:100vh;position:relative;display:flex;align-items:stretch;overflow:hidden;flex-direction:column;justify-content:center}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/assets/bg.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;filter:blur(5px);z-index:-1}.hero-content{display:flex;align-content:center;justify-content:space-around;align-items:center;text-align:center;color:#fff;z-index:1;padding:0 20px;animation:fadeInUp 1s ease}.hero-text{display:flex;flex-direction:column;align-items:flex-end;text-transform:uppercase}.hero-text-top{display:flex;flex-direction:column;align-items:flex-start}.hero-title{font-size:3.7rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.text-blue{color:#1ecbff;font-size:3.2rem}.highlight{display:block;text-align:center;text-transform:capitalize;font-size:3.5rem;height:70px;background:linear-gradient(45deg,#706bff,#1ecbff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pulse 2s infinite}.hero-subtitle{font-size:1.3rem;margin-bottom:2rem;opacity:.9;animation:fadeInUp 1s ease .3s both}.hero-logo{animation:fadeInUp 1s ease .6s both}.hero-logo-img{height:50px;width:auto}.hero-img{height:360px;width:auto}.hero-logo-img:hover{transform:scale(1.05)}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);animation:bounce 2s infinite}.scroll-arrow{width:30px;height:30px;border:2px solid white;border-top:none;border-left:none;transform:rotate(45deg)}.how-it-works{padding:5rem 0;background:#f8f9fa}.section-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.section-title{font-size:2.5rem;margin-bottom:1.5rem;color:#333;position:relative}#about .section-title{text-align:center;font-size:2.5rem;margin-bottom:1.5rem;color:#333;position:relative}#about .text-content{width:50%}.section-subheading{text-align:center;font-size:1.3rem;color:#000;margin-bottom:2rem;font-weight:700;line-height:1.8}.section-description{color:#000;text-align:center;font-size:1.1rem;margin-bottom:2rem;line-height:1.8}.features-list{display:flex;flex-direction:column;gap:1rem}.feature-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:white;border-radius:10px;box-shadow:0 5px 15px #00000014;transition:transform .3s ease}.feature-item:hover{transform:translateY(-5px)}.feature-icon{font-size:1.5rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,#667eea,#764ba2);border-radius:50%}.video-content{display:flex;justify-content:center;flex-direction:column;align-items:center;width:50%}.video-content .section-description{text-align:center;font-family:Bangers,system-ui;font-weight:400;color:#000;font-style:normal;font-size:3.6rem;letter-spacing:1px;word-spacing:10px}.video-content .hero-img{width:100%;height:auto}.video-placeholder{width:100%;max-width:400px;height:250px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:transform .3s ease}.video-placeholder:hover{transform:scale(1.05)}.play-button{font-size:3rem;margin-bottom:1rem;opacity:.8}.impact{padding:5rem 0;background:white}.impact-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:2rem;margin-top:3rem}.impact-card{background:white;padding:2rem;border-radius:15px;box-shadow:0 10px 30px #0000001a;text-align:center;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #f0f0f0}.impact-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.impact-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.impact-card h3{font-size:1.3rem;margin-bottom:.5rem;color:#333}.impact-card p{color:#666;line-height:1.6}#future img{width:80%;max-width:400px}#future .row{display:flex;justify-content:space-around;align-items:center}#future h4{font-size:.9rem;text-align:center}.hero-loop,.hero-hotspot{display:flex;flex-direction:column;align-items:center;width:50%;padding:30px 20px}.future{padding:5rem 0;background:#f8f9fa}.future-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-top:3rem}.future-item{background:white;padding:2rem;border-radius:15px;box-shadow:0 5px 20px #00000014}.future-item h3{font-size:1.5rem;margin-bottom:1rem;color:#333;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.coming-soon{text-align:center;margin-top:3rem;padding:2rem;background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border-radius:15px;font-size:1.5rem;font-weight:600}.download{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#000;color:#fff;width:100%;font-weight:700;text-align:center}.download .container{padding:50px 20px}.download h1{font-size:40px;font-weight:700;margin-bottom:10px}.download .apps{display:flex;justify-content:center;gap:60px;margin-top:40px;flex-wrap:wrap}.download .app{display:flex;flex-direction:column;align-items:center;max-width:200px;transition:all .3s ease}.download .app:hover{transform:translateY(-3px)}.download .app img{width:100px;height:100px;background-color:#fff;border-radius:15px;padding:10px}.download .app p{margin-top:15px;font-size:18px;line-height:1.4}#contact .section-title{color:#56a3fb;font-size:1.6rem}.contact{height:36vh;display:flex;padding:5rem 0;color:#000;text-align:center;align-items:center}.contact .section-title{color:#fff}.contact .section-title:after{background:white;left:50%;transform:translate(-50%)}.contact-content p{font-size:1.2rem;margin-bottom:1.5rem;opacity:.9}.contact-email{color:#000;font-size:1.1rem;font-weight:600;text-decoration:none;border:2px solid black;padding:.5rem 1rem;border-radius:50px;transition:all .3s ease;display:inline-block}.contact-email:hover{background:white;color:#667eea;transform:translateY(-3px)}#about .section-content{align-items:flex-start}.footer{color:#333;background:white;padding:2rem 0;text-align:center;text-align:left}.footer .footer-col{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;padding:0 20px}.footer-col .flex{gap:10px}.footer-col img{width:125px}.footer .container{display:flex;flex-direction:row;margin:0 10px;padding:0 10px;align-items:flex-start;justify-content:space-around}.footer-content{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem}.footer-logo img{height:60px;width:auto;border-radius:8px}.flex{display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width: 768px){.hero-content{flex-direction:column}.hero-img,.video-content .hero-img{height:150px}.hero-logo-img{height:120px}.hamburger{display:flex}.highlight{font-size:2.5rem;height:100px}.video-content{width:100%}.video-content .section-description{font-size:2rem}.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background-color:#fff;width:100%;text-align:center;transition:.3s;box-shadow:0 10px 27px #0000000d;padding:2rem 0}.nav-menu.active{left:0}.hero-title{font-size:2.5rem}.section-content{flex-direction:column}.section-content.flex{display:flex;align-items:flex-start}.video-content{order:-1}.impact-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.future-content{grid-template-columns:1fr}.download-buttons{flex-direction:column;align-items:center}.section-title{font-size:2rem;text-align:center}.hero-subtitle{font-size:1.1rem}.contact{height:25vh}.footer .container{flex-direction:column}.section-content{gap:0}#about .section-content{padding-bottom:2rem}#about .text-content{width:100%}#future .row{flex-direction:column}.hero-loop,.hero-hotspot{width:100%}footer .flex{display:flex;flex-direction:column;text-align:center;align-items:center;padding:10px 0}.footer .container{align-items:center}.footer-col .flex{flex-direction:row;gap:10px}.footer-col img{width:45%}}@media (max-width: 480px){.logo-img{width:50%;height:auto}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.section-title{font-size:1.8rem}.impact-card,.future-item{padding:1.5rem}.download-btn{padding:.8rem 1.5rem}}