@import"https://fonts.googleapis.com/css2?family=Istok+Web&family=Poppins:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Istok+Web&display=swap";*{margin:0;padding:0;border:0;outline:none;list-style:none;box-sizing:border-box;font-family:Poppins,sans-serif}:root{--light-color: #f2f2f2;--blue-color: #008dff;--bar-gradient: linear-gradient(155deg, rgba(255, 255, 255, .4) 16.65%, rgba(255, 255, 255, .1) 82.4%);--login-gradient: linear-gradient(130deg, rgba(255, 255, 255, .4) 15.07%, rgba(255, 255, 255, .1) 82.26%);--blur: blur(45px)}.title{line-height:118.5%;font-weight:800;color:var(--light-color)}.container{width:100%;min-height:100vh;max-height:100vh;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.background__image{position:absolute;width:100vw;height:100vh;object-fit:cover;z-index:-1}.content__wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.logo{width:100px;height:40px}.texts__wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}.splash__title{font-size:96px}.splash__text{font-size:24px;color:var(--light-color)}@media screen and (min-width: 1920px){.logo{width:120px;height:60px}.splash__title{font-size:126px}.spalsh__text{font-size:32px}}@media screen and (min-width: 3840px){.logo{width:220px;height:100px}.splash__title{font-size:226px}.splash__text{font-size:62px}}.page__wrapper{width:100%;height:100vh;min-height:100vh;max-height:100vh;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.background__image{position:absolute;z-index:-1;width:100vw;height:100vh;object-fit:cover}.login__container{width:100%;height:100%;display:flex;justify-content:space-between;align-items:center}.login__container .greeting__box{width:55%;height:90%;display:flex;flex-direction:column;justify-content:center;align-items:center;border-top-right-radius:30px;background:var(--login-gradient);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:.8px solid var(--light-color)}.login__container .greeting__box .texts__wrapper{width:65%;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:20px}.login__container .greeting__box .texts__wrapper h1{font-size:48px;font-weight:800;line-height:130%;color:var(--light-color)}.login__container .greeting__box .texts__wrapper p{font-size:20px;color:var(--light-color)}.login__container .form__box{width:45%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 10%;gap:28px}.login__container .form__box .form__title{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:20px}.login__container .form__box .form__title img{width:74px;height:30px}.login__container .form__box .form__title h2{font-size:20px;font-weight:500;color:var(--light-color)}.login__container .form__box form{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.login__container .form__box form .input__wrapper{width:100%;height:40px;display:flex;justify-content:start;align-items:center;position:relative;overflow:hidden;border-radius:8px;border:1px solid var(--blue-color);background:var(--light-color)}.login__container .form__box form .input__wrapper img{position:absolute;left:10%;width:20px;height:8px}.login__container .form__box form .input__wrapper input{width:100%;height:100%;padding-left:20%;font-weight:500;letter-spacing:20px;background:var(--light-color);border-radius:8px}.login__container .form__box form .input__wrapper input::placeholder{font-size:14px;font-weight:500;letter-spacing:.5px;color:#a3a3a3}.login__container .form__box button{width:100%;height:48px;display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:500;color:var(--light-color);border-radius:30px;background:var(--blue-color);cursor:pointer;transition:all .5s cubic-bezier(.42,.5,.13,.99)}.login__container .form__box button:hover{transform:translateY(-5px)}.input__focused{border:3px solid var(--blue-color)}.button__focused{border:2px solid var(--light-color)}.error__message{position:absolute;top:10%;right:5%;z-index:90;width:350px;padding:30px;border-radius:15px 0 15px 15px/15px 0px 15px 15px;font-size:20px;color:var(--light-color);background:#FF615C;transition:all .2s cubic-bezier(.51,.32,.23,1.01);transform-origin:top right;transform:scale(0)}.error__message[data-active=true]{transform:scale(1)}@media screen and (min-width: 1920px){.login__container .greeting__box .texts__wrapper h1{font-size:68px}.login__container .greeting__box .texts__wrapper p{font-size:30px}.login__container .form__box .form__title img{width:114px;height:70px}.login__container .form__box .form__title h2{font-size:30px}.login__container .form__box form .input__wrapper{width:100%;height:60px}.login__container .form__box button{height:68px}.login__container .form__box form .input__wrapper img{width:40px;height:16px;left:8%}.login__container .form__box form .input__wrapper input::placeholder{font-size:20px}.login__container .form__box form .input__wrapper input{font-size:20px}.login__container .form__box button{width:100%;height:68px;display:flex;font-size:24px}.input__focused{border:4px solid var(--blue-color)}.button__focused{border:3px solid var(--light-color)}}@media screen and (min-width: 3840px){.login__container .greeting__box{border-top-right-radius:80px;border:1px solid var(--light-color)}.login__container .greeting__box .texts__wrapper h1{font-size:136px}.login__container .greeting__box .texts__wrapper p{font-size:60px}.login__container .form__box{gap:56px}.login__container .form__box .form__title img{width:228px;height:140px}.login__container .form__box .form__title h2{font-size:60px}.login__container .form__box form .input__wrapper{width:100%;height:120px;border-radius:16px}.login__container .form__box form .input__wrapper input{border-radius:16px}.login__container .form__box button{height:136px;font-size:42px;border-radius:60px}.login__container .form__box form{gap:44px}.login__container .form__box form .input__wrapper img{width:80px;height:32px;left:8%}.login__container .form__box form .input__wrapper input::placeholder{font-size:40px}.login__container .form__box form .input__wrapper input{font-size:40px}.input__focused{border:8px solid var(--blue-color)}.button__focused{border:6px solid var(--light-color)}}.app__page{width:100%;height:100vh;min-height:100vh;max-height:100vh;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#000}.app__page .example__background{position:absolute;z-index:-1;width:100vw;height:100vh;object-fit:cover}.app__bar{position:absolute;z-index:50;right:0;width:15%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--bar-gradient);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.app__bar .logo__box{width:100%;max-height:180px}.app__bar .logo__box img{width:100%;height:100%;object-fit:contain}.app__bar .bar__container{width:64%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:64px}.app__bar .bar__container .infos__wrapper{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:46px}.app__bar .bar__container .time__box{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;color:var(--light-color)}.app__bar .bar__container .time__box .time__indicator{font-size:20px;font-family:Istok Web,sans-serif;font-weight:400}.app__bar .bar__container .time__box .time__wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-family:Istok Web,sans-serif}.app__bar .bar__container .time__box .time__wrapper span{line-height:48px;font-size:48px;font-family:Istok Web,sans-serif}.app__bar .bar__container .time__box .date{font-family:Istok Web,sans-serif}.app__bar .bar__container .infos__wrapper .separator__bar{display:block;width:80%;height:1.5px;background:var(--light-color)}.app__bar .bar__container .infos__wrapper .clim__box{width:100%;display:flex;justify-content:center;align-items:center}.app__bar .bar__container .infos__wrapper .clim__box .clim__wrapper{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.app__bar .bar__container .infos__wrapper .clim__box .clim__wrapper .clim__icon{width:50px;height:50px}.app__bar .bar__container .infos__wrapper .clim__box .clim__wrapper .clim__icon img{width:100%;height:100%;display:flex;object-fit:contain}.app__bar .bar__container .infos__wrapper .clim__box .clim__wrapper .clim{display:flex;justify-content:center;align-items:flex-start;color:var(--light-color)}.app__bar .bar__container .infos__wrapper .clim__box .clim__wrapper .clim .clim__number{font-family:Istok Web,sans-serif;font-size:36px;font-weight:400}.app__bar .bar__container .infos__wrapper .clim__box .clim__wrapper .clim span{font-family:Istok Web,sans-serif;font-size:14px;font-weight:400}.app__bar .bar__container .infos__wrapper .clim__box .clim__wrapper .city{font-size:12px;font-family:Istok Web,sans-serif;color:var(--light-color)}@media screen and (min-width: 1920px){.app__bar .bar__container .time__box .time__indicator{font-size:32px}.app__bar .bar__container .time__box .time__wrapper span{line-height:64px;font-size:64px}.app__bar .bar__container .time__box .date{font-family:Istok Web,sans-serif;font-size:20px}.app__bar .bar__container .infos__wrapper .clim__box .clim__wrapper .clim .clim__number{font-size:52px}.app__bar .bar__container .infos__wrapper .clim__box .clim__wrapper .clim span{font-size:26px}.app__bar .bar__container .infos__wrapper .clim__box .clim__wrapper .city{font-size:20px}}@media screen and (min-width: 3840px){.app__bar .bar__container{gap:128px}.app__bar .bar__container .time__box{gap:40px}.app__bar .bar__container .time__box .time__indicator{font-size:64px}.app__bar .bar__container .time__box .time__wrapper span{line-height:128px;font-size:128px}.app__bar .bar__container .time__box .date{font-family:Istok Web,sans-serif;font-size:40px}.app__bar .bar__container .infos__wrapper{gap:92px}.app__bar .bar__container .infos__wrapper .clim__box .clim__wrapper{gap:24px}.app__bar .bar__container .infos__wrapper .clim__box .clim__wrapper .clim__icon{width:100px;height:100px}.app__bar .bar__container .infos__wrapper .clim__box .clim__wrapper .clim .clim__number{font-size:104px}.app__bar .bar__container .infos__wrapper .clim__box .clim__wrapper .clim span{font-size:52px}.app__bar .bar__container .infos__wrapper .clim__box .clim__wrapper .city{font-size:40px}}.player{width:100%;height:100vh;max-height:100vh;min-height:100vh;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.player .player__iframe{position:absolute;width:100%;height:100%}.player button{position:absolute;z-index:99;bottom:5%;left:10%;width:200px;height:50px;border-radius:8px;font-size:16px;color:var(--light-color);background:var(--blue-color);cursor:pointer}.change__video__block{position:absolute;width:100%;height:100%;z-index:2;opacity:0;background-color:#000;transition:all .45s ease}.change__video__block.active{opacity:1}.error__page{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;max-height:100vh;min-height:100vh;padding:0 5%;background-color:#1d1d1b}.error__page .container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.error__page h1{font-size:24px;color:var(--light-color);text-align:center}