body.login {background:url('https://vanguardpg.com/wp-content/uploads/2026/06/login-bg.webp') no-repeat center/cover;}
body.login div#login {}
body.login div#login a:hover {color:#ffffff !important;}
body.login div#login h1 {background-image: url('https://vanguardpg.com/wp-content/uploads/2026/06/front.webp'); background-repeat: no-repeat; background-position: center center; background-size: contain; margin-top:71px;}
body.login div#login h1 a {display:block;width:100%;background-size:auto;background-image:none; margin-bottom:60px;}
body.login div#login form#loginform {
border-radius: 30px;
box-shadow: none;
background: rgb(255 255 255 / 10%);
backdrop-filter: blur(10px);
border: 1px solid #ffffff;
padding: 46px 52px;
}
body.login div#login form#loginform p {}
body.login div#login form#loginform p label {color:#763963;}
body.login div#login form#loginform input {background:none;border:none;color:#16497F;}
body.login div#login form#loginform input#user_login {box-shadow: 0px 2px #763963;color:#763963;}
body.login div#login form#loginform input#user_pass {box-shadow: 0px 2px #763963;color:#763963;}
body.login div#login form#loginform p.forgetmenot {}
body.login div#login form#loginform p.forgetmenot input#rememberme {background:rgba(255,255,255,0.9); border: 1px solid #763963;color:#763963;}
body.login div#login form#loginform p.submit {}
body.login div#login form#loginform p.submit input#wp-submit {background: #763963;color:white; text-shadow: none;}
body.login div#login p#nav {}
body.login div#login p#nav a {color:#fff;}
body.login div#login p#backtoblog {}
body.login div#login p#backtoblog a {color:#fff;}
body.login::before {
content: '';
display: block;
width: 100%;
height: 100%;
background: url('https://vanguardpg.com/wp-content/uploads/2026/06/Vector.webp');
background-repeat: no-repeat;
background-position: top;
background-size: contain;
max-width: 196px;
max-height: 100px;
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
}
#login {
width: 100%;
max-width: 526px;
}
body.login div#login form#loginform label[for="user_login"] , body.login div#login form#loginform label[for="user_pass"]{
color: #FFFFFF;
font-size: 18px;
line-height: 1.2;
font-weight: 600;
margin-bottom: 12px;
}
body.login div#login form#loginform input#user_login , body.login div#login form#loginform .password-input {
border: 2px solid #C1C6C8 !IMPORTANT;
border-radius: 30px;
background: linear-gradient(to right, #5BC7E1 0%, #FFFFFF 30% , #FFFFFF 100%) !important;
padding-left: 46px;
font-size: 16px;
line-height: 1.2;
padding-block: 12px;
margin-bottom: 20px;
}
body.login .itsec-recaptcha-opt-in p::after {
content: unset !important;
}
body.login .itsec-recaptcha-opt-in p input[type="checkbox"] {
border: 1px solid #7a4068 !important;
}
.forgetmenot label {
color: #ffffff !important;
font-size: 16px;
line-height: 1.2;
font-weight: 600;
margin: 0 !important;
}
.forgetmenot input {
width: 20px;
height: 20px;
border-radius: 5px;
}
body.login div#login form#loginform p.forgetmenot {
display: block;
width: 100%;
}
body.login div#login form#loginform p.submit input#wp-submit {
width: 100%;
background: #5BC7E1;
border-radius: 30px;
padding-block: 10px;
font-size: 18px;
line-height: 1.2;
font-weight: 600;
margin-top: 26px;
}
body.login div#login p#backtoblog {
display: inline-block;
text-align: center;
font-size: 16px;
line-height: 1.2;
font-weight: 400;
}
body.login div#login p#nav {
display: inline-block;
margin-inline: auto;
width: 40%;
text-align: end;
font-size: 16px;
line-height: 1.2;
font-weight: 400;
}
body.login div#login p#nav a , body.login div#login p#backtoblog a {
text-decoration:underline;
}
body.login div#login form#loginform p.forgetmenot input[type=checkbox]:checked::before {
margin: 0;
width: 20px;
height: 20px;
position: relative;
left: -2px;
}
body.login div#login form#loginform p:first-child {
position:relative;
}
body.login div#login form#loginform p:first-child::after {
content: '';
display: block;
width: 20px;
height: 20px;
background: url('data:image/svg+xml,');
position: absolute;
top: 50%;
background-repeat: no-repeat;
background-position: center;
left: 16px;
transform: translateY(-4px);
}
body.login div#login form#loginform .wp-pwd::before {
content: '';
display: block;
background: url('data:image/svg+xml,');
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 50%;
left: 16px;
transform: translateY(-20px);
}
.login .button.wp-hide-pw {
top: 3px;
}
@media screen and (max-width:749px){
body.login::before {
max-width: 150px;
}
.login h1 a {
height: 70px;
}
body.login div#login form#loginform {
padding: 46px 40px;
}
body.login div#login form#loginform label[for="user_login"], body.login div#login form#loginform label[for="user_pass"] {
margin-bottom: 8px;
}
body.login div#login form#loginform p:first-child::after {
transform: translateY(-6px);
}
body.login div#login form#loginform .wp-pwd::before {
transform: translateY(-20px);
}
}
@media screen and (max-width:530px){
#login {
max-width: 368px;
}
}