@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}:root{--background: #1a1a1a}body{min-height:100vh;background-color:var(--background);font-family:Rubik,sans-serif;font-optical-sizing:auto;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#app{margin:0;padding:0;font-weight:400}.comming-h1{color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}section.coming-soon{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center}section.present-box{min-height:100vh;background-color:#f8f8f5;display:flex;justify-content:center;align-items:center}section.form-box{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.ml9{font-weight:200;font-size:4em;text-transform:uppercase;letter-spacing:.5em}.ml12{font-weight:200;font-size:1.8em;text-transform:uppercase;letter-spacing:.5em}.ml5{font-weight:200;font-size:1.8em;text-transform:uppercase;letter-spacing:.5em;color:#1a1a1a;width:50%;text-align:center}.ml12 .letter,.ml9 .letter,.ml5 .letter{display:inline-block;line-height:1em}span.material-symbols-outlined{font-size:2.8em;color:#fff;cursor:pointer}span.learn-more{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:27px}section.present-box div{flex:1 50%}.present-row-1 img{width:100%;height:100%;padding:20px;object-fit:contain}.present-row-2{display:flex;align-items:center;justify-content:center;gap:50px;flex-direction:column}.about{font-weight:200;font-size:1.8em;text-transform:uppercase;letter-spacing:.5em;text-align:center}.ml5{border:1px solid #1a1a1a;padding:15px;width:600px;cursor:pointer;transition:all 1s ease-in-out}.ml5:hover{background-color:#1a1a1a;color:#fff}.form-group{position:relative;margin-bottom:20px;width:100%;max-width:400px}input,textarea{width:400px}input{padding:10px;font-size:16px;border:2px solid #1a1a1a;outline:none;transition:border-color .3s;margin:10px 0;border-radius:8px}textarea{padding:10px;font-size:16px;border:2px solid #1a1a1a;outline:none;transition:border-color .3s;margin:10px 0;border-radius:8px;field-sizing:content;min-height:4lh}input:focus,textarea:focus{border-color:#1a1a1a}label{position:absolute;top:50%;left:10px;transform:translateY(-50%);color:#1a1a1a;font-size:16px;pointer-events:none;transition:all .3s ease;background-color:transparent;padding:0 5px}input:focus+label,input:not(:placeholder-shown)+label,textarea:focus+label,textarea:not(:placeholder-shown)+label{top:-10px;left:10px;color:#fff;font-size:14px}.form-group input:focus+label:before,.form-group input:not(:placeholder-shown)+label:before{width:100%}.button-send{font-weight:200;font-size:20px;color:#fff;text-align:center;width:400px;height:40px;border:1px solid #fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;background:transparent;transition:all 1s ease-in-out;padding:30px}.button-send:hover{border:1px solid #fff;background:#fff;color:#1a1a1a}.form-about{color:#fff;width:80%;margin:0 0 50px}footer{text-align:center;color:#fff;font-weight:400;padding:10px 0;font-size:16px}.mob-v{display:none}.material-symbols-outlined svg{width:49px;height:48px}.cloudflare{width:100%;display:flex;align-items:center;justify-content:center;margin:0 0 30px}@media (max-width: 1200px){.material-symbols-outlined{display:none}.ml5{width:300px;font-size:1em}.about{font-size:1.5em}.ml9{font-size:2.5em}span.ml12.mob-v{line-height:40px;text-align:center;padding:0 20px}.material-symbols-outlined,.mob-d{display:none}.mob-v{display:block}}@media (max-width: 555px){.ml5{width:300px;font-size:1em}.about{font-size:1.3em}section.present-box{padding:0 20px 40px;flex-direction:column}.ml9{font-size:1.5em}.ml12{font-size:1.3em}span.about.form-about{font-size:1em;text-wrap:balance}input,textarea,.button-send{width:300px}.form-group{display:flex;align-items:center;justify-content:center}label{left:3%}.button-send{font-size:16px}section.present-box div{flex:none}}@media only screen and (max-width: 1000px) and (orientation: landscape){section.form-box,section.present-box,section.coming-soon{height:100%;padding:50px 0}}
