@import"https://fonts.googleapis.com/css2?family=Sour+Gummy:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Sour Gummy,sans-serif}nav{display:flex;justify-content:space-between;align-items:center;padding:4rem 8rem;color:#fff;background:linear-gradient(to bottom,#000,#0000);position:fixed;width:100%;top:0;z-index:1000}.nav-links{display:flex;align-items:center;gap:2rem;font-size:1.5rem}.nav-links a{text-decoration:none;color:#fff;text-transform:uppercase;letter-spacing:.2rem;font-weight:bolder;transition:color .3s}.nav-links a:hover,.nav-links a.active:hover{text-shadow:0 0 30px #FFFF00,0 0 40px #FFFF00,0 0 50px #FFFF00;text-shadow:0 0 30px yellow,0 0 40px yellow,0 0 50px yellow}.nav-links a.active{text-shadow:0 0 5px yellow}.comms-label{position:absolute;top:-2.2rem;right:4rem;font-size:1.2rem;text-transform:uppercase;font-weight:700}.order-btn{width:200px;text-align:center;background:#ff0;box-shadow:0 0 20px #fe0;color:#000!important;padding:.5rem 1rem;border-radius:100px;text-decoration:none;transition:background .3s}.order-btn:hover{opacity:.8}.hero{height:100vh;position:relative;overflow:hidden}.hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-content{position:relative;z-index:1;height:100%;display:inline-flex;flex-direction:column;justify-content:center;padding-left:8rem;color:#fff}.hero h1{font-size:7rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero p{font-size:2rem;margin-bottom:2rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.clients{padding:4rem;position:relative;overflow:hidden;background:#000;min-height:400px}.star{position:absolute;background:transparent;width:4px;height:4px;animation:starMove 10s linear infinite}.star:before{content:"";position:absolute;width:100%;height:100%;background:#ffffff80;border-radius:50%;box-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #fff;animation:twinkle 1s ease-in-out infinite alternate}@keyframes starMove{0%{transform:translate(0) rotate(45deg)}to{transform:translate(100vw,100vh) rotate(45deg)}}@keyframes twinkle{0%{opacity:.2;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.clients-content{position:relative;z-index:1;text-align:center;color:#fff}.clients-content h2{margin-bottom:3rem}.client-logos{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1200px;margin:0 auto}.client-logo{background:#ffffff1a;padding:1rem;border-radius:8px;height:100px;display:flex;align-items:center;justify-content:center}.client-logo img{max-height:100%;max-width:100%;object-fit:contain}footer{background:#333;color:#fff;padding:2rem 8rem;display:flex;justify-content:space-between;align-items:center}.footer-links a{color:#fff;text-decoration:none;margin-right:1rem}.footer-links a:hover{text-shadow:0 0 10px yellow}.footer-center{text-align:center}.footer-center img{margin-bottom:1rem}.social-links a{color:#fff;text-decoration:none;margin-left:1rem}.social-links a:hover{text-shadow:0 0 10px yellow}.main{min-height:100vh;background:#151421;position:relative;overflow:hidden;padding:120px 0}.stars{position:absolute;top:0;left:0;right:0;bottom:0}.stars .star:before{animation:twinkle var(--twinkle-delay) ease-in-out infinite alternate}.stars .star{animation:starMove 10s linear infinite}@keyframes starMove{0%{transform:translate(-100px,-100px) rotate(45deg)}to{transform:translate(calc(100vw + 100px),calc(100vh + 100px)) rotate(45deg)}}.content{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 240px);color:#fff}.mascot{position:fixed;left:10%;top:70%;transform:translateY(-50%);animation:float 3s ease-in-out infinite}.mascot img{height:400px;width:auto;transition:all .3s ease-in-out}@keyframes float{0%{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 20px))}to{transform:translateY(-50%)}}.mascot img.transitioning{animation-duration:1s!important}.form-content{text-align:center;max-width:800px}.form-content h1{font-size:4rem;margin-bottom:2rem;text-transform:uppercase}.welcome-text p{font-size:1.5rem;margin-bottom:1rem}.click-here-btn,.agree-btn{margin:2rem 0;padding:.8rem 2rem;font-size:1.5rem;letter-spacing:.2rem;background:#ff0;border:none;border-radius:100px;cursor:pointer;font-weight:700;text-transform:uppercase;box-shadow:0 0 20px #ffee0080;transition:all .3s ease}.click-here-btn:hover,.agree-btn:hover{opacity:.8;transform:scale(1.05)}.time-note{font-size:1.5rem;opacity:.7}.agree-btn{display:block;margin:2rem auto 0}.loader-overlay{transition:opacity .8s ease-in-out,visibility .8s ease-in-out;opacity:1;visibility:visible}.loader-overlay.fade-out{opacity:0;visibility:hidden}.loader-logo{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;transition:all .5s ease-in-out;transform:scale(1);opacity:1}.loader-logo.fade-out{transform:scale(.95);opacity:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}body{background:#101018}main,section,nav,footer{opacity:0;animation:fadeIn .8s ease-in-out .8s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.input-question{font-size:1.5rem;margin-bottom:1.5rem;color:#fff}.form-input{width:100%;padding:.8rem;font-size:1.5rem;background:transparent;border:none;color:#65629b;outline:none;text-align:center}.form-input::placeholder{color:#514f7d}.next-btn{display:flex;align-items:center;margin-left:auto;margin-top:1.5rem;padding:.8rem 2rem;font-size:1.5rem;letter-spacing:.2rem;background:#ff0;border:none;border-radius:100px;cursor:pointer;font-weight:700;box-shadow:0 0 20px #ffee0080;transition:all .3s ease}.next-btn:hover{opacity:.8;transform:scale(1.05)}.terms-box,.input-box{background:#222136;padding:2rem;border-radius:15px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:left;position:relative;margin-left:30px}.terms-box:before,.input-box:before{content:"";position:absolute;left:-20px;top:30px;border-style:solid;border-width:15px 20px 15px 0;border-color:transparent #222136 transparent transparent;filter:drop-shadow(-3px 0px 2px rgba(0,0,0,.1))}.terms-box,.input-box{animation:bubbleAppear .3s ease-out;transform-origin:left center}@keyframes bubbleAppear{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.terms-box p,.input-box h2{margin-bottom:1rem;font-size:1.5rem}.terms-box:hover,.input-box:hover{transform:translateY(-2px);transition:transform .3s ease}