:root{--blue:#1596df;--blue-dark:#0b2f63;--bg:#f4f9fd;--text:#17375e;--muted:#6f86a3;--line:#dcebf5}

body{margin:0;background:var(--bg);color:var(--text);font-family:"Segoe UI",Arial,sans-serif}

.mano-login-page{min-height:calc(100vh - 68px);display:flex;justify-content:center;align-items:flex-start;padding:55px 20px}
.mano-login-card{width:100%;max-width:430px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 35px rgba(31,95,145,.08);overflow:hidden}

.mano-login-head{padding:28px 30px 22px;border-bottom:1px solid var(--line)}
.mano-login-kicker{margin-bottom:6px;color:var(--blue);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.mano-login-head h1{margin:0 0 8px;color:var(--blue-dark);font-size:25px;line-height:1.2;font-weight:800}
.mano-login-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}

.mano-login-body{padding:24px 30px 28px}

.mano-login-body .loginform{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;box-sizing:border-box!important}
.mano-login-body .field{display:block!important;float:none!important;width:100%!important;max-width:none!important;margin:0 0 16px!important;padding:0!important;box-sizing:border-box!important;text-align:left!important}

.loginform label{display:block!important;width:100%!important;margin:0 0 6px!important;padding:0!important;text-align:left!important;float:none!important;color:#365778!important;font-size:12px!important;font-weight:600!important}
.loginform p{display:block!important;width:100%!important;margin:0!important;padding:0!important;text-align:left!important}

.loginform input[type="text"],
.loginform input[type="password"]{
    display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;height:42px!important;
    margin:0!important;padding:0 12px!important;box-sizing:border-box!important;float:none!important;
    background:#f8fbfd!important;border:1px solid #dbe8f1!important;border-radius:9px!important;
    outline:none!important;color:#294a69!important;font-size:13px!important;text-align:left!important
}

.loginform input[type="text"]:focus,
.loginform input[type="password"]:focus{
    background:#fff!important;border-color:#83caef!important;box-shadow:0 0 0 3px rgba(21,150,223,.08)!important
}

.loginform input[type="submit"]{
    display:block!important;width:100%!important;height:44px!important;margin:4px 0 0!important;padding:0 20px!important;
    box-sizing:border-box!important;border:0!important;border-radius:9px!important;
    background:linear-gradient(135deg,#1ba3e8,#168bd0)!important;color:#fff!important;
    font-size:14px!important;font-weight:700!important;cursor:pointer!important;
    box-shadow:0 8px 18px rgba(21,150,223,.15)!important
}

.loginform input[type="submit"]:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(21,150,223,.22)!important}

.mano-login-links{margin-top:16px;text-align:center}
.mano-login-links a{color:var(--blue);font-size:13px;font-weight:600;text-decoration:none}
.mano-login-links a:hover{text-decoration:underline}

@media(max-width:520px){
    .mano-login-page{padding:25px 12px}
    .mano-login-head,.mano-login-body{padding-left:20px;padding-right:20px}
    .mano-login-head h1{font-size:22px}
}
/* LOGIN HEADER */
body header.frontpage .container>div{
    display:flex!important;
    align-items:center!important;
}

body header.frontpage .container>div>div:last-child{
    display:none!important;
}