@import "https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";@import "https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Outfit:wght@100..900&display=swap";*{box-sizing:border-box;margin:0;padding:0}.home{color:#f7f8ff;background:#08091b;flex-direction:column;min-height:100vh;font-family:Outfit,sans-serif;display:flex;position:relative;overflow:hidden}.nav{z-index:1;justify-content:space-between;padding:30px 60px;display:flex;position:relative}.nav ul{gap:25px;display:flex}.nav li{cursor:pointer;list-style:none;transition:all .3s}.nav li:hover{color:#f7f8ffa3}.nav h2{letter-spacing:1.5px;font-size:24px;font-weight:600}.explore-btn{color:#f7f8ff;background:#08091b;border:1px solid #8b7cff;border-radius:50px;padding:10px 20px;transition:all .3s}.explore-btn:hover{background-color:#8b7cff30}.home-container{z-index:1;flex:1;justify-content:space-between;align-items:center;padding:40px 80px;display:flex;position:relative}.left-home{gap:30px;max-width:600px}.left-home h1{letter-spacing:-4px;margin:0;font-size:85px;font-weight:600;line-height:.85}.left-home p{width:80%;margin-top:30px;margin-bottom:30px;line-height:2}.light-moon{opacity:.2;filter:blur(3px);z-index:-1;width:180px;height:180px;position:absolute;bottom:90px;left:90px}.right-home{justify-content:center;align-items:center;display:flex}.right-home img{width:min(390px,35vw);height:auto;animation:5s ease-in-out infinite floatMoon}@keyframes floatMoon{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media (width<=700px){.nav{align-items:center;padding:25px 20px}.nav h2{font-size:20px}.nav ul{gap:15px;margin:0;padding:0}.nav li{font-size:13px}.nav .explore-btn{display:none}.home-container{text-align:center;flex-direction:column;justify-content:center;gap:50px;padding:50px 20px}.left-home{flex-direction:column;align-items:center;max-width:100%;display:flex}.left-home h1{letter-spacing:-3px;font-size:65px}.left-home p{width:100%;max-width:500px;margin-top:25px;margin-bottom:25px;font-size:14px;line-height:1.7}.light-moon{width:120px;height:120px;bottom:50px;left:20px}.right-home img{width:min(300px,70vw)}}.stars{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.stars span{opacity:.7;background:#f4f3ee;border-radius:50%;position:absolute}.planets{color:#f7f8ff;background:#08091b;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;font-family:Outfit,sans-serif;display:flex;overflow:hidden}.planets p{color:#8b7cff;letter-spacing:2px}.planets h2{margin-top:8px}.planets h2 span{color:#8b7cff}.planet-container{grid-template-columns:repeat(4,1fr);gap:30px;width:100%;max-width:1100px;margin-top:50px;display:grid}.planet-card{z-index:1;background:#08091b;border:.5px solid #8b7cff67;border-radius:10px;flex-direction:column;gap:5px;padding-bottom:10px;display:flex;position:relative;overflow:hidden}.planet-card img{object-fit:contain;align-self:center;width:60%;height:120px;transition:transform .5s}.planet-card:hover img{transform:scale(1.08)rotate(5deg)}.planet-name{gap:20px;padding:15px;display:flex}@media (width<=700px){.planets{text-align:center;padding:70px 20px}.planets p{letter-spacing:1.5px;font-size:12px}.planets h2{max-width:350px;font-size:24px;line-height:1.3}.planet-container{grid-template-columns:repeat(2,1fr);gap:30px;margin-top:35px}.planet-card{min-height:170px}.planet-card img{width:75%;height:100px}.planet-name{align-items:center;gap:10px;padding:12px}.planet-name span{font-size:12px}.planet-name p{margin:0;font-size:13px}}.footer{color:#f7f8ff;background:#08091b;flex-direction:column;min-height:60vh;padding:40px;font-family:Outfit,sans-serif;display:flex;overflow:hidden}.footer-start{text-align:center}.footer-start h2{letter-spacing:-1px;margin:0;font-size:50px}.footer-start p{color:#a9a9ba;max-width:650px;margin:20px auto 30px;line-height:1.7}.footer-middle{justify-content:space-between;align-items:center;width:100%;max-width:1100px;margin:30px auto 0;padding-top:30px;display:flex}.footer-right ul{gap:30px;list-style:none;display:flex}.footer-right li{cursor:pointer;transition:all .3s}.footer-right li:hover{color:#f7f8ffa3}.footer-end{border-top:1px solid #8b7cff30;justify-content:center;align-items:center;gap:20px;width:100%;max-width:1100px;margin-top:60px;padding-top:20px;display:flex}.footer-end p{color:#8b8c9c;font-size:13px}@media (width<=700px){.footer{text-align:center;min-height:auto;padding:70px 20px 30px}.footer-start h2{font-size:36px;line-height:1.1}.footer-start p{margin:20px auto 25px;font-size:14px;line-height:1.7}.footer-middle{flex-direction:column;gap:30px;margin-top:60px;padding-top:30px}.footer-left h2{margin:0}.footer-left p{color:#a9a9ba;font-size:13px}.footer-right ul{gap:25px;margin:0;padding:0}.footer-right li{font-size:13px}.footer-end{flex-direction:column;gap:5px;margin-top:50px;padding-top:20px}.footer-end p{margin:0;font-size:11px}}.mercury-page{color:#f7f8ff;background:#08091b;min-height:100vh;font-family:Outfit,sans-serif;position:relative;overflow-x:hidden}.orbit-number{flex-direction:column;align-items:center;margin-top:40px;display:flex}.orbit-number strong{color:#e7e0d2;font-size:60px;font-weight:500;line-height:.8}.orbit-number span{color:#ffffff50;letter-spacing:2px;margin-top:15px;font-size:9px}.ending h2 em{color:#c8bfae}.ending button{color:#f7f8ff;cursor:pointer;background:0 0;border:1px solid #8b7cff55;border-radius:50px;margin-top:30px;padding:10px 18px;font-family:Outfit,sans-serif;font-size:11px;transition:all .3s}.ending button:hover{background:#8b7cff18;border-color:#8b7cff}@keyframes floatMercury{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (width<=700px){.planet-nav{padding:0 5%}.planet-nav h2{font-size:18px}.planet-nav-info{gap:6px}.planet-nav-info span{font-size:9px}.planet-story{width:88%}.story-block{min-height:70vh}.story-block h1{font-size:55px}.story-block h2{font-size:40px}.story-block p{font-size:13px}.story-image{min-height:55vh}.story-image img{width:330px}.shiny-image img{width:100%}.ending h2{font-size:40px}}.jupiter-page{color:#f7f8ff;background:#08091b;min-height:100vh;font-family:Outfit,sans-serif;position:relative;overflow-x:hidden}.planet-nav{z-index:10;background:#08091b;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:70px;padding:0 5%;display:flex;position:relative}.planet-nav h2{letter-spacing:3px;font-size:20px;font-weight:500}.planet-nav-info{gap:10px;display:flex}.planet-nav-info span{color:#fff5;letter-spacing:2px;font-size:10px}.planet-story{z-index:1;width:min(700px,90%);margin:auto;position:relative}.story-block{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:75vh;display:flex}.story-block>span{color:#8a9deb;letter-spacing:2px;font-size:10px}.story-block h1{letter-spacing:-3px;margin:15px 0;font-size:70px;font-weight:600}.story-block h2{letter-spacing:-2px;margin:18px 0;font-size:48px;font-weight:500;line-height:.92}.story-block h2 em{color:#56dad0;font-style:normal}.story-block p{color:#f7f8ff9c;max-width:390px;font-size:14px;line-height:1.8}.story-block h3{color:#e88942;margin:25px 0 5px;font-size:24px;font-weight:500}.story-image{flex-direction:column;justify-content:center;align-items:center;min-height:70vh;display:flex;position:relative}.story-image img{filter:drop-shadow(0 0 35px #56dad030)drop-shadow(0 0 100px #8a9deb18);width:430px;max-width:80%;animation:6s ease-in-out infinite floatJupiter}.story-image small{color:#ffffff50;letter-spacing:2px;margin-top:25px;font-size:9px}.small-image img{border-radius:1000px;width:200px}.shiny-image img{border-radius:500px;width:500px;max-width:100%}.depth-story{flex-direction:column;justify-content:center;align-items:center;gap:35px;min-height:65vh;display:flex}.depth-story div{text-align:center;color:#f7f8ff;letter-spacing:2px;border-bottom:1px solid #56dad025;width:280px;padding:18px;font-size:12px}.depth-story .liquid{color:#8a9deb}.depth-story .metallic-hydrogen{color:#56dad0}.star-story strong{color:#e88942;margin-top:30px;font-size:38px;font-weight:500}.star-story small{color:#fff5;letter-spacing:2px;font-size:9px}.moons-story h2{font-size:65px}.moons-story h2 em{color:#56dad0}.ending{border-top:1px solid #ffffff10;min-height:80vh}.ending h2{font-size:50px}@keyframes floatJupiter{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media (width<=700px){.planet-nav{padding:0 5%}.planet-nav h2{font-size:18px}.planet-nav-info{gap:6px}.planet-nav-info span{font-size:9px}.planet-story{width:88%}.story-block{min-height:70vh}.story-block h1{font-size:55px}.story-block h2{font-size:40px}.story-block p{font-size:13px}.story-image{min-height:55vh}.story-image img{width:330px}.shiny-image img{width:100%}.ending h2{font-size:40px}}