@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css?family=Exo:400,700);@import url(https://fonts.googleapis.com/css?family=Titan+One);html{min-height:100%;position:relative}*{font-family:Poppins,JetBrains Mono,monospace}body{align-items:center;background:#dde5f4;display:flex;justify-content:center;margin:0;min-height:100vh;overflow-y:auto;padding:0}.btn{background-color:#007bff;color:#fff;transition:background-color .3s ease,transform .3s ease}.btn:hover{background-color:#0056b3;transform:scale(1.05)}.btn:active{transform:scale(.95)}.navbar{background-color:#fff;color:#333;font-size:16pt;margin-left:0;padding-left:10px}.navbar-brand{color:#333;font-size:12pt}input,select{margin-left:20px}form{margin:10px}footer{bottom:5px;height:auto;height:30px;left:50%;margin-right:-50%;position:fixed;transform:translate(-50%,-50%)}.login-form,.registration-form{animation:fadeIn 1s ease-in-out;background:#f1f7fe;border-radius:30px;box-shadow:0 0 2em #e6e9f9;max-width:500px;padding:2em;width:100%}.registration-form{height:auto;left:auto;margin:2em auto;max-height:75vh;max-width:600px;min-height:min-content;overflow-y:auto;padding:2em;position:relative;top:auto;transform:none;width:90%}.registration-form h1{font-size:1.6em;margin-bottom:.8em}.registration-form h1.service-title{color:#3e4684;font-size:1.6em;font-weight:600;margin:0 0 1.5em;text-align:center}.registration-form .form-control{box-sizing:border-box;margin-bottom:.6em;margin-left:0;margin-right:0;padding:.6em;width:100%}.registration-form .form-group{margin-bottom:.8em;margin-left:0;margin-right:0;padding:0;width:100%}.registration-form label{display:block;font-size:.85em;margin-bottom:.5em;width:100%}.registration-form .btn{margin-top:.8em;padding:.7em 1.5em}.registration-form::-webkit-scrollbar{width:8px}.registration-form::-webkit-scrollbar-track{background:#f1f7fe;border-radius:4px}.registration-form::-webkit-scrollbar-thumb{background:#3e4684;border-radius:4px}.registration-form input,.registration-form select{margin-left:0;margin-right:0;width:100%}.registration-form .form-check{align-items:flex-start;display:flex;gap:.8em;margin:1em 0}.registration-form .form-check-input{cursor:pointer;flex-shrink:0;height:1em;margin:.3em 0 0;width:1em}.registration-form .form-check-label{cursor:pointer;flex:1;font-size:.9em;margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes move{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes moveSnake{0%{transform:translateX(0)}50%{transform:translateX(10px)}to{transform:translateX(0)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.vector-animation{height:100%;left:0;opacity:.1;overflow:hidden;position:absolute;top:0;width:100%;z-index:-1}.vector-animation svg{animation:move 10s infinite;position:absolute}.vector-animation .snake{animation:moveSnake 5s infinite;bottom:10px;width:100%}.vector-animation .line{stroke:#3e4684;stroke-width:2}.form-control{background:#fff;border:none;border-radius:20px;box-shadow:0 0 2em #e6e9f9;margin-bottom:1em;padding:1em}.form-control:focus{box-shadow:0 0 2em #d1d5f0;outline:none}.btn-primary{align-items:center;background:#3e4684;border:none;border-radius:30px;color:#fff;display:flex;font-size:1em;font-weight:600;justify-content:center;margin-top:1em;min-height:50px;padding:1em 1.5em;width:100%}.btn-primary:hover{background:#333a77}a{color:#5e5e5e;font-size:.9em;text-decoration:none}a:hover{color:#3e4684}.footer{color:#5e5e5e;font-size:.8em;margin-top:2em;text-align:center}.screen-1{background:#f1f7fe;border-radius:30px;gap:1.5em;left:50%;margin:0;max-height:calc(100vh - 100px);max-width:500px;overflow-y:auto;padding:2.5em;position:absolute;top:50%;transform:translate(-50%,-50%)}.screen-1,.screen-1 .email,.screen-1 .password{box-shadow:0 0 2em #e6e9f9;display:flex;flex-direction:column}.screen-1 .email,.screen-1 .password{background:#fff;border-radius:20px;color:#4d4d4d;gap:.5em;padding:1em;transition:box-shadow .3s ease}.screen-1 .email:focus-within,.screen-1 .password:focus-within{box-shadow:0 0 2em #d1d5f0}.screen-1 .password.has-value,.screen-1 .password:has(input:not(:placeholder-shown)){background:#fff9e6}.screen-1 input:-webkit-autofill,.screen-1 input:-webkit-autofill:active,.screen-1 input:-webkit-autofill:focus,.screen-1 input:-webkit-autofill:hover{-webkit-text-fill-color:#4d4d4d!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}.screen-1 .password.has-value input:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 30px #fff9e6!important}.screen-1 .email label,.screen-1 .password label{color:#4d4d4d;display:block;font-size:.9em;font-weight:500;margin-bottom:.3em}.screen-1 .sec-2{align-items:center;display:flex;gap:.5em;position:relative}.screen-1 .sec-2 .password-toggle{color:#999;cursor:pointer;margin-left:auto;transition:color .3s ease}.screen-1 .sec-2 .password-toggle:hover{color:#3e4684}.screen-1 input{background:transparent;border:none;flex:1;font-size:1em;margin-left:0;outline:none;width:100%}.screen-1 input:disabled{background:transparent;color:#6c757d;cursor:not-allowed}.screen-1 ion-icon{color:#4d4d4d;font-size:1.4em}.screen-1 .login{align-items:center;background:#3e4684;border:none;border-radius:30px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:1em;font-weight:600;justify-content:center;line-height:1.2;margin:1em auto 0;min-height:50px;padding:1em 1.5em;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.screen-1 .login:hover{background:#333a77;transform:scale(1.05)}.screen-1 .login:active{transform:scale(.95)}.screen-1 .footer{display:flex;font-size:.9em;justify-content:center;margin-top:1.5em}.screen-1 .footer.two-links{justify-content:space-between}.screen-1 .footer a{color:#5e5e5e;text-decoration:none;transition:color .3s ease}.screen-1 .footer a:hover{color:#3e4684;text-decoration:underline}.screen-1 .logo-container{margin-bottom:.5em;text-align:center}.screen-1 .logo{display:block;height:auto;margin:0 auto;width:150px}.screen-1 .form-text{display:block;margin:.5em 0 1em;text-align:center}.support-info{color:#5e5e5e;font-size:.9em;line-height:1.5;margin-top:2em;text-align:center}.support-info a{color:#3e4684;text-decoration:none}.support-info a:hover{text-decoration:underline}.logo-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:1.5em}.logo{display:block;margin:0 auto;width:150px}.header-group{gap:1.5em;margin-bottom:2em}.header-group,.logo-wrapper,.title-wrapper{align-items:center;display:flex;justify-content:center}.logo-wrapper,.title-wrapper{flex:1}.logo{height:auto;transform:translateY(-2px);width:120px}.divider{align-items:center;display:flex;justify-content:center}.x-divider{-webkit-text-fill-color:transparent;animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(45deg,#fc5c7d,#6a82fb,#fc5c7d,#6a82fb);-webkit-background-clip:text;background-size:300% 300%;color:#3e4684;font-family:Titan One,cursive;font-size:2.2em;font-weight:700;padding:0 .2em;position:relative;text-shadow:0 0 20px rgba(62,70,132,.2)}.service-title{font-size:1.6em;margin:0;transform:translateY(2px)}.screen-1 h1,.service-title{color:#3e4684;font-weight:600}.screen-1 h1{font-size:1.8em;margin-bottom:1.5em;text-align:center}.screen-1 .password{margin-bottom:1em}.screen-1 .password:last-of-type{margin-bottom:.5em}.screen-1 .password label{color:#4d4d4d;display:block;font-size:.9em;font-weight:500;margin-bottom:.3em}.screen-1 .password input{background:transparent;border:none;flex:1;padding:0;width:100%}.screen-1 .email input[disabled]{background:transparent;color:#6c757d;cursor:not-allowed}.screen-1 .email{margin-bottom:1.5em}.screen-1 .title-wrapper{margin:.5em auto 2em;text-align:center;width:100%}.screen-1 .form-text{color:#6c757d;font-size:.85em;margin-left:.5em;margin-top:.5em}.fade-in{animation:fadeIn 1s ease-in-out}.message-content{background:#fff;border-radius:20px;box-shadow:0 0 2em #e6e9f9;color:#666;line-height:1.6;margin:2em 0;padding:1em;text-align:center}.message-content p{font-size:.95em;margin-bottom:1em}.message-content p:last-child{margin-bottom:0}.message-content a{color:#3e4684;font-weight:600;text-decoration:none}.message-content a:hover{text-decoration:underline}.screen-1 .alert{border-radius:15px;font-size:.9em;margin-bottom:1em;padding:.75em 1em}.screen-1 .alert-danger{background-color:#fee;border:1px solid #fcc;color:#c33}.alert{border:none;border-radius:20px;margin-bottom:1.5em;padding:1em;text-align:center}.alert-danger{background-color:#f8d7da;box-shadow:0 0 1em rgba(220,53,69,.2);color:#721c24}.registration-form>.title-wrapper,.screen-1>.title-wrapper{margin:.5em auto 2em;text-align:center;width:100%}@media (max-width:768px){.screen-1{max-width:100%;padding:1.5em;width:90%}.header-group{flex-direction:column;gap:.5em;margin-bottom:1.5em}.logo{width:100px}.x-divider{font-size:1.8em}.service-title{font-size:1.3em}.registration-form{padding:1.5em;width:95%}.screen-1 .password-toggle{font-size:1.2em}.screen-1 .login{max-width:200px;min-width:160px;padding:.6em 1.5em}.registration-form>.title-wrapper .service-title,.screen-1>.title-wrapper .service-title{font-size:1.5em}}.screen-1::-webkit-scrollbar{width:8px}.screen-1::-webkit-scrollbar-track{background:#f1f7fe;border-radius:4px}.screen-1::-webkit-scrollbar-thumb{background:#3e4684;border-radius:4px}.screen-1 input[type=email],.screen-1 input[type=password],.screen-1 input[type=text]{background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;font-size:1em!important;margin:0!important;padding:0!important;width:100%!important}.screen-1 .help-block,.screen-1 .invalid-feedback,.screen-1 ul.list-unstyled{background:#fee;border:1px solid #fcc;border-radius:15px;color:#c33;font-size:.85em;list-style:none;margin:.5em 0;padding:.5em 1em;text-align:center}.screen-1 .help-block li,.screen-1 .invalid-feedback li,.screen-1 ul.list-unstyled li{margin-bottom:.3em}.screen-1 form>div:not(.email):not(.password):not(.footer) label{display:none!important}.screen-1 .email>label:first-child,.screen-1 .password>label:first-child{display:block!important}.reset-password-form .password-wrapper{display:flex;flex-direction:column;gap:1em}.reset-password-form .password-wrapper label[for*=plainPassword],.reset-password-form .password-wrapper>div>div>label{display:none!important}.reset-password-form .error-container{margin-top:.5em}.screen-1 .reset-help-text{display:block;margin:2.5em 0 3.5em!important;text-align:center}.screen-1 .reset-buttons{margin-top:2em}.screen-1 .reset-buttons .login{margin-bottom:3em}