@import url("https://fonts.googleapis.com/css2?family=Audiowide&family=Brawler:wght@400;700&family=DM+Serif+Text:ital@0;1&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Nova+Square&display=swap");.home,.home-container{position:relative}.home{z-index:1;width:100vw;height:100dvh;background:url(/bg.png) no-repeat 50% fixed;background-size:cover;color:white;filter:contrast(1.3)}.hero-section{display:flex;margin-top:3em;flex-direction:column;align-items:center;height:67vh;justify-content:center;padding:1em}.hero-section h1{margin:20px 0;font-size:3rem;color:#e8e8e8;font-family:Nova Square,sans-serif;font-weight:300}.hero-buttons,.hero-section h1{text-align:center}.hero-btn{font-size:1.1rem;letter-spacing:1px;padding:14px 32px;margin:10px;color:#ffffff;background:transparent;border:2px solid #00d4ff;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;z-index:1;will-change:transform,box-shadow;cursor:pointer}.hero-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,rgba(71,29,98,.3),rgba(0,212,255,.7) 50%,rgba(215,26,191,.3));transition:all .6s ease;z-index:-1}.hero-btn:hover{transform:translateY(-2px);box-shadow:0 0 25px rgba(0,212,255,.6),0 0 40px rgba(215,26,191,.4);animation:glow-pulse 1.5s infinite}.hero-btn:hover:before{left:100%}@keyframes glow-pulse{0%{box-shadow:0 0 10px rgba(0,212,255,.3)}50%{box-shadow:0 0 20px rgba(0,212,255,.6)}to{box-shadow:0 0 10px rgba(0,212,255,.3)}}.hero-btn:active{transform:translateY(1px);box-shadow:0 0 10px rgba(0,212,255,.2)}.hero-btn:focus{outline:2px solid rgba(0,212,255,.5)}.astronaut{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:50vw;max-width:180px;min-width:80px;z-index:1;filter:contrast(.8)}.stars{width:100vw}.star{background:white;will-change:opacity}.navbar-div{background-color:transparent;position:fixed;z-index:100;width:100%;transition:all .3s ease-in-out;top:0;left:0}.navbar-div nav{width:100%}@media only screen and (max-width:770px){.hero-section h1{margin:0;font-size:28px}}@media (pointer:coarse){.astronaut{max-width:130px!important}}@media only screen and (max-width:357px) and (max-height:500px){.hero-section h1{font-size:20px}.astronaut{max-width:100px!important}}:root{--perk_width:min(1015px,calc(60vw + 15px));--astronaut_width:min(267px,20vw)}.container{position:relative;height:100vh;overflow:hidden;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);color:white;filter:contrast(1.3);display:flex;flex-direction:column;align-items:center;padding-top:60px}.blurredBackground,.container{background:url(/bg.png) no-repeat 50%;background-size:cover}.blurredBackground{position:absolute;inset:0;filter:blur(3px);z-index:0}.main{display:flex;justify-content:center;align-items:center;background-color:transparent;width:100%;height:100%;position:relative}.backgroundImage{position:absolute;top:64%;left:50%;width:auto;height:80%;transform:translate(-50%,-50%);z-index:1;pointer-events:none}.heading{color:#ffffff;text-align:center;font-family:Prosto-One,sans-serif;font-size:min(2.2rem,30px);font-weight:700;margin-bottom:20px;position:relative;margin-top:-120px;padding:0 5px}.statusBar{position:fixed;top:200px;width:100%;color:antiquewhite;display:flex;align-items:center;flex-direction:column;z-index:10}.desc,.title{width:100%}@keyframes shine{0%{box-shadow:0 0 5px rgba(255,255,255,.5);background-color:white}50%{box-shadow:0 0 20px rgba(255,255,255,.8),0 0 30px rgba(255,255,255,.6);background-color:#ffffff}to{box-shadow:0 0 5px rgba(255,255,255,.5);background-color:white}}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:100% 0}}@keyframes pulseGlow{0%,to{box-shadow:0 0 5px rgba(255,255,255,.3)}50%{box-shadow:0 0 15px rgba(255,255,255,.7),0 0 25px rgba(255,255,255,.4)}}.statusLines{display:flex}.activeLine{background:linear-gradient(90deg,#ffffff,#f0f0f0 50%,#ffffff);background-size:200% 100%;animation:shine 2s ease-in-out infinite,shimmer 3s linear infinite;box-shadow:0 0 10px rgba(255,255,255,.6),0 0 20px rgba(255,255,255,.4);position:relative}.activeLine:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(45deg,transparent,rgba(255,255,255,.8),transparent);border-radius:4px;animation:shimmer 2s linear infinite;z-index:-1}.line{width:50px;height:5px;border-radius:4px;margin:10px;background-color:rgb(91,91,91);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.line:not(.activeLine):hover{background-color:rgba(255,255,255,.7);animation:pulseGlow 1.5s ease-in-out infinite}.navArrow{width:60px;height:60px}.navArrow:hover:not(:disabled){background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);transform:scale(1.1)}.navArrow:disabled{opacity:.3;cursor:not-allowed;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}.leftArrow{left:300px}.rightArrow{right:300px}.title{margin-bottom:10px;color:#ffffff;font-size:30px}.desc,.title{text-align:center}.desc{font-size:20px;color:#eee;margin-bottom:20px;line-height:20px}.perk{width:var(--perk_width);position:fixed;top:24vh;left:calc(50% - var(--perk_width) / 2);margin-top:10px;display:flex;align-items:center;flex-direction:column;justify-content:center;z-index:10;padding:2rem;border-radius:20px;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 0 10px rgba(0,255,255,.2),0 4px 30px rgba(0,0,0,.3);color:white;transition:transform .3s ease,box-shadow .3s ease,opacity .7s ease}.perk img{width:90%;max-width:500px;border-radius:12px;margin-top:1.5rem;object-fit:cover;box-shadow:0 0 25px rgba(0,255,255,.08);transition:transform .3s ease,box-shadow .3s ease}.astronaut-bg{position:absolute;right:10px;bottom:10px;font-size:min(10rem,15vw);color:white;opacity:.05;pointer-events:none;z-index:0}.floating-astronaut{left:calc(50% - var(--astronaut_width) - var(--perk_width)/2);animation:float 4s linear infinite;filter:contrast(.75)}.floating-astronaut,.floating-astronaut-2{position:absolute;width:var(--astronaut_width);top:8vh}.floating-astronaut-2{left:calc(50% + var(--perk_width)/2);animation:float2 4s linear infinite}.navArrow{position:fixed;top:56%;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.3);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:white;cursor:pointer;z-index:15;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.leftArrow{left:calc((100vw - var(--perk_width))/2 - 55px)}.rightArrow{right:calc((100vw - var(--perk_width))/2 - 55px)}.navArrow a{color:white}@media only screen and (max-width:768px){.navArrow{display:none}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes float2{0%,to{transform:rotateY(180deg) translateY(0) rotate(0deg)}50%{transform:rotateY(180deg) translateY(-10px) rotate(1deg)}}@media only screen and (max-width:780px){.heading{font-size:28px;margin-bottom:0}.perk{top:23vh;margin-top:0}}@media only screen and (max-width:768px){.floating-astronaut,.floating-astronaut-2{display:none}.perk{--perk_width:90vw}.title{font-size:28px}.desc{font-size:22px}}@media only screen and (max-width:631px){.perk{padding:1rem;top:25vh}.heading{margin-top:-110px;font-size:30px}.title{font-size:22px}.desc{font-size:16px}.perk img{margin-top:0}.astronaut-bg{font-size:0}}@media only screen and (max-width:380px) and (max-height:670px){.perk{top:28vh}}@media only screen and (max-width:357px){.heading{font-size:22px}}@media only screen and (max-width:357px) and (max-height:500px){.perk{top:34vh;padding:.5rem}.heading{font-size:large}.title{font-size:medium}.desc{line-height:15px}}.stars{width:100%;height:100vh;background:transparent;position:fixed;top:0;left:0;z-index:-1;overflow:hidden}.star{position:absolute;background:rgb(180,240,255);border-radius:50%;opacity:.8;animation:twinkle 2s ease-in-out infinite alternate}@keyframes twinkle{0%,to{opacity:.8}50%{opacity:.2}}