*{margin:0;padding:0;font-family:Poppins,sans-serif;box-sizing:border-box}html,body{overflow-x:hidden;width:100%;scroll-behavior:smooth}html{font-size:16px}@media screen and (max-width: 768px){html{font-size:15px}}@media screen and (max-width: 480px){html{font-size:14px}}.background{height:100%;width:100%;float:left;top:0;left:0;right:0;bottom:0;padding:none;position:fixed;object-fit:cover;z-index:-1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .5s ease-in-out}@media screen and (max-width: 768px){.background{object-position:center}}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;margin:0;padding:20px 40px}.nav-logo{font-family:Rubik Microbe;margin-top:10px;font-size:40px;font-weight:1000;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.5),0 0 10px rgba(0,0,0,.7),0 0 15px rgba(0,0,0,.8),0 0 20px rgba(0,0,0,.9)}.nav-menu{display:flex;align-items:center;list-style:none;font-size:18px;gap:40px;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.7),0 0 6px rgba(0,0,0,.8),0 0 9px rgba(0,0,0,.9)}.nav-download{border-radius:50px;padding:10px 30px;background:#f3a023;color:#000;text-shadow:none}a{color:#fff;text-decoration:none;transition:color .3s ease,text-decoration-color .3s ease}a:hover{color:#ff4500}.menu-icon{display:none;flex-direction:column;cursor:pointer;z-index:1001}.bar{width:30px;height:3px;background-color:#fff;margin:4px 0;transition:.4s}.bar.change:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.bar.change:nth-child(2){opacity:0}.bar.change:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}@media screen and (max-width: 1024px){.nav{padding:15px 30px}.nav-logo{font-size:32px}.nav-menu{gap:30px;font-size:16px}}@media screen and (max-width: 768px){.menu-icon{display:flex}.nav-menu{position:fixed;top:0;right:-100%;flex-direction:column;background-color:#000000e6;width:70%;height:100vh;padding-top:80px;transition:.5s;gap:40px}.nav-menu.active{right:0}.nav-logo{font-size:28px}}@media screen and (max-width: 480px){.nav{padding:15px 20px}.nav-logo{font-size:24px}.nav-menu{width:80%}}.main{margin:200px 40px 0}.main-text{line-height:1.3;color:#fff;font-size:60px;font-weight:500;text-shadow:0 0 5px #ffffff,0 0 10px #080909,0 0 20px #000000,0 0 40px #000000}.main-explore{display:flex;align-items:center;gap:30px;width:fit-content;margin-top:50px;padding:5px 8px 5px 20px;border-radius:60px;background-color:#d1d0d0e6;cursor:pointer}.main-explore p{color:#000;font-size:18px;font-weight:500}.main-dot-play{margin-top:80px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}.main-dots{display:flex;align-items:center;gap:20px;list-style:none;padding-left:0}.main-dot{width:15px;height:15px;background-color:#fff;border-radius:7.5px;cursor:pointer}.main-dot.orange{background-color:#ff4500}.main-play{display:flex;align-items:center;gap:20px}.main-play p{color:#fff;font-size:16px}.main-play img{cursor:pointer;width:40px;height:40px}.extra{max-width:800px;text-align:left;color:#fff;font-size:1.1rem;line-height:1.6;margin-bottom:80px;margin-top:40px}.storyline-section{padding:100px 40px;color:#fff;font-size:1.2rem;line-height:1.8;background-color:#000000a6;transition:all .5s ease}.blur-background{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0006;transition:backdrop-filter .5s ease,background-color .5s ease}.storyline-para{max-width:1200px;margin:0 auto}.contact-section{padding:100px 40px;color:#fff;font-size:1.2rem;line-height:1.8;background-color:#000000a6;transition:all .5s ease;text-align:center}.contact-icons{display:flex;justify-content:center;align-items:center;gap:80px;margin-top:60px;flex-wrap:wrap}.features-section{padding:100px 40px;color:#fff;font-size:1.2rem;line-height:1.8;background-color:#000000a6;transition:all .5s ease;text-align:center}.feature-cards{display:flex;overflow-x:auto;gap:30px;padding-bottom:20px;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}.feature-cards::-webkit-scrollbar{display:none}.card{min-width:350px;background-color:#ffffff14;border-radius:20px;padding:20px;flex-shrink:0;color:#f5f5f5;max-width:400px;font-weight:300;text-align:center;scroll-snap-align:start;box-shadow:0 0 10px #ffffff1a;transition:transform .3s ease}.card:hover{transform:scale(1.05)}.card-image-container{width:350px;height:300px;margin:10px auto;overflow:hidden;border-radius:10px;position:relative}.card img{width:100%;height:100%;object-fit:cover;display:block}.features-wrapper{position:relative}.scroll-arrow{position:absolute;right:10px;top:50%;transform:translateY(-50%);height:40px;opacity:.7;z-index:10;cursor:pointer;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.6;transform:translateY(-50%) translate(0)}50%{opacity:1;transform:translateY(-50%) translate(5px)}to{opacity:.6;transform:translateY(-50%) translate(0)}}.main-footer{text-align:center;padding:20px 0;font-size:16px;color:#f5f5f5;background-color:#55555580;border-top:1px solid #333;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}@media screen and (max-width: 1200px){.main{margin-top:150px}.main-text{font-size:50px}.storyline-section,.contact-section,.features-section{padding:80px 30px}}@media screen and (max-width: 992px){.main-text{font-size:40px}.contact-icons{gap:50px}.contact-icons img{height:80px!important;width:80px!important}.contact-icons img[src*=mail]{height:50px!important;width:70px!important}}@media screen and (max-width: 768px){.main{margin:120px 20px 0}.main-text{font-size:36px;line-height:1.2}.main-explore{margin-top:40px;gap:20px}.main-explore p{font-size:16px}.main-dot-play{margin-top:60px;flex-direction:column;align-items:flex-start}.storyline-section,.contact-section,.features-section{padding:60px 20px;font-size:1.1rem}.storyline-section h1,.contact-section h1,.features-section h1{font-size:40px!important;margin-bottom:30px!important}.contact-icons{gap:30px}}@media screen and (max-width: 480px){.main{margin-top:100px}.main-text{font-size:28px}.main-explore{gap:15px;padding-left:15px}.main-explore p{font-size:14px}.main-explore img{width:20px}.extra{font-size:1rem}.storyline-section,.contact-section,.features-section{padding:50px 15px;font-size:1rem}.storyline-section h1,.contact-section h1,.features-section h1{font-size:32px!important}.contact-icons img{height:60px!important;width:60px!important}.contact-icons img[src*=mail]{height:40px!important;width:50px!important}.card{min-width:280px;padding:15px}.card-image-container{width:100%;max-width:350px;height:300px}.card img{width:100%;max-width:350px;height:auto;max-height:300px}}@media screen and (max-width: 380px){.card{min-width:250px;padding:15px}}