body{height:calc(100vh - 68px);overflow-y:auto;background:linear-gradient(to bottom,#271346,#591546);background-size:cover;background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(2px 2px at 5% 10%,white,transparent),radial-gradient(2px 2px at 15% 25%,white,transparent),radial-gradient(2px 2px at 25% 5%,white,transparent),radial-gradient(2px 2px at 35% 15%,white,transparent),radial-gradient(2px 2px at 45% 25%,white,transparent),radial-gradient(2px 2px at 55% 10%,white,transparent),radial-gradient(2px 2px at 65% 20%,white,transparent),radial-gradient(2px 2px at 75% 5%,white,transparent),radial-gradient(2px 2px at 85% 15%,white,transparent),radial-gradient(2px 2px at 95% 25%,white,transparent),radial-gradient(4px 4px at 10% 20%,white,transparent),radial-gradient(2.5px 2.5px at 25% 80%,white,transparent),radial-gradient(4px 4px at 40% 30%,white,transparent),radial-gradient(2.5x 125px at 75% 40%,white,transparent),radial-gradient(4px 4px at 85% 10%,white,transparent),radial-gradient(2.5px 2.5px at 15% 60%,white,transparent),radial-gradient(5px 5px at 20% 30%,rgba(255,255,255,.8),transparent),radial-gradient(5px 5px at 50% 50%,rgba(255,255,255,.8),transparent),radial-gradient(5px 5px at 80% 20%,rgba(255,255,255,.8),transparent),radial-gradient(5px 5px at 70% 75%,rgba(255,255,255,.8),transparent);animation:twinkle 4s infinite ease-in-out}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(2px 2px at 12% 45%,white,transparent),radial-gradient(2px 2px at 22% 65%,white,transparent),radial-gradient(2px 2px at 32% 55%,white,transparent),radial-gradient(2px 2px at 42% 75%,white,transparent),radial-gradient(2px 2px at 52% 65%,white,transparent),radial-gradient(2px 2px at 62% 45%,white,transparent),radial-gradient(2px 2px at 72% 55%,white,transparent),radial-gradient(2px 2px at 82% 35%,white,transparent),radial-gradient(2.5px 2.5px at 70% 60%,white,transparent),radial-gradient(4px 4px at 35% 75%,white,transparent),radial-gradient(2.5px 2.5px at 55% 15%,white,transparent),radial-gradient(5px 5px at 30% 40%,rgba(255,255,255,.8),transparent),radial-gradient(5px 5px at 60% 20%,rgba(255,255,255,.8),transparent),radial-gradient(5px 5px at 85% 60%,rgba(255,255,255,.8),transparent);animation:twinkle 6s infinite ease-in-out reverse}@keyframes twinkle{0%,to{opacity:.9}50%{opacity:.3}}.earth{position:fixed;left:50%;transform:translate(-50%);width:90vw;height:90vw;bottom:-80vw;border-radius:50%;background:url(/css/main/login/2021/earth.png) no-repeat center;background-size:cover;animation:rise 5s ease-out forwards}@keyframes rise{0%{bottom:-90vw}to{bottom:-80vw}}.moon{top:20vh;right:5vw;position:fixed;animation:HoverEffectLeft 1s linear infinite}.moon>img{width:10vw;max-width:60%}.saturn{top:5vh;left:8vw;position:fixed;animation:HoverEffectRight 2s linear infinite}.saturn>img{width:40vw;max-width:60%}@keyframes HoverEffectLeft{0%,to{transform:translateY(0)}50%{transform:translate3d(15px,10px,5px)}}@keyframes HoverEffectRight{0%,to{transform:translateY(0)}50%{transform:translate3d(-5px,10px,5px)}}.auth-form{background:#1f1f1f;opacity:.9;width:min(100vw - 20px,400px);margin:60px auto;border-radius:10px;box-shadow:0 30px 60px #0000004d}@media(min-height:0em)and (max-height:36.56em){.auth-form{margin:0 auto 8px}}.auth-form__form{padding:40px 30px;display:flex;flex-direction:column;gap:16px}.auth-form__header{display:flex;justify-content:space-around}.auth-form__header-item{padding:12px;text-decoration:none;text-align:center;line-height:1;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.1ch;transition:background-color .25s;color:#ccc;background-color:transparent;border:none;cursor:pointer;width:100%}.auth-form__header-item:hover{text-decoration:underline #39ace7;text-decoration-thickness:2px}.auth-form__header-item:active{-moz-transform:scale(.95);-webkit-transform:scale(.95);-o-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.auth-form__footer{display:flex;flex-direction:column}.auth-form__footer-item{padding:12px;text-decoration:none;text-align:center;line-height:1;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.1ch;transition:background-color .25s;color:#ccc;background-color:transparent;border:none;cursor:pointer}.auth-form__footer-item:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding:28px 12px}.auth-form__footer-item:hover{text-decoration:underline #39ace7;text-decoration-thickness:2px}.auth-form__button-container{display:flex;justify-content:space-around}.auth-form__primary-button{height:48px;border-radius:24px;background-color:#56baed;border:none;width:100%;color:#eee;font-weight:800;font-size:16px;text-transform:uppercase;transition:background-color .2s;margin-top:24px}.auth-form__primary-button:hover{background-color:#39ace7;cursor:pointer}.auth-form__button--text{padding:14px 22px;border-radius:9999px;border:none;color:#11001c;font-weight:800;font-size:16px;text-transform:uppercase;transition:background-color .2s;background:transparent;cursor:pointer}.auth-form__button--text:hover{background-color:#ccc}.auth-form__label{margin-left:14px;font-size:16px;color:#ccc;font-weight:700;width:100%}.auth-form__text-input-group,.auth-form__select-group,.auth-form__textarea-group{display:flex;flex-direction:column;margin:0}.auth-form__text-input,.auth-form__select{border-radius:19px;height:38px;padding:6px 15px;margin:3px 0;border:none;box-sizing:border-box;background-color:#5f5f5f;outline:none;transition:outline-color .5s;transition:background-color .2s;font-weight:400;color:#11001c}.auth-form__text-input:focus,.auth-form__select:focus,.auth-form__textarea:focus{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.auth-form__checkbox-input-group{margin:0}.auth-form__checkbox-input{margin-left:12px;margin-right:2px}.auth-form__checkbox-input+.auth-form__label{margin-left:0}.auth-form__fieldset{border-radius:8px;border:none;padding:52px 16px 16px;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;position:relative}.auth-form__legend{font-size:18px;font-weight:700;margin:12px 0 0;color:#ccc;position:absolute;top:0;border:none}.auth-form__textarea{height:300px;border-radius:19px;padding:6px 15px;margin:3px 0;border:none;box-sizing:border-box;background-color:#5f5f5f;outline:none;transition:outline-color .5s;transition:background-color .2s;font-weight:400;color:#11001c}.auth-form__branding{text-decoration:none;color:#9682de;display:flex;column-gap:5px;align-items:center;font-size:3rem;flex-direction:column;margin-bottom:12px}.auth-form__site-logo{color:#ccc;font-weight:900;font-size:3.6rem;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:.1ch;line-height:1}.auth-form__errors{list-style-type:none;margin:0;padding:16px 8px}.auth-form__important-infos{list-style-type:none;margin:0;padding:0 0 20px;display:flex;flex-direction:column;gap:16px}.auth-form__error,.auth-form__important-info{color:#c62828;font-weight:700;font-size:16px}.auth-form__info{color:#ff7518;font-size:16px}[x-cloak]{display:none!important}
