body.login { background: linear-gradient(135deg, #082d50, #0878b9 65%, #18bec5); display: grid; min-height: 100vh; place-items: center; }
body.login #login { padding: 0; width: min(420px, calc(100% - 36px)); }
body.login h1 a { background: none !important; color: #fff; font: 0/0 a; height: auto; margin: 0 0 26px; overflow: visible; text-indent: 0; width: auto; }
body.login h1 a::after { font: 700 26px/1.2 system-ui, sans-serif; letter-spacing: -.045em; }
body.login form { border: 0; border-radius: 16px; box-shadow: 0 18px 60px #05223a55; padding: 30px; }
body.login .button-primary { background: #0878b9; border-color: #0878b9; font-size: 15px; min-height: 42px; width: 100%; }
.login #nav, .login #backtoblog { margin-left: 0; text-align: center; }
.login #nav a, .login #backtoblog a { color: #e7f4fb !important; }
.login .message { border-left-color: #24c6c8; border-radius: 8px; }