.canvas_home{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000;transition:opacity .5s ease;opacity:0;z-index:0}.canvas_home-visible{transition:opacity 2s ease;opacity:1}.camera_buttons-toggle{position:absolute;bottom:0;left:50%;translate:-50%;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:25px 25px 0 0;color:#fff;padding:1rem 2rem;width:15%;height:4.25rem;opacity:0;z-index:4}.buttons-toggle-action{position:absolute;bottom:1rem;background-color:transparent;opacity:0}.camera_buttons_container{position:absolute;bottom:-7rem;left:50%;translate:-50%;display:flex;justify-content:center;align-items:center;gap:1.5rem;background-color:transparent;width:70%;height:7rem;z-index:4;overflow:hidden}.button_laptop,.button_phone,.button_reset,.toggle-action-icon{background-color:transparent;cursor:pointer;border:none;border-radius:50%;padding:.5rem;width:4rem;height:4rem;transition:all .3s ease-in-out}.toggle-action-icon{padding:0;width:3rem;height:3rem}.button_reset{position:relative;scale:1.25}.button_laptop:hover,.button_phone:hover{animation:shake-subtle .3s ease-in-out}@keyframes shake-subtle{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}50%{transform:translateX(2px)}75%{transform:translateX(-2px)}}.button_reset:hover .button_reset-icon-outer{transform:rotate(-180deg)}.button_reset-icon-inner,.button_reset-icon-outer{position:absolute;top:50%;left:50%;translate:-50% -50%;scale:.8;transition:all .3s ease-in-out}html{overflow:hidden}.htmlLaptopScreen{border-radius:20px;overflow:hidden;box-shadow:inset 0 0 10px rgba(0,0,0,.5)}.iframe_laptop{background:#000;width:1300px;height:910px;opacity:0;border:none;clip-path:polygon(4% 1%,96% 1%,99% 6%,99% 94%,96% 99%,4% 99%,1% 94%,1% 6%);box-shadow:inset 0 0 15px hsla(0,0%,100%,.1);filter:brightness(.95) contrast(1.05);transition:opacity .5s ease-in-out}.htmlLaptopScreen:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,0) 50%);pointer-events:none;z-index:1}.html_container{width:375px;height:800px;transform:none;backface-visibility:hidden}.iframe_container{width:375px;height:800px;position:relative}.iframe_phone{background:#000;opacity:0;border:none;border-radius:30px;width:375px;height:800px}.loading_screen-container{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:stratum-1-web;padding:2rem;height:100vh;width:100vw;background:radial-gradient(circle,#1c252e 0,#000 100%);position:absolute}.loading_screen-content{position:relative;height:90%;width:90%}.screen-content-svg-container{width:100%;height:100%}.screen-content-svg-background{stroke:hsla(0,0%,100%,.2);stroke-width:1;fill:none;filter:blur(.2px)}.screen-content-svg-progress{stroke:#fff;stroke-width:1;fill:none;stroke-linecap:round;filter:blur(.5px);transition:stroke-dashoffset .3s ease-out}.loading_screen-progress{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}.loading_screen-loading-text{font-size:1.75rem;position:absolute}.loading_button-enter{font-size:1.5rem;font-weight:700;text-align:center;background-color:transparent;border:1px solid #fff;border-radius:5px;padding:.5rem 2rem;cursor:pointer;opacity:0;position:relative;transition:all .3s ease-in-out}.loading_button-enter:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:#fff;transition:all .3s ease-in-out;z-index:-1}.loading_button-enter:hover:before{width:100%;box-shadow:0 0 15px 0 #fff}.loading_button-enter:hover{color:#000}.loading_button-enter:focus:before{width:100%;box-shadow:0 0 15px 0 #fff}.loading_button-enter:focus{color:#000}.loading_container{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:1000;background-color:#000}.loading_container,.space_background{width:100%;height:100%;overflow:hidden}.space_background{position:absolute;background:radial-gradient(ellipse at center,#0a0d1c 0,#000 100%)}.stars_large,.stars_medium,.stars_small{position:absolute;width:100%;height:100%;background-repeat:repeat;transform:translateZ(0)}.stars_small{background-image:radial-gradient(1px 1px at 10% 20%,hsla(0,0%,100%,.8),transparent),radial-gradient(1px 1px at 30% 50%,hsla(0,0%,100%,.8),transparent),radial-gradient(1px 1px at 70% 80%,hsla(0,0%,100%,.8),transparent),radial-gradient(1px 1px at 90% 10%,hsla(0,0%,100%,.8),transparent);background-size:200px 200px;animation:parallax 100s linear infinite}.stars_medium{background-image:radial-gradient(1.5px 1.5px at 25% 35%,hsla(0,0%,100%,.9),transparent),radial-gradient(1.5px 1.5px at 55% 65%,hsla(0,0%,100%,.9),transparent),radial-gradient(1.5px 1.5px at 75% 25%,hsla(0,0%,100%,.9),transparent);background-size:300px 300px;animation:parallax 70s linear infinite}.stars_large{background-image:radial-gradient(2px 2px at 15% 45%,#fff,transparent),radial-gradient(2px 2px at 60% 30%,#fff,transparent),radial-gradient(2.5px 2.5px at 85% 70%,#fff,transparent);background-size:600px 600px;animation:parallax 50s linear infinite}.nebula_primary{background:radial-gradient(circle at 20% 30%,rgba(30,50,150,.2),transparent 50%);filter:blur(40px);opacity:.5;animation:nebula_pulse 15s ease-in-out infinite alternate}.nebula_primary,.nebula_secondary{position:absolute;width:100%;height:100%}.nebula_secondary{background:radial-gradient(circle at 80% 60%,rgba(100,30,150,.15),transparent 50%);filter:blur(50px);opacity:.4;animation:nebula_pulse 20s ease-in-out infinite alternate-reverse}@keyframes nebula_pulse{0%{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}to{opacity:.3;transform:scale(1)}}.comet{position:absolute;top:20%;left:-10%;width:150px;height:2px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.8) 50%,rgba(70,131,255,.8));border-radius:50%;filter:blur(1px);transform:rotate(-15deg);animation:comet 15s linear infinite;box-shadow:0 0 10px hsla(0,0%,100%,.5)}@keyframes comet{0%{transform:translateX(0) rotate(-15deg);opacity:0}5%{opacity:1}95%{opacity:1}to{transform:translateX(calc(100vw + 200px)) rotate(-15deg);opacity:0}}.planet{position:absolute;bottom:10%;right:15%;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#4a6baf,#1a2a4f);box-shadow:inset -10px -10px 20px rgba(0,0,0,.5),0 0 20px rgba(70,131,255,.3);opacity:.7;animation:planet_glow 8s ease-in-out infinite alternate}@keyframes planet_glow{0%{box-shadow:inset -10px -10px 20px rgba(0,0,0,.5),0 0 20px rgba(70,131,255,.3)}to{box-shadow:inset -10px -10px 20px rgba(0,0,0,.5),0 0 30px rgba(70,131,255,.5)}}.loading_content{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;width:100%;max-width:500px;padding:0 20px}.loading_indicator{width:100%;position:relative}.progress_text{display:flex;justify-content:space-between;color:#fff;font-family:Roboto Mono,monospace;margin-bottom:1rem;font-size:1rem;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 10px rgba(79,172,254,.7)}.percentage{color:#fff;font-weight:500}.progress_bar_container{width:100%;height:4px;background-color:hsla(0,0%,100%,.1);border-radius:2px;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.5)}.progress_bar{height:100%;border-radius:2px;position:relative;overflow:hidden}.progress_bar:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4) 50%,transparent);animation:progress_shine 1.5s linear infinite}@keyframes progress_shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.loading_details{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:.8rem;color:hsla(0,0%,100%,.7);font-family:Roboto Mono,monospace;margin-top:.8rem;letter-spacing:1px}.loading_status{display:flex;align-items:center;gap:8px}.status_dot{width:6px;height:6px;border-radius:50%;background-color:#fff;animation:blink 1.5s infinite}.status_text{color:#fff;font-size:.8rem;letter-spacing:1px}@keyframes blink{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.welcome_message{text-align:center;color:#fff;z-index:10}.welcome_message h1{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;letter-spacing:4px;text-shadow:0 0 10px rgba(79,172,254,.7);animation:text_glow 2s ease-in-out infinite alternate}.welcome_message p{font-size:1.3rem;letter-spacing:2px;opacity:.9;text-shadow:0 0 5px rgba(79,172,254,.5)}@keyframes text_glow{0%{text-shadow:0 0 10px rgba(79,172,254,.7)}to{text-shadow:0 0 20px #4facfe,0 0 30px rgba(0,242,254,.5)}}@keyframes parallax{0%{background-position:0 0}to{background-position:100% 100%}}@media (max-width:768px){.loading_content{max-width:90%}.welcome_message h1{font-size:2.5rem}.welcome_message p{font-size:1rem}.planet{width:60px;height:60px}}.welcome_container{position:absolute;bottom:5rem;left:50%;translate:-50%;z-index:2;width:70%;font-family:stratum-1-web;font-weight:400;opacity:0}.welcome_title{font-size:var(--40px);font-weight:900;line-height:1;margin-top:1rem}.welcome_text{font-size:var(--16px);margin-bottom:1rem}.welcome_text-accentuation{font-weight:700;color:var(--color-accent)}.welcome_icon-arrow{width:2rem;height:2rem;margin:auto}.down{rotate:180deg}@media (min-width:800px){.welcome_container{width:50%}}@media (min-width:1000px){.welcome_container{width:40%}}@media (min-width:1200px){.welcome_container{width:30%}}@media (min-width:1600px){.welcome_container{width:20%}}@media (min-height:775px) and (max-height:875px){.welcome_container{bottom:8rem}}@media (min-height:876px) and (max-height:975px){.welcome_container{bottom:10rem}}@media (min-height:976px) and (max-height:1175px){.welcome_container{bottom:12rem}}@media (min-height:1176px) and (max-height:1375px){.welcome_container{bottom:16rem}}@media (min-height:1376px){.welcome_container{bottom:20rem}}.header{position:absolute;top:0;left:0;display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--padding-medium);opacity:0;z-index:4;background:linear-gradient(0deg,transparent,rgba(0,0,0,.8));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-family:stratum-1-web,sans-serif;color:#fff;box-shadow:0 0 20px rgba(0,0,0,.2)}.header_main-infos-container{display:flex;flex-direction:column;gap:.25rem}.header_main-name{font-size:var(--20px);font-weight:700;margin:0;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.header_creators{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;background-color:rgba(0,0,0,.3);border-radius:6px;padding:.35rem .75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px rgba(0,0,0,.2)}.header_creator-link{color:#fff;text-decoration:none;font-size:.85rem;font-weight:500;transition:all .2s ease;position:relative}.header_creator-link:hover{color:var(--color-accent,#0ff)}.header_creator-link:after{content:"";position:absolute;width:0;height:1px;bottom:-2px;left:0;background-color:var(--color-accent,#0ff);transition:width .3s ease}.header_creator-link:hover:after{width:100%}.header_separator{opacity:.6;margin:0 .25rem}.header_icons-container{display:flex;gap:1rem}.header_link{text-decoration:none;color:#fff;width:100%;height:100%}.header_buttons,.header_link{display:flex;align-items:center;justify-content:center}.header_buttons{width:2.75rem;height:2.75rem;outline:none;background-color:hsla(0,0%,100%,.1);border:2px solid #fff;border-radius:50%;cursor:pointer;position:relative;transition:all .3s ease-in-out;box-shadow:0 2px 10px rgba(0,0,0,.2);overflow:hidden}.header_buttons:focus,.header_buttons:hover{background-color:var(--color-accent,#0ff);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.header_icons{width:1.75rem;height:1.75rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.button-login,.button-mail,.button-sound{position:relative;overflow:hidden}.icon-mail,.icon-sound-off,.icon-sound-on,.login-text,.mail-text{position:absolute;top:50%;left:50%;transition:all .3s ease-in-out}.icon-mail,.icon-sound-on{translate:-50% -50%}.icon-sound-off{translate:70% -50%}.login-text,.mail-text{font-size:var(--16px);font-weight:700;translate:30% -50%;white-space:nowrap}.header_text-icon{position:absolute;top:50%;left:50%;translate:-50% -50%;font-size:1.2rem;transition:all .3s ease-in-out}.button-login:focus .header_text-icon,.button-login:hover .header_text-icon{left:25%}@media (max-width:600px){.header{padding:.75rem}.header_main-name{font-size:1rem}.header_creators{padding:.25rem .5rem}.header_creator-link{font-size:.75rem}.header_buttons{width:2.25rem;height:2.25rem}.header_icons{width:1.25rem;height:1.25rem}.header_text-icon{font-size:1rem}}@media (min-width:601px){.button-login:focus,.button-login:hover,.button-mail:focus,.button-mail:hover{border-radius:20px;width:8rem}.button-mail:focus .icon-mail,.button-mail:hover .icon-mail{left:25%}.button-login:focus .login-text,.button-login:hover .login-text,.button-mail:focus .mail-text,.button-mail:hover .mail-text{left:55%}}@media (min-width:992px){.header_main-name{font-size:1.5rem}.header_creators{padding:.5rem 1rem}.header_creator-link{font-size:1rem}}