@font-face {font-family: OSReg; src: url(https://iorg.ru/fonts/osr.ttf); font-display: swap;}
@font-face {font-family: OSBold; src: url(https://iorg.ru/fonts/osb.ttf); font-display: swap;}
@font-face {font-family: OSSemib; src: url(https://iorg.ru/fonts/ossb.ttf); font-display: swap;}

body {margin: 0; padding: 0; font: 14pt OSR, sans-serif; background: #FFF; overflow-x: auto;}

.login_body {display: table; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: #e8ecf2;}
.login_block {display: table-cell; vertical-align: middle; background: radial-gradient(circle 420px at 50% 45%, #FFF, #e8ecf2);}
.login_div {width: 479px; height: 520px; padding: 0 15px 30px; margin:-12vh auto 0; text-align: center; font: 14pt OSSemib, sans-serif; background: #FFF;
            -webkit-box-shadow: 0px 0px 29px -6px rgba(34, 60, 80, 0.28);
            -moz-box-shadow: 0px 0px 29px -6px rgba(34, 60, 80, 0.28);
            box-shadow: 0px 0px 29px -6px rgba(34, 60, 80, 0.28);
           }
.login_div img {width: 160px; margin: 35px auto 15px;}
.login_div h1 {margin-bottom: 10px; font: 36pt OSBold, sans-serif;}
.login_div a {color: #098BFF;}
.login_div a:hover {text-decoration: none;}
.login_div input, .btn {width: 282px; height: 40px; margin-top: 15px; padding: 8px 20px 12px; text-align: center; font: 14pt OSSemib, sans-serif; border: solid 1px #000; border-radius: 180px;}
.login_div input:focus {outline: none;}
.login_div input:hover {outline: none;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(34, 60, 80, 0.7);
    -moz-box-shadow: 0px 0px 4px 0px rgba(34, 60, 80, 0.7);
    box-shadow: 0px 0px 4px 0px rgba(34, 60, 80, 0.7);
}

.login_div .btn {margin-top: 25px; padding: 18px 20px 2px; color: #000;}

.inp_error {border-color: #BE2461!important;}

.btn {display: inline-block; text-decoration: none; font: 12pt OSBold, sans-serif; color: #000; border: solid 2px #000; background-color: #5AE4A8; border-radius: 180px;
      -webkit-box-shadow: 8px 8px 0px 0px rgba(90, 228, 168, 0.31);
      -moz-box-shadow: 8px 8px 0px 0px rgba(90, 228, 168, 0.31);
      box-shadow: 8px 8px 0px 0px rgba(90, 228, 168, 0.31);
     }
.btn:hover, .hovered {background-color: #FFF; transition: 0.2s;}
.btn:active, .activated {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}