:root{--mpt-blue:#00a3df;--mpt-dark:#111820}
body.login{background:linear-gradient(90deg,rgba(5,21,33,.82),rgba(0,71,105,.42)),url(../images/durban.jpg) center center/cover fixed no-repeat;font-family:Inter,"Segoe UI",Arial,sans-serif}
body.login:before{content:"";position:fixed;inset:0 0 auto;height:8px;background:var(--mpt-blue)}
#login{width:390px;max-width:calc(100% - 36px);padding-top:7vh}
#login h1 a{background-image:url(../images/moore-logo.png);background-size:contain;background-position:center;width:300px;height:80px;margin-bottom:24px;filter:drop-shadow(0 2px 8px rgba(255,255,255,.5))}
.login form{border:0;border-radius:15px;padding:30px;background:rgba(255,255,255,.96);box-shadow:0 22px 70px rgba(0,0,0,.32);backdrop-filter:blur(8px)}
.login label{color:#465560}.login input[type=text],.login input[type=password]{border:1px solid #becbd3;border-radius:8px;padding:8px 12px}.login input:focus{border-color:var(--mpt-blue);box-shadow:0 0 0 2px rgba(0,163,223,.18)}
.wp-core-ui .button-primary{background:var(--mpt-blue);border-color:var(--mpt-blue);border-radius:7px;font-weight:700;padding:0 18px}.wp-core-ui .button-primary:hover{background:#007eae;border-color:#007eae}
.login #backtoblog a,.login #nav a,.login .privacy-policy-page-link a{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.8)}.login #backtoblog a:hover,.login #nav a:hover{color:#8fddfa}
@media(max-width:480px){body.login{background-position:60% center}#login{padding-top:4vh}}