*{box-sizing:border-box;margin:0;padding:0}html{background:#9f9f9f;font-family:"Helvetica Neue",Arial,Sans-Serif;margin-top:100px}html .login-wrap{position:relative;margin:0 auto;background:#ecf0f1;width:350px;border-radius:10px;box-shadow:3px 3px 10px #333;padding:15px}html .login-wrap h2{text-align:center;font-weight:200;font-size:2em;margin-top:10px;color:#34495e}html .login-wrap h3{text-align:center;font-weight:500;font-size:14px;margin-top:0;color:#580178df}html .login-wrap h4{text-align:center;font-size:12px;margin-top:10px;margin-bottom:20px;color:#757575df;text-decoration:none}html .login-wrap h4 a{text-decoration:none;color:#757575df}html .login-wrap .form{padding-top:20px}html .login-wrap .form button,html .login-wrap .form input[name=nkey],html .login-wrap .form input[type=email],html .login-wrap .form input[type=number],html .login-wrap .form input[type=password],html .login-wrap .form input[type=text]{width:80%;margin-left:10%;margin-bottom:25px;height:40px;border-radius:25px;outline:0;-moz-outline-style:none}html .login-wrap .form input[name=npsn]{width:80%;margin-left:10%;margin-bottom:0;height:40px;border-radius:25px;outline:0;-moz-outline-style:none}html .login-wrap .form input[type=email],html .login-wrap .form input[type=number],html .login-wrap .form input[type=password],html .login-wrap .form input[type=text]{border:1px solid #bbb;padding:0 0 0 25px;font-size:14px}html .login-wrap .form input[type=email],html .login-wrap .form input[type=number]:focus,html .login-wrap .form input[type=password],html .login-wrap .form input[type=text]:focus{border:1px solid #3498db}html .login-wrap .form a{text-align:center;font-size:10px;color:#3498db}html .login-wrap .form a p{padding-bottom:10px}html .login-wrap .form button{background:#0249a3;background:linear-gradient(9deg,rgba(2,73,163,1) 0,rgba(52,231,252,1) 100%);border:none;color:#fff;font-size:18px;font-weight:200;cursor:pointer;transition:box-shadow .4s ease}html .login-wrap .form button:hover{box-shadow:1px 1px 5px #555}html .login-wrap .form button:active{box-shadow:1px 1px 7px #222}html .login-wrap:after{content:"";position:absolute;top:0;left:0;right:0;height:10px;border-radius:10px 10px 0 0;background:#020024;background:linear-gradient(89deg,#0c1d5a,#553bf8,#04afbe);background-size:250% 250%;-webkit-animation:AnimationTop 9s ease infinite;-moz-animation:AnimationTop 9s ease infinite;animation:AnimationTop 9s ease infinite}@-webkit-keyframes AnimationTop{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@-moz-keyframes AnimationTop{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes AnimationTop{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.captcha{border-radius:25px;display:block;margin-top:10px;margin-left:34px;margin-right:auto;margin-bottom:7px}#skul-list{list-style:none;width:72%;position:absolute;left:49px;right:35px;z-index:1;background-color:#fff}#skul-list li{padding:5px;border-bottom:#eaeaea .01em solid;border-left:#eaeaea .01em solid;border-right:#eaeaea .01em solid;border-radius:5px;height:40px;font-size:14px;padding-top:12px}#skul-list li:hover{background:#cbeaf0;cursor:pointer;border-radius:5px}