body.login { background: radial-gradient(circle at 15% 10%, #dcd8ff, transparent 32rem), #f4f7fb !important; }
body.login #login { width: min(420px, calc(100% - 30px)); padding-top: 7vh; }
body.login #loginform, body.login #lostpasswordform, body.login #registerform {
  padding: 30px !important; background: rgba(255,255,255,.95) !important; border: 1px solid #e1e6ef !important; border-radius: 20px !important; box-shadow: 0 18px 50px rgba(31,42,68,.12) !important;
}
body.login input[type=text], body.login input[type=password], body.login input[type=email] { min-height: 48px; border: 1px solid #dbe1eb !important; border-radius: 11px !important; box-shadow: none !important; }
body.login input:focus { border-color: #6558f5 !important; box-shadow: 0 0 0 4px rgba(101,88,245,.11) !important; }
body.login .button-primary { min-height: 44px; padding: 0 20px !important; background: linear-gradient(135deg,#6558f5,#4b3fdb) !important; border: 0 !important; border-radius: 10px !important; box-shadow: 0 8px 20px rgba(101,88,245,.24) !important; }
body.login #nav, body.login #backtoblog { text-align: center; }