@import"https://fonts.googleapis.com/css2?family=Nunito&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Nunito,normal;scroll-behavior:smooth;z-index:1}body{min-height:100vh;background:black;overflow-x:hidden}header{position:absolute;z-index:20000;top:0;left:0;width:100%;padding:30px 100px;display:flex;position:-webkit-sticky;position:sticky;justify-content:space-between;align-items:center;background:#3e235d}.logo{color:#fff;font-weight:700;text-decoration:none;font-size:40px;text-transform:uppercase;letter-spacing:2px}ul{list-style-type:none;display:flex;justify-content:center;align-items:center}header ul li a{text-decoration:none;padding:6px 15px;color:#fff;border-radius:20px;margin-left:10px}header ul li a:hover,.active{text-decoration:none;background:#fff;color:#4b1055}section{width:100%;height:100vh;padding:100px;justify-content:center;align-items:center;display:flex;overflow:hidden;position:relative}.background{position:absolute;top:0;left:0;width:100%;height:auto;object-fit:cover;z-index:1}section img{top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.moon{transform:translateY(50px);position:absolute;mix-blend-mode:screen;left:47%;width:9vw;height:auto;z-index:2}.text{position:absolute;color:#fff;white-space:nowrap;font-size:10vw;z-index:150;text-align:center;transform:translateY(-100px)}.goose{position:absolute;top:0;left:0;width:100%;height:auto;object-fit:cover;z-index:3}.foreground{position:absolute;top:50%;left:50%;transform:translate(-50%,-42vh);width:100vw;height:auto;object-fit:contain;z-index:3000}.btn{text-decoration:none;padding:8px 30px;border-radius:40px;background:#fff;color:#4b1055;font-size:1.5em;z-index:150}.sec{position:relative;padding:100px;clear:both}.sec h3{color:#fff;font-size:3.5em;margin-bottom:10px}.sec p{font-size:1.2em;color:#fff}section:before{content:"";position:absolute;padding-top:100%;top:400px;width:100vw;height:469px;background:linear-gradient(to bottom,transparent,black);z-index:100}.app{position:relative;padding:100px;clear:both}.app h3{color:#fff;font-size:3.5em;margin-bottom:10px}.app p{font-size:1.2em;color:#fff}footer{position:absolute;z-index:20000;top:0;left:0;width:100%;position:sticky;background-color:#3e235d;padding:20px;text-align:center}.footer-content p{margin:0;color:#fff;padding:10px;z-index:100000}.about{text-align:center;position:relative;padding:100px;clear:both}.about h2{position:relative;color:#fff;white-space:nowrap;font-size:10vw;z-index:150;text-align:center;transform:translateY(-100px)}.demo{position:relative;padding:100px;clear:both}.demo h2{text-align:center;color:#fff;font-size:3.5em;margin-bottom:10px}.ad{position:relative;padding:100px;clear:both}.ad h2{text-align:center;color:#fff;font-size:3.5em;margin-bottom:10px}@media screen and (max-width: 600px){.card-row{display:flex;flex-direction:column;align-items:center}}.card{width:300px;border-radius:4px;margin:10px;box-shadow:0 4px 8px #0003;padding:16px;text-align:center;background-color:#f1f1f1}.card img{width:100%;height:auto;border-radius:4px;margin-bottom:10px}.card h3{font-size:18px;margin-bottom:10px}.card p{font-size:14px}.card img{width:100%;height:auto;border-radius:50%;margin-bottom:10px}.video-container{display:flex;justify-content:center;margin-top:20px;margin-bottom:50vh}.video-container video{position:absolute;max-width:100%;max-height:100%;border-radius:20%;z-index:2}.about{text-align:center;margin-bottom:20px}.about h2{position:relative;color:#fff;white-space:nowrap;font-size:10vw;z-index:150;text-align:center}.card-container{display:flex;justify-content:center}.card-container{display:flex;flex-wrap:wrap;justify-content:center}.card{width:300px;border-radius:4px;margin:10px;box-shadow:0 4px 8px #ffffff80;padding:16px;text-align:center;background-color:#f1f1f1}@media screen and (max-width: 800px){.card{width:100%}}.wrapper{width:50%;display:flex;padding:4px;background-color:#4b1055;justify-content:center;align-items:center;margin-left:auto;margin-right:auto;border-radius:4px}.custom-input{flex-grow:1;padding:4px}.custom-input input[type=radio]{display:none}.custom-input label{display:block;padding:6px 8px;color:#fff;font-weight:700;text-align:center;transition:all .4s 0s ease}.custom-input input[type=radio]:checked+label{background-color:#f5f5f5;color:#000;border-radius:4px}.custom-input input[type=radio]:hover+label{background-color:#f5f5f5;color:#000;border-radius:4px}canvas{position:fixed;top:0;left:0;z-index:0}.message{position:absolute;text-align:center;font-size:24px;color:red;display:block;z-index:1}
