*{font-family:"Poppins",sans-serif;box-sizing:border-box;margin:0px;padding:0px;scroll-behavior:smooth;transition-duration:.4s}.Login .main{display:flex;flex-direction:row;justify-content:space-between}@media screen and (max-width: 768px){.Login .main{flex-direction:column-reverse}}@media screen and (max-width: 480px){.Login .main{flex-direction:column-reverse}}.Login .main .left{width:50%;position:relative}@media screen and (max-width: 768px){.Login .main .left{width:calc(100% - 20px)}}@media screen and (max-width: 480px){.Login .main .left{width:calc(100% - 20px)}}.Login .main .left .content{display:flex;padding:10px;align-items:center;justify-content:center}.Login .main .left .content .or{margin-top:10%;font-size:1.2rem;color:#494949;font-weight:600}@media screen and (max-width: 768px){.Login .main .left .content .or{margin-top:5%}}@media screen and (max-width: 480px){.Login .main .left .content .or{margin-top:5%}}.Login .main .left .content .main{display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;margin-top:10%}.Login .main .left .content .main img{width:40%}@media screen and (max-width: 768px){.Login .main .left .content .main img{width:50%}}@media screen and (max-width: 480px){.Login .main .left .content .main img{width:50%}}.Login .main .left .content .main div{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;margin-top:10%;width:90%}@media screen and (max-width: 768px){.Login .main .left .content .main div{width:100%;margin-top:5%;justify-content:center;align-items:center}}@media screen and (max-width: 480px){.Login .main .left .content .main div{width:100%;margin-top:5%;justify-content:center;align-items:center}}.Login .main .left .content .main div h2{font-size:1.3rem;font-weight:600;margin-bottom:10px}@media screen and (max-width: 768px){.Login .main .left .content .main div h2{font-size:1.2rem;font-weight:900 !important;width:100%;text-align:start;margin-left:12%}}@media screen and (max-width: 480px){.Login .main .left .content .main div h2{font-size:1.2rem;font-weight:900 !important;width:100%;text-align:start;margin-left:12%}}.Login .main .left .content .main div p{font-size:15px;color:#474747}.Login .main .left .content .main div .login-button{margin-top:5%;display:flex;align-items:center;justify-content:center;background:linear-gradient(to right, #673ab7 0%, #2196f3 100%);color:#fff;border:none;border-radius:8px;width:calc(100% - 40px);padding:8px 12px;font-size:1rem;font-weight:600;cursor:pointer;position:relative;transition-duration:.3s;gap:10px;box-shadow:0px 5px 10px rgba(53,53,53,.0509803922)}.Login .main .left .content .main div .login-button img{width:20px;height:20px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.Login .main .left .content .main div .login-button:hover{background:linear-gradient(to right, #4f2597 0%, #0f70c0 100%);color:#fff;box-shadow:0px 5px 10px rgba(53,53,53,.3921568627);transition:1.2s cubic-bezier(0.17, 0.85, 0.438, 0.99)}.Login .main .left .content .main .track{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;margin-top:5%;width:90%}@media screen and (max-width: 768px){.Login .main .left .content .main .track{width:100%;margin-top:8%;justify-content:center;align-items:center}}@media screen and (max-width: 480px){.Login .main .left .content .main .track{width:100%;margin-top:5%;justify-content:center;align-items:center}}.Login .main .left .content .main .track h2{font-size:1.2rem;font-weight:600;margin-bottom:10px}.Login .main .left .content .main .track p{font-size:15px;color:#474747}.Login .main .left .content .main .track div{margin-top:0%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px}@media screen and (max-width: 768px){.Login .main .left .content .main .track div{flex-direction:column;width:calc(100% - 30px)}}@media screen and (max-width: 480px){.Login .main .left .content .main .track div{flex-direction:column;width:calc(100% - 30px)}}.Login .main .left .content .main .track div input{width:100%;padding:8px 12px;font-size:1rem;font-weight:600;border:1px solid #ddd;border-radius:8px}.Login .main .left .content .main .track div button{display:flex;align-items:center;justify-content:center;background:linear-gradient(to right, #673ab7 0%, #2196f3 100%);color:#fff;border:none;border-radius:8px;width:100%;padding:8px 12px;font-size:1rem;font-weight:600;cursor:pointer;position:relative;transition-duration:.3s;gap:10px;margin-top:0 !important}.Login .main .left .content .main .track div button i{margin-left:5px}.Login .main .left .content .main .track div button:hover{background:linear-gradient(to right, #673ab7 0%, #2196f3 100%);color:#fff;box-shadow:0px 5px 10px rgba(53,53,53,.3921568627);transition:1.2s cubic-bezier(0.17, 0.85, 0.438, 0.99)}.Login .main .left footer{position:absolute;bottom:0;left:0;width:100%;text-align:center}@media screen and (max-width: 768px){.Login .main .left footer{bottom:-10%;font-size:10px}}@media screen and (max-width: 480px){.Login .main .left footer{bottom:-10%;font-size:10px}}.Login .main .left footer p{font-size:12px;color:#505050;font-weight:600;text-transform:uppercase}.Login .main .right{width:50%;background-color:#6361f8;height:96vh;margin:1%;border-radius:12px;position:relative}@media screen and (max-width: 768px){.Login .main .right{width:calc(100% - 10px);height:25.5vh}}@media screen and (max-width: 480px){.Login .main .right{width:calc(100% - 10px);height:25.5vh}}.Login .main .right .mute-button{position:absolute;top:45%;left:-3%;background:linear-gradient(to right, #673ab7 0%, #2196f3 100%);color:#fff;border-radius:50%;width:50px;height:50px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition-duration:.3s;z-index:100;box-shadow:0px 5px 10px rgba(53,53,53,.3921568627)}@media screen and (max-width: 768px){.Login .main .right .mute-button{top:calc(100% - 25px);left:calc(50% - 25px)}}@media screen and (max-width: 480px){.Login .main .right .mute-button{top:calc(100% - 25px);left:calc(50% - 25px)}}.Login .main .right .mute-button i{animation:smoothBlink 1s infinite}.Login .main .right .mute-button i.fa-volume-up{animation:smoothRotateMinus30Deg .5s ease;transform:rotate(-30deg)}@media screen and (max-width: 768px){.Login .main .right .mute-button i.fa-volume-up{transform:rotate(-90deg);animation:smoothRotateMinus90Deg .5s ease}}@media screen and (max-width: 480px){.Login .main .right .mute-button i.fa-volume-up{transform:rotate(-90deg);animation:smoothRotateMinus90Deg .5s ease}}.Login .main .right .mute-button:hover{background-color:#ff6f61;box-shadow:0px 5px 10px rgba(53,53,53,.3921568627)}.Login .main .right .media-and-text{display:flex;align-items:center;justify-content:center;flex-direction:column}.Login .main .right .media-and-text .video{width:100%;height:54.5vh;position:relative}@media screen and (max-width: 768px){.Login .main .right .media-and-text .video{width:100%;height:25.6vh}}@media screen and (max-width: 480px){.Login .main .right .media-and-text .video{width:100%;height:25.6vh}}.Login .main .right .media-and-text .video iframe{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:12px 12px 0px 0px;pointer-events:none}@media screen and (max-width: 768px){.Login .main .right .media-and-text .video iframe{border-radius:12px}}@media screen and (max-width: 480px){.Login .main .right .media-and-text .video iframe{border-radius:12px}}.Login .main .right .media-and-text .perks{position:relative;overflow:hidden;padding-bottom:5%}@media screen and (max-width: 768px){.Login .main .right .media-and-text .perks{display:none}}@media screen and (max-width: 480px){.Login .main .right .media-and-text .perks{display:none}}.Login .main .right .media-and-text .perks h2{font-size:1.3rem;font-weight:600;color:#fff;width:100%;text-align:center;margin-top:10px}.Login .main .right .media-and-text .perks .cards{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}.Login .main .right .media-and-text .perks .cards .card{width:30%;height:auto;background-color:rgba(100,95,249,.7058823529);border:1px solid rgba(242,242,242,.2901960784);padding:15px 6px;border-radius:12px}.Login .main .right .media-and-text .perks .cards .card .center{text-align:center}.Login .main .right .media-and-text .perks .cards .card .center img{width:50px}.Login .main .right .media-and-text .perks .cards .card h2{font-size:18px;font-weight:600}.Login .main .right .media-and-text .perks .cards .card p{font-size:14px;color:#ddd;font-weight:500;display:none}.Login .main .right .media-and-text .perks .cards .card:hover{box-shadow:0px 5px 20px rgba(53,53,53,.1333333333);cursor:pointer}span.circle{background:rgba(255,255,255,.2);display:block;position:absolute;top:-10%;right:-130px;width:200px;height:200px;border-radius:50%;overflow:hidden}span.circle:hover{transition:1.2s cubic-bezier(0.17, 0.85, 0.438, 0.99)}span.circle2{background:rgba(255,255,255,.2);display:block;position:absolute;top:20%;right:-130px;width:200px;height:200px;border-radius:50%;overflow:hidden;animation:changePosition 1s infinite}span.circle2:hover{transition:1.2s cubic-bezier(0.17, 0.85, 0.438, 0.99)}button{overflow:hidden !important}@keyframes smoothBlink{0%{opacity:.2}50%{opacity:1}100%{opacity:.2}}@keyframes smoothRotateMinus30Deg{from{transform:rotate(0deg)}to{transform:rotate(-30deg)}}@keyframes smoothRotateMinus90Deg{from{transform:rotate(0deg)}to{transform:rotate(-90deg)}}