html,body,#root{height:100%;margin:0;padding:0;background:#0b0b0b;color:#fff;font-family:Poppins,system-ui,Segoe UI,Roboto,Arial;background:url(/images/bg-CISTH8M9.webp);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}*{font-family:Poppins,system-ui,Segoe UI,Roboto,Arial;box-sizing:border-box}.app{display:flex;height:100%;flex-direction:column;align-items:flex-end}.left{width:500px;padding:12px;display:flex;flex-direction:column;gap:8px;align-items:center;box-sizing:border-box;height:100vh;justify-content:center;margin-right:150px}.preview{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;width:500px;margin-right:50px}.preview-wrapper{position:relative;width:100%;max-width:360px;height:640px;background:#000;border-radius:8px;overflow:hidden;margin:auto}.preview-wrapper video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.preview-wrapper canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;cursor:default}.preview-wrapper canvas:active{cursor:default}.row{display:flex;gap:8px;justify-content:center;width:100%}input{padding:12px 16px;background:#ffffff1c;border:1px solid #333;color:#fff;border-radius:6px;font-size:14px;width:100%;max-width:300px;text-align:center}button{cursor:pointer;min-width:200px;font-weight:500;transition:all .3s ease}button:disabled{opacity:.5;cursor:not-allowed}input::placeholder{color:#fff}.logo{position:relative;text-align:right;width:100%;margin-top:40px}.logo img{width:100px}.pyro{position:relative;margin-top:80px;margin-bottom:-70px}.pyro>.before,.pyro>.after{position:absolute;width:5px;height:5px;border-radius:50%;box-shadow:-120px -218.66667px #00f,248px -16.66667px #00ff84,190px 16.33333px #002bff,-113px -308.66667px #ff009d,-109px -287.66667px #ffb300,-50px -313.66667px #ff006e,226px -31.66667px #ff4000,180px -351.66667px #ff00d0,-12px -338.66667px #00f6ff,220px -388.66667px #9f0,-69px -27.66667px #ff0400,-111px -339.66667px #6200ff,155px -237.66667px #0df,-152px -380.66667px #00ffd0,-50px -37.66667px #0fd,-95px -175.66667px #a6ff00,-88px 10.33333px #0d00ff,112px -309.66667px #005eff,69px -415.66667px #ff00a6,168px -100.66667px #ff004c,-244px 24.33333px #f60,97px -325.66667px #f06,-211px -182.66667px #00ffa2,236px -126.66667px #b700ff,140px -196.66667px #9000ff,125px -175.66667px #0bf,118px -381.66667px #ff002f,144px -111.66667px #ffae00,36px -78.66667px #f600ff,-63px -196.66667px #c800ff,-218px -227.66667px #d4ff00,-134px -377.66667px #ea00ff,-36px -412.66667px #ff00d4,209px -106.66667px #00fff2,91px -278.66667px #000dff,-22px -191.66667px #9dff00,139px -392.66667px #a6ff00,56px -2.66667px #09f,-156px -276.66667px #ea00ff,-163px -233.66667px #00fffb,-238px -346.66667px #00ff73,62px -363.66667px #08f,244px -170.66667px #0062ff,224px -142.66667px #b300ff,141px -208.66667px #9000ff,211px -285.66667px #f60,181px -128.66667px #1e00ff,90px -123.66667px #c800ff,189px 70.33333px #00ffc8,-18px -383.66667px #0f3,100px -6.66667px #ff008c;-moz-animation:5s bang ease-out infinite backwards,5s gravity ease-in infinite backwards,5s position linear infinite backwards;-webkit-animation:5s bang ease-out infinite backwards,5s gravity ease-in infinite backwards,5s position linear infinite backwards;-o-animation:5s bang ease-out infinite backwards,5s gravity ease-in infinite backwards,5s position linear infinite backwards;-ms-animation:5s bang ease-out infinite backwards,5s gravity ease-in infinite backwards,5s position linear infinite backwards;animation:5s bang ease-out infinite backwards,5s gravity ease-in infinite backwards,5s position linear infinite backwards}.pyro>.after{-moz-animation-delay:5.25s,5.25s,5.25s;-webkit-animation-delay:5.25s,5.25s,5.25s;-o-animation-delay:5.25s,5.25s,5.25s;-ms-animation-delay:5.25s,5.25s,5.25s;animation-delay:5.25s,5.25s,5.25s;-moz-animation-duration:5.25s,5.25s,6.25s;-webkit-animation-duration:5.25s,5.25s,6.25s;-o-animation-duration:5.25s,5.25s,6.25s;-ms-animation-duration:5.25s,5.25s,6.25s;animation-duration:5.25s,5.25s,6.25s}@-webkit-keyframes bang{0%{box-shadow:0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff}}@-moz-keyframes bang{0%{box-shadow:0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff}}@-o-keyframes bang{0%{box-shadow:0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff}}@-ms-keyframes bang{0%{box-shadow:0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff}}@keyframes bang{0%{box-shadow:0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff}}@-webkit-keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0}}@-moz-keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0}}@-o-keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0}}@-ms-keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0}}@keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0}}@-webkit-keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}@-moz-keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}@-o-keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}@-ms-keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}@keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){html,body,#root{background:#0b0b0b;background:#000a12 url(/images/mobil_bg-ccsdCs9Y.webp);background-size:cover;background-position:top center;background-repeat:no-repeat;background-attachment:inherit}.app{flex-direction:column}.left{width:100%;padding:16px;border-right:none;margin-right:0;justify-content:flex-start;margin-top:250px}.preview{padding:16px;width:100%;margin-right:0}.preview-wrapper{width:100%}input{padding:14px 18px;font-size:16px}button{padding:16px 24px;font-size:16px;min-width:100%}.row{flex-direction:column;gap:12px}.logo{position:relative;text-align:center;width:100%;margin-top:40px}}.font-poppins{font-family:Poppins,Arial,sans-serif}.font-roboto{font-family:Roboto,Arial,sans-serif}.font-open-sans{font-family:Open Sans,Arial,sans-serif}.font-lato{font-family:Lato,Arial,sans-serif}.font-montserrat{font-family:Montserrat,Arial,sans-serif}.font-source-sans-pro{font-family:Source Sans Pro,Arial,sans-serif}.font-oswald{font-family:Oswald,Arial,sans-serif}.font-playfair-display{font-family:Playfair Display,Times New Roman,serif}.font-merriweather{font-family:Merriweather,Times New Roman,serif}.font-pt-sans{font-family:PT Sans,Arial,sans-serif}.font-preload{position:absolute;top:-9999px;left:-9999px;visibility:hidden;font-family:Poppins,Roboto,Open Sans,Lato,Montserrat,Source Sans Pro,Oswald,Playfair Display,Merriweather,PT Sans,Arial,sans-serif}canvas{background:transparent!important;background-color:transparent!important;background-image:none!important}#threeCanvas{background:transparent!important;background-color:transparent!important;background-image:none!important}